AI CC2017 图标设计(三天)

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

第一天



调出路径查找器: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.移动图形,将最终图形绘制出来;


三、绘制齿轮

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

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

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

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

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

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

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



四、咖啡杯

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

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

3.杯身及杯炳联集;

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



五、绘制文件夹

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

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

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

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

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


第二天


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

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

六、绘制图标底座

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

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

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

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



七、绘制圆形垃圾桶图标

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

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

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



八、绘制好友图标

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

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

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

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

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



九、绘制锁图标

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

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

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

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

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

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

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


第三天


原位粘贴: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.对椭圆虚影进行模糊(效果-模糊-高斯模糊),并进行高斯模糊调整参数(窗口-外观-调整高斯模糊参数值),得到底端虚影;



锁定当前对象:Common + 2;

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

十一、邮件展示:

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

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

3.重复2动作;

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

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容

  • Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎。它提供了低...
    ShanJiJi阅读 1,513评论 0 20
  • 抽签这件事目前为止最让人难受的大约在于,无论觉得自己想得有多么开,总还是会忽然之间被伤害到,防不胜防。无论是偶然之...
    明记余心阅读 374评论 0 0
  • 任务:利用React编写一个Tweet Box。 要求: 没有文字输入,tweet按钮不可点击;未添加图片时图片按...
    RichardBillion阅读 7,172评论 0 3
  • 对于近期热映的《摔跤吧,爸爸》,我有着强烈的好奇心。学生时代对印度电影特别喜欢,因为不仅女演员漂亮,歌曲也非常好听...
    画屏闲展阅读 332评论 4 3
  • 现实中谈钱很俗,钱似乎是一个禁忌,谈钱色变。但钱又是如此平常的事物,最近看到也听到了很多观点。 01钱和任何东西,...
    逆书而上阅读 215评论 0 0