Illustrator创建大气典雅的无缝拼贴图案(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

如你所见,新建的图案也跟之前的图案一起变形、复制了九组。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

新建元素,然后拖回瓷砖纹理中。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

现在,我们已经做好了图案,找到对象 > 扩展外观。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

我们需要的图案必须得是一个矩形,而且还得是最初那个16 * 16 px的矩形,我们选择图案中如下图所示的部分。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

其他多余的部分我们删掉不要。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

照旧将图案拖进色板,然后应用到你想要应用的地方,效果如下图所示。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

除了上述的纹理,还可以应用光栅模式的像素图案,我们做一个简单的纹理,选中元素,然后找到对象 > 模糊 > 高斯模糊,然后在弹出的对话框中设置相关参数。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

具体参数如下图所示:

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

然后是对象 > 模糊 > 放射模糊,然后设置相关参数。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

如果想要一个光栅效果的纹理,需要创建一个没有填充和描边的矩形,然后把它放在所有元素的下面。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

否则,将会在最终的拼贴中出现空隙,影响视觉效果。在色板中保存图案并应用到任意对象上测试一下。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

给自己鼓鼓掌吧,看起来还不错!

在AI cs6以后的版本中,创建无缝拼贴图案变得更容易了!这个版本中很多步骤可以交给软件,让软件自动完成。现在我们来创建一个填充了深灰色的矩形。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

在外观面板(窗口 > 外观)中添加新的填充。

Illustrator创建大气典雅的无缝拼贴图案,PS教程,思缘教程网

 收藏