毛线编织纹理的icon图标

icon图标是UI设计必不可少的元素之一,一个好的icon图标可以引起消费者的共鸣,受到极大的青睐。
本日要学习的UI设计教程是用AI设计制作毛线编织纹理的icon图标,毛线编织纹理中的一针一线,最能传达温暖、谅解和一种温馨的亲和力,织物的质感如果利用在设计中将会非常出彩。

根本形开始

通过不雅观察纹理,我们都会创造,纹理图案是由一大片相同的小图案所铺排构成。
我们索性就把这个小图案称为“根本形”。
下面唐人教诲

步骤01

唐人UI设计教程制作毛线编织纹理的icon图标

让我们打开AI,新建一个400400的文档,在这个文档中绘制一个椭圆。
关闭描边,将其添补为蓝色。

步骤02

选中这个椭圆,进入【效果>变形>旗形】,在打开的变形选项中,在选中水平方向的根本上,将波折强度设置为20%。
这时对形状进行变形处理,然后进入【工具>扩展外不雅观】,将其扩展为路径。

步骤03

将这个形状进行复制,复制后的形状再略微缩小,选中缩小后的形状,将其透明度设置为75%,图层稠浊模式改为“滤色”。
这个过程紧张是为了表示织物纹理中的高光部分。

步骤04

再给织物增加“线”的痕迹,以便让全体造型看上去更为拟真。
线条的画法如下:

1、先用椭圆工具画一个非常扁的椭圆;

2、利用锚点工具点击旁边两边的锚点,使这个椭圆变为梭形;

3、再复制出4个梭形,将其纵向排列并且将高下两个梭形变得略短;

4、将它们编为一组。

步骤05

选中上一步所绘制的线条组,进入【效果>变形>旗形】,在打开的变形选项设置中,将波折参数设置为25%。
变形后的形状进行扩展,扩展后将其稠浊模式设置为正片叠底,透明度降至52%,将其置于图层上方。

步骤06

将所绘制工具编组进行复制并对称变换,变换后将其两者再次合并为一组,这样一个根本形就完成了。

根本形的变换:天生纹理

根本形一旦制作完成,那么就要开始构建我们的纹理了。

步骤07

先将这个根本形缩小,缩小的幅度和全体画板比较 -- 大家可以参考下图。
根本形在画面的最左下角。

步骤08

保持选中这个根本形时,进入【效果>扭曲和变换>变换】,在变换效果参数面板中,“移动”这一栏中对垂直的参数进行设置,我在这里设置为-6px,副本设置为65。

参数并不是我事前就了然于胸的,只要你勾选预览,然后对这两个参数进行逐一的调度,看着终极效果进行调试即可。
目的是为了让根本形次序排列。

步骤09

接下来是横向的变换,利用的是同样的工具。
只是这一次是在水平方向的参数上做调度。
由于这是对全体垂直下来的几十个副本一起做横向变换,因此任务会比较大一些。
你的电脑大概会涌现迟滞。
这个你可以逐步来,参数调度时可以一个数字一个数字逐步地加,多一点耐心。

步骤10

这时再为全体画布添加一块背景,这块背景为蓝色,色彩可以轻微比目前所利用的蓝色更深一些。
然后将其置于图层的最下方。
这时你还可以将上一步所做的纹理也都进行扩展。
特殊仿真的织物纹理就制作完成。

色彩积累图案

想要让这片俏丽的织物上涌现图案,有很多种方法。
本日我们只分享个中一种,叫做色彩积累。
这个方法的事理便是完备模拟真实的在编织毛线的时候制作图案的方法,在图案的部分利用不同色彩的线,在此,每一线便是一个根本形,以是也便是通过改变根本形的色彩,反复积累成为图案。

步骤11

将【步骤09】中所扩展往后的工具取消编组(选中后连续进行两次取消编组),直至它能分别独立出一个个根本形,这样以便为下一步改变色彩做准备。

步骤12

这时就可以开始进行图案积累了,其过程和织毛衣没什么差别,便是改变个中某一针的色彩。
你目前须要确定的是你的图案是什么,这里我将用一个鹿的图案,当然这部分你可以任意发挥你的想象。

改变色彩很大略,选中个中一个根本形,然后选择其余的色板就可以了。
这里的色彩选择,亮度最好不要过高,否则本身根本形中的高光将会看得不那么明显,看上去会显得扁平化了。

先完成鹿头的部分。

步骤13

再接下采取同样的办法完成鹿的身体部分。

图案绘制成功,终极效果。
做成图标只须要在其全部工具的上方绘制一个圆角矩形,然后选中全部,建立剪切蒙版。

终极效果如下: