AI CC2017 图标设计(三天)

(注:文中的 “移动” 均表示:鼠标拖拽移动)

第一天



AI CC2017 图标设计(三天)_第1张图片

调出路径查找器:Ctrl + Shift + F9;

联集:把多个对象合成一体,变成新的形状对象;

钢笔工具:贝塞尔工具,也叫贝塞尔曲线,其只是绘制一条路径;

重复执行上一步操作:Ctrl + D;

复制:Alt + 移动;

水平复制:Alt + 移动 + Shift;

加选图层:Shift + 鼠标点选;

一、绘制云图标

1.选择椭圆工具绘制一个圆;

2.复制椭圆并进行变形,得到云图形(复制:Alt+移动 ,水平复制:Alt + 移动+Shift);

3.将所有图形进行联集(联集:视图-路径查找器-联集);

4.使用钢笔工具绘制一条线并将其描边加粗(钢笔工具只是绘制一条路径);

5.调出描边面板(点击工作区左上角描边)选择圆头端点;

6.复制线段(多图形复制:重复上次执行操作:Ctrl + D);

7.将所有绘制形状编组(右击-编组);

8.云图标绘制完成。



原位粘贴(当前对象的顶层):Ctrl + F;

减去叠层(减去2个图形重叠部分):路径查找器-减去叠层;

二、绘制邮件信封

1.选择多边形工具将边数设置为3(上下键为增、减多边形边数操作,或者右击选择边数设置);

2.复制三角形并旋转180度(按住shift旋转为45度/次);

3.对顶层三角形进行拷贝(复制:ctrl+c);

4.将2个三角形重叠并执行路径查找器-减去叠层(减去2个图形重叠部分:路径查找器-减去叠层);

5.将之前拷贝的三角形粘贴出来(原位粘贴:ctrl + F);

6.移动图形,将最终图形绘制出来;


AI CC2017 图标设计(三天)_第2张图片

三、绘制齿轮

1.选择圆角矩形工具并设置圆角半径参数(拖拽绘制不放开时,上键:加圆角度数,下键:减圆角度数,左键:正圆角矩形,右键:正矩形);

2.选择旋转工具并执行复制旋转(在图形为选框模式下,选择旋转工具,双击展示弹窗,在弹窗中设置旋转度数执行复制旋转);

3.重复执行上次操作,直到达到效果后,将所有图形执行联集;

4.绘制正圆形并放置在同心位置(正圆:shift+移动【不松手时按住空格键表示冻结】,两图形同心:借助智能参考线【若智能参考线实效不展示中心点提示:则取消对齐网格/像素预览,还失效:按下ctrl 键】,将鼠标移至正圆中心点,移动到之前图形,显示中心点时表示同心);

5.执行拷贝正圆后执行联集;

6.将拷贝的正圆原位粘贴并按中心点缩小(等比例放大缩小:shift+移动,靠中心点为参照:alt);

7.执行减去顶层(减去顶层:【切换至移动选框,框住所有图形】路径查找器-减去顶层);



AI CC2017 图标设计(三天)_第3张图片

四、咖啡杯

1.选择圆角矩形工具绘制圆角矩形绘制杯身(绘制剪切的矩形用于减去顶层后杯身顶部为直角);

2.再次绘制圆角矩形绘制杯炳,使用对象-路径-偏移路径-设置位移为负,再减去顶层得到镂空的圆角矩形(再裁剪为杯炳状);

3.杯身及杯炳联集;

4.选择钢笔工具绘制热气(绘制好路径后,可选择“直接选择工具【选择工具右边的白箭头工具】”进行再次微调);



AI CC2017 图标设计(三天)_第4张图片

五、绘制文件夹

1.选择圆角矩形工具绘制图形;

2.选择斜切工具,将圆角矩形倾斜(倾斜:按住shift+拖拽 );

3.分别绘制2个圆角矩形并执行联集并置于底层;

4.将上层圆角矩形执行:对象-路径-偏移路径-设值为正数;

5.选择后方圆角矩形和底层的图形执行减去顶层;


第二天


AI CC2017 图标设计(三天)_第5张图片

快速隐藏控制面板:shift+tab

交集:将2个图形相交区域保留,其余区域删除掉;

六、绘制图标底座

1.绘制正圆形,对图形填充渐变色(配合渐变面板 common+F9),执行线性渐变;

2.复制圆形并缩小,再对其旋转180度;

3.再次对圆形复制并缩小,再对其填充渐变色,执行径向渐变;

4.再复制圆形并缩小,然后使用钢笔绘制波浪形图形并与中心最小圆执行减去顶层操作,并将其渐变色改为线性渐变再调整不同明度;



七、绘制圆形垃圾桶图标

1.使用圆形矩形绘制桶身,再绘制稍大图形并与圆形矩形执行减去顶层命令;

2.使用同样的方法得到垃圾桶盖;

3.绘制3个细图形并与桶身减去顶层;



AI CC2017 图标设计(三天)_第6张图片

八、绘制好友图标

1.选择圆角矩形工具绘制正圆形成头部;

2.再绘制一个椭圆,另再绘制一个椭圆与前一个椭圆相交,保证交集部分为身体的形状,执行交集裁剪;

3.执行联集,并复制人物图形并将其缩小;

4.选择稍小人物图形执行偏移路径(对象-路径-偏移路径-参数为正);

5.加选稍大人物图形执行减去顶层操作,得到带空隙的2个人物图标;



AI CC2017 图标设计(三天)_第7张图片

九、绘制锁图标

1.选择圆角矩形绘制圆角矩形,并选择偏移路径(对象-路径-偏移路径-参数为负),执行减去顶层;

2.绘制圆角矩形与前面的图形下半部分重合,执行减去顶层,得到锁柄图形;

3.绘制圆角矩形与锁柄下部分区域相交,执行水平居中,并执行差集;

4.绘制3条细圆角矩形并与锁身区域执行减去顶层;

5.绘制圆形与矩形,并执行水平居中,并执行联集得到锁孔区域;

6.选中锁身与锁孔区域,单击锁身(作为参考图形),然后执行水平居中;

7.执行减去顶层,得到锁图形;


第三天


AI CC2017 图标设计(三天)_第8张图片

原位粘贴:common + F;

原位粘贴到后方:common + B;

隐藏被选中的对象:common + 3;

显示被隐藏的对象:common + 3 + Alt;

混合工具:两个图形从颜色、形状的结合(设置混合参数:按住Alt+鼠标点击图形);

隐藏/显示网格:common + 引号(“);

十、苹果图标

1)苹果身

1.使用钢笔工具绘制,借助网格工具(视图-透视网格-显示网格,并选中:视图-对齐网格)描点;

2.使用钢笔工具下的添加描点工具(或者:选中描点,按住 Alt 键 转换为添加描点工具),拖拽使之前的点变圆滑;

3.苹果蒂端变浅效果,则使用 直接选择工具(白箭头工具),借助上下键 移动描点;

4.去除网格工具,填充苹果身颜色(径向渐变);

5.使用椭圆工具减去顶层,获取被咬掉的苹果身;

6.使用偏移路径,绘制苹果身的边线(线性渐变色,并设置偏移度30度);

2)苹果身边线

7.复制外苹果边图形,选中整个苹果身,隐藏图形(隐藏选中的对象:common+3);

8.原位粘贴到对象的后方(common+B),并设置偏移度归0;

9.复制8中的图形,原位粘贴(common+F),借助上下键移动位置;

10.使用混合工具,依次选中2个图形,设置混合参数,得到混合后的图形;

11.显示被隐藏的对象(显示被隐藏的对象:common + 3 + Alt),得到苹果身;

3)苹果叶

12.使用椭圆工具绘制苹果叶,并借助描点工具(钢笔工具-描点工具)调整椭圆的2端为尖端;

13.调整苹果叶的渐变色(一暗一亮)、偏移角度,并参照苹果身的步骤,设置带边框等的苹果叶;

14.苹果叶图形编组,并移动到苹果蒂相应位置;

4)苹果身高光

15.苹果身内图复制原位粘贴,并借助钢笔工具(添加锚点、删除锚点,按住Alt键调整手柄得到图形)设置高光等效果;

16.再次设置高光,若与之前高光图的锚点出现重复导致无法删除,则将当前的图置于顶层以避免重复锚点操作(或选择钢笔工具-删除锚点)。

17.将图形整个编组(苹果身+叶子),缩小;

5)苹果倒影

18.使用旋转工具(旋转工具-镜像工具),水平镜像(水平-复制),并借助上下键移动到相应位置,形成倒影图;

19.选中倒影,选中透明度工具-制作蒙版(点击制作蒙板-取消剪切状态【剪切:不透明,否则:透明】);

20.选中蒙版(透明度工具栏-选中蒙版),选择矩形工具,绘制比蒙版稍大的图形,并设置黑白渐变,得到渐变的倒影;

21.选中倒影(透明度工具栏-选中倒影),修改透明度(透明度30%),得到渐变透明的倒影;

6)苹果身&倒影的虚影

22.选择椭圆工具,在苹果底端绘制椭圆虚影;

23.对椭圆虚影进行模糊(效果-模糊-高斯模糊),并进行高斯模糊调整参数(窗口-外观-调整高斯模糊参数值),得到底端虚影;



AI CC2017 图标设计(三天)_第9张图片

锁定当前对象:Common + 2;

取消锁定当前对象:Common + 2 + Alt;

十一、邮件展示:

1.使用正圆图形工具:设置描边,并将描边改为虚线,然后调整相应参数;

2.将许仙复制并旋转成适合的角度,再更改颜色;

3.重复2动作;

4.绘制正圆图形将描边加大填充为灰色;

5.再次复制正圆并将其缩小至虚线内并更改颜色;

6.绘制圆形矩形在旋转45度,并复制2个更改颜色;

7.将3个圆角矩形进行镜像;

8.绘制校园形,将颜色更改为黑色-黑色透明的径向渐变,并与2组圆形矩形编组;

9.复制虚线内圆形,并置顶,然后再加选圆角矩形组,并单击鼠标执行剪切蒙板;

10.绘制圆形并将颜色更改为黑色;

你可能感兴趣的:(AI CC2017 图标设计(三天))