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

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

这不是我想要的,所以我们要根据自己的需要重新编辑图案。

创建一个矩形,不需要填充也不用描边,并且将它放在所有图案的下面。如图:

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

这个矩形将我们之前做出的图形进行了裁剪,去掉了一些我们不需要的像素。将色板中的图案转换成裁剪后的图案,然后再应用到对象中,就变成了如下图所示的,我们想要的效果。

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

很多时候当我们围绕像素进行工作,很难想象出这些像素无缝拼贴制后的样子。现在我将告诉你一个可以提前知道这些图案拼贴到一起后是什么样的方法。我们先创建一个如下图所示的图案,图案中都是1 x 1的像素块儿。

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

将所有的像素打组(Cmd/ctrl+G),现在,这组像素的尺寸为16 x 16 px,你可以在控制面板或转换面板看到这组数据。

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

选中组,然后找到特效 > 扭曲和变形,然后设置垂直和水平的数值,转换的大小要小于组的大小,副本的数量为0

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

再来一次扭曲和变形,但是参数设置和原来不同,具体如下:

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

将变形特效再应用到新的图案上。

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

现在,我们可以同时看到九组我们做出的图案了!

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

我们给这个图案添加一些其他的元素,再创建一组新的图案。

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

将新建的一组图案拖动到应用了转换特效的图层中,uimaker,这一步操作要在图层面板中进行。

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

 收藏