当前位置: 移动技术网 > IT编程>UI设计>Illustrator > AI绘制非常漂亮的铅笔书包等教学相关图标

AI绘制非常漂亮的铅笔书包等教学相关图标

2018年11月07日  | 移动技术网IT编程  | 我要评论

刘真走光,李开复 创新工场,黄西脱口秀全集

这篇教程教移动技术网的ai学习者们使用ai绘制教学相关图标,教程制作出来的图标挺漂亮的,制作难度一般,推荐一下,和移动技术网的朋友们一起分享,一起学习了,我们先来看看最终的效果图吧:

具体的制作步骤如下:

1:创建一个铅笔

第一步:创建一个850 x 850像素的画布。(注意:为了能够精确地移动的物体,需要启用智能参考线,视图>智能参考线)使用矩形工具(m)画相连的三个矩形。填充颜色如下图所示。中间的矩形的颜色稍浅。然后选择所有三个矩形,去效果>变形>凸出。在新的窗口中输入如下参数:

第二步:使用椭圆工具(l),画一个黄色的椭圆,颜色见下图,将椭圆放在铅笔主体的下面;如图所示:

第三步:使用多边形工具画一个浅棕色的三角形,(点击画板后,会弹出一个新的对话窗口。输入3,任何半径。)使用直接选择工具(a)调整三角形的锚点到合适的形状,然后在使用多边形工具画一个三角形下图,填充颜色如图所示;选中第一个三角形,复制出副本,水平旋转,将这个三角形编组,然后放到铅笔主体的下面,如下图所示:

第四步:铅笔尖,复制前面的大三角形(control – c,control-f),将其设置为一个深灰色的颜色。使用椭圆工具(l),创建椭圆和灰色三角形重叠,如下图所示。选择这个椭圆和灰色三角形;打开路径查找器(ctrl+shift+f9),选择"减去顶层"。你会得到的铅笔鼻尖。

2:创建萤光笔

第一步:使用矩形工具(m)画一个红色的矩形,使用直接选择工具选中矩形下方的左右锚点,将左边的锚点向右拉,右边的锚点向左拉,使用椭圆工具(l),在顶部和底部添加两个椭圆的矩形。选择三个形状, 打开"路径查找器"选择"联集"如下图所示:

第二步:选中第一步中的形状,向水平方向缩进,改变填充颜色如下图,然后再次选中第一步中的形状,复制(ctrl+c,ctrl+f)出副本,将副本放在最上面,选中两个形状建立剪切蒙版(ctrl+7)如下图所示:

第三步:画两个椭圆互相重叠如下图(1)。打开路径查找器,形状模式选择"联集"会得到一个形状。使用删除锚点工具(-)删除左右锚点,接下来,使用椭圆工具画两个灰色椭圆,几乎互相重叠。打开路径查找器,形状模式选择"减去顶层"会得到一个形状(2)。最后将两个图形放置如3的位置:

第四步:把这部分放在萤光笔的顶部,如下图所示:

第五步:选中第四步中的形状,复制出副本,让它变小、放到如图所示的位置,单独选中灰色的 部分,复制出一个,将副本放到如图所示的位置:

第六步:使用矩形工具(m)画两个矩形,选中底部的矩形单击"效果-变形-凸起",输入参数如下图所示,使用椭圆工具画一个小椭圆,放在小矩形的上方,,同时选中三个形状,打开路径选择器中选择"联集";效果如下图所示:

第七步:使用矩形工具m画一个矩形。填充颜色(图中),使用直接选择工具(a)选择右上角锚点向下移动,。使用椭圆工具(l)画一个深红色的椭圆,,复制矩形得到一个矩形副本,选中矩形副本和椭圆,打开"路径查找器",选择"交集"得到一个半圆形状。 "选中半圆形状复制(control – c,control+b),向下移动下来一点。将更改为粉红色。如下图所示:

3:书包

第一步:使用圆角矩形工具画一个圆角矩形类似于如下所示的形状。同时保持它,选择效果>变形>凸出。在新的对话框中调整选项如下图所示:

第二步:使用圆角矩形工具画一个圆角矩形,填充颜色,然后复制出一个副本(control – c,control -b),填充颜色,如下图所示:

第三步:使用椭圆工具(l)的同时按下shift键,填充描边颜色,将它放在圆角矩形的后面(右击画布,快捷菜单中选择"排列-后移一层"或者ctrl+[);

             肩带:使用圆角矩形工具添加一个圆角矩形,填充颜色,并向左旋转,选中圆角矩形,右键单击-变换-对称;,选择垂直、角度:90度,并按复制;选中两个肩带,放到圆角矩形的后面(右击画布,快捷菜单中选择"排列-后移一层"或者ctrl+[)如下图所示:

第四步:口袋,使用圆角矩形工具画一个圆角矩形,填充颜色,在圆角矩形上面添加一个黄色的矩形,然后编组,放在背包整体的后面,如下图所示:

第五步:添加背包的拉链。使用椭圆工具(l)画一个椭圆,填充黄色,使用直接选择工具(a)选择椭圆的左、右锚点向下拉。使用椭圆工具的同时按下shift键创建一个圆,选择这两个形状,,打开路劲查找器面板,形状模式选择"减去顶层";如下图所示:

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网