效果图:
来让我们开始教程吧!
无缝拼贴图案样式一贯都是设计师的宠儿,现在也十分受欢迎,在很多领域都有运用,我相信在良久良久的往后,无缝拼贴图案还是会连续盛行下去。
我这里有几个小窍门,可以让创建无缝拼贴图案的过程变得更加随意马虎。像素图案不同于其他图案,图案中的每个边缘都十分锐利,没有模糊的边缘,这就哀求图案中的像素数是整数。在AI中,额可以打开像素预览模式(预览 > 像素预览)。在这个模式下,我们可以清楚地看到事情区里的像素格子。在这个模式下,我们也可以创建整数的像素图案。我们用矩形工具(M)创建一个方形吧!
详细大小如下图所示。
在对角线上,新建更多的像素。
无缝拼接图案的颜色变革十分奇妙,我们可以利用不同灰度的颜色,将刚刚创建的图案拖进色板。
现在,你可以将图案添补到任一你想运用的地方,比如网站的背景。
我们看过了无缝拼贴图案中最大略的一个案例,我们可以发挥自己的想象力,创建出更有趣的图案。
但是并不是所有的图案都是看起来那么大略的!
让我们来考虑更多的案例吧!
利用矩形工具(M)创建一个像下图一样的图案。
现在将它拖进色板,然后运用到任何你想运用的地方。
放大上面的图案,如你所见的,在图案与图案相接的地方,我们得到了二倍的宽度。
这不是我想要的,以是我们要根据自己的须要重新编辑图案。
创建一个矩形,不须要添补也不用描边,并且将它放在所有图案的下面。如图:
这个矩形将我们之前做出的图形进行了裁剪,去掉了一些我们不须要的像素。将色板中的图案转换成裁剪后的图案,然后再运用到工具中,就变成了如下图所示的,我们想要的效果。
很多时候当我们环绕像素进行事情,很难想象出这些像素无缝拼贴制后的样子。现在我将见告你一个可以提前知道这些图案拼贴到一起后是什么样的方法。我们先创建一个如下图所示的图案,图案中都是1 x 1的像素块儿。
将所有的像素打组(Cmd/ctrl+G),现在,这组像素的尺寸为16 x 16 px,你可以在掌握面板或转换面板看到这组数据。
选中组,然后找到殊效 > 扭曲和变形,然后设置垂直和水平的数值,转换的大小要小于组的大小,副本的数量为0
再来一次扭曲和变形,但是参数设置和原来不同,详细如下:
将变形殊效再运用到新的图案上。
现在,我们可以同时看到九组我们做出的图案了!
我们给这个图案添加一些其他的元素,再创建一组新的图案。
将新建的一组图案拖动到运用了转换殊效的图层中,这一步操作要在图层面板中进行。
如你所见,新建的图案也跟之前的图案一起变形、复制了九组。
新建元素,然后拖回瓷砖纹理中。
现在,我们已经做好了图案,找到工具 > 扩展外不雅观。
我们须要的图案必须得是一个矩形,而且还得是最初那个16 16 px的矩形,我们选择图案中如下图所示的部分。
其他多余的部分我们删掉不要。
照样将图案拖进色板,然后运用到你想要运用的地方,效果如下图所示。
除了上述的纹理,还可以运用光栅模式的像素图案,我们做一个大略的纹理,选中元素,然后找到工具 > 模糊 > 高斯模糊,然后在弹出的对话框中设置干系参数。
详细参数如下图所示:
然后是工具 > 模糊 > 放射模糊,然后设置干系参数。
如果想要一个光栅效果的纹理,须要创建一个没有添补和描边的矩形,然后把它放在所有元素的下面。
否则,将会在终极的拼贴中涌现空隙,影响视觉效果。在色板中保存图案并运用到任意工具上测试一下。
给自己鼓鼓掌吧,看起来还不错!
在AI cs6往后的版本中,创建无缝拼贴图案变得更随意马虎了!
这个版本中很多步骤可以交给软件,让软件自动完成。现在我们来创建一个添补了深灰色的矩形。
在外不雅观面板(窗口 > 外不雅观)中添加新的添补。
选中这个添补效果,然后找到殊效 > 纹理 > 胶片,详细参数设置如下图所示:
图层模式选择正片叠底,透明度调度为20%。
如前所说,为了有光栅模式的像素图案,我们要创建一个没有添补和描边的矩形。
选中所有的工具,然后找到工具 > 定义图案 > 制造。
用这个办法,我们可以找到创建图案模式。
利用笔墨工具(T),创建不同的字幕和符号,将它们随机摆放。
将笔墨设置身分歧的字号和字体,利用笔墨面板(窗口 > 笔墨 > 字符)可以很轻松地做这件事儿。键盘上没有的一些符号也可以放上去,利用符号面板即可(笔墨 > 符号)。
如果样式让你以为ok了,点击事情区上面的“Done”按钮,就可以了。
样式做好了!
现在,可以把它运用到任何必要添补的工具中了!
总结
我们小而美的实用型教程到此就结束了,希望在看了教程的内容后,亲们能动手自己做一做,也希望能在教程里找到一些有趣和有用的东西,末了感激各位不雅观众的耐心不雅观看!