首页文章图标怎样快速的在Adobe Illustrator中绘制一组创意的动物图标

怎样快速的在Adobe Illustrator中绘制一组创意的动物图标

2019/03/12 11:107258


1.制作暹罗猫图标

第1步

使用椭圆工具(L)绘制60 x 60像素圆形作为猫的脸部。然后选择米黄色填充圆圈。


第2步

使用直接选择工具(A)选择圆两侧的锚点并将其向下拖动,改变图形的形状。


第3步

接下来绘制猫的耳朵。选择多边形工具,制作17 x 15像素的三角形。进入效果>变形>凸出,将垂直设置 为40%。 

对象>扩展外观。然后使用直接选择工具(A)选择形状上部的锚点,单击上方控制面板中的“ 将拐角转换为平滑”按钮使角平滑。缩短此锚点的手柄并向上拖动锚点,使耳朵变的尖锐。


第4步

复制形状并粘贴在原图形的上方(Ctrl-C>Ctrl-F) 。将副本缩小并用棕色进行填充。旋转耳朵,并将其放置在头部的左侧,发送到脸部的后面(Ctrl-按住Shift [)。双击“ 工具”面板使用“ 反射工具”(O)将耳朵翻转到“ 垂直轴”并创建副本,放在头部的另一侧。


第5步

接下来让我们把头部的顶部变得平顺。选择头部形状,使用橡皮擦工具(Shift-E)并按住Alt键在头部绘制一条细长的条纹。将形状切成两部分。选择不需要的部分并将其删除。


第6步

使用多边形工具制作一个粉红色的三角形作为鼻子。选择鼻子并拉动角落的圆形使形状变的圆滑。也可以使用效果>风格化>圆角 ,进行修改。


第7步

制作另一个椭圆并将其放在猫的脸部形状内,使其边缘位于鼻子的下部。选择鼻子,将椭圆与鼻子对齐。选择两个形状,然后按住Alt同时单击鼻子。前往“ 对齐”面板,然后单击“ 水平对齐中心”。

然后使用锚点工具(Shift-C)并将底部锚点的手柄向下移动约45度(以下图形状参考)得到需要的形状。

使用与耳朵相同的棕色填充脸部形状,用吸管工具(I)吸取颜色然后在脸部形状的下方添加一个较小的浅棕色椭圆,作为猫的下颌。


第8步

接着让我们绘制猫的眼睛,首先制作一个椭圆,选择椭圆右边的锚点将其转化为尖角。使用明亮的蓝色填充椭圆,并在其上方添加另一个椭圆。 

选择两个椭圆,然后使用形状生成工具(Shift-M)按住Alt键并单击不需要的部分删除圆形的上部。 

旋转眼睛形状,使用反射工具(O)创建眼睛的镜像副本


第9步

在眼睛的上方创建两个椭圆作为眉毛,然后在眼睛的上方添加两个白色的圆形作为高光部分。

创建一个浅粉色椭圆,将其放在鼻子的上半部分上方,然后使用形状生成工具(Shift-M)按住Alt删除不需要的部分,从而使鼻子更加细致。


第10步

接下来我们绘制猫的扁平阴影。选择猫的全部组成部分进行组(Control-G)复制组并粘贴在原图上方(Ctrl-C>Ctrl-F)。 选中副本,在“  路径查找器”面板中选择联合,将它们合并为单个形状。进入不透明度选项将轮廓的混合模式切换为“ 正片叠底”,使其半透明数值在30%左右(得到满意效果即可)。 

最后,选择轮廓,使用橡皮擦工具(Shift-E),按住 Alt,将鼠标拖到猫头的左半边,用白色矩形选项覆盖它。释放鼠标按钮删除覆盖的部分。



2.绘制小狗图标

第1步

使用60 x 60 px圆形绘制脸部形状。将其锚点向下移动一点,使形状的顶部变得凸起,然后选择橡皮擦工具(Shift-E)擦除其顶部。 

接下来使用直接选择工具(A)选择脸部的左锚点,然后按Enter键以打开“ 移动选项”窗口。将“ 水平位置”值设置为-5 px,将“  垂直”值设置为0 px ,然后单击“ 确定”,从而将锚点向左移动5个像素。

给右侧的锚点执行相同操作,将“ 水平移动”值设置为 5 px将其向右移动5 px


第2步

选择两侧的锚点并将它们转换为尖角。使用锚点工具(Shift-C)调整锚手柄的位置并向上移动,使面线变的平滑。


第3步

使用多边形工具绘制40 x 35像素的三角形作为耳朵。选择曲率工具(Control-`)并使三角形的边更圆和凸出。也可以像我们之前一样使用“ 效果”>“变形”>“凸出”

选择三角形顶部锚点,使其更平滑并将其拖动到左侧,使形状倾斜。转到对象>路径>偏移路径并将偏移值设置为-3 px,制作耳朵的内部部分。用浅灰色进行填充。



第4步

旋转耳朵并将其放在头部左侧。使用反射工具(O)在右侧创建耳朵的镜像副本。


第5步

绘制一个较扁的椭圆绘制深灰色的鼻子,将其底部锚点向下拖动一点。在鼻子下方制作两个重叠的浅灰色椭圆,将它们进行分组并与脸部水平对齐。

第6步

接下来绘制小狗的舌头,使用矩形工具(M)创建浅粉色矩形,并将其放置在浅灰色椭圆下方。选择底部锚点并将它们的实时角标记拉到最大,使形状的底部变圆。选择线段工具(\)同时按住Shift键在舌头的中心绘制一条线段。




第7步

接下来我们开始绘制眼睛。首先制作一个深蓝色的椭圆,并用另一个椭圆或任意颜色的椭圆覆盖其下半部分。选择两个形状并使用形状生成器工具(Shift-M)删除下方的椭圆以及覆盖的眼睛底部。为眼睛添加眼珠和白色的高光。

旋转并创建第二个眼睛,将其放在脸部的另一侧。


第8步

创建两个大小相同的浅灰色圆圈,遮住眼睛。然后添加两个较大的圆圈,重叠并覆盖脸部的下半部分,如下面的屏幕截图所示。选择下方圆圈并使用形状构建器工具(Shift-M)删除脸部形状外部多出的部分。 

选择新创建的形状并在“ 路径查找器 ” 中将它们联合起来。


第9步

使用两个倾斜的圆角矩形制作眉毛是小狗看起来更加生动。然后使用相同的方法给小狗的右半部分创建扁平阴影。


3.制作可爱的浣熊图标

第1步

首先我们创建60 x 60像素的淡蓝色圆圈绘制脸部。将圆的两侧锚点向下拖动几个像素,然后从上部工具栏的“ 转换”菜单中将它们转换为尖角。

按照之前绘制耳朵的方法绘制出耳朵。





第2步

接下来绘制一个18 x 10 px深灰色椭圆形作为鼻子,将其顶部锚点向上拖动一点。使用深灰色笔触颜色创建另一个椭圆,在“ 颜色”面板中将“ 填充颜色” 设置为“ ” 。选择剪刀工具(C)并单击左右锚点,将形状水平分成两半。删除下半部分,完成一个微笑的表情。


第3步

复制面部形状,使副本的形状相对之前变的更小,填充白色并将其放在鼻子区域下方。添加两个带有白色高光的黑色小眼睛,将它们分组并在“ 对齐”面板中水平对齐到面部

再次复制面部形状,稍微缩小副本,用深蓝色进行填充,并将其放在面部的底部,形成一个面部花纹。




4.制作熊猫图标

第1步

首先绘制一个60 x 60 px浅米色圆圈作为熊猫的脸部,将其两侧锚点向下移动一定距离。


第2步

从我们完成的小狗图标上复制鼻子区域并将“嘴唇” 的笔触颜色设置为 深灰色,以便可以看到轮廓。选择两个椭圆(没有鼻子)并在“ 路径查找器”中将它们联合起来

选择剪刀工具(C)并单击轮廓形状的两侧锚点,将其分开。删除上半部分,得到微笑的表情。






第3步

复制浣熊的眼睛。然后制作一个压扁的椭圆并将其向左旋转一点。使用反射工具(O)制作副本并将其水平翻转到脸部的另一侧。用白色填充眼球,使其在黑斑上方可见。

保持选择的眼球,转到对象>路径>偏移路径,并将偏移值设置为-1 px,创建眼睛内的微小瞳孔。


第4步

使用简单的圆圈创建熊猫的耳朵,并使用与之前相同的方法绘制熊猫脸部的阴影。


5.绘制棕熊图标

第1步

首先我们绘制一个60 x 60像素的圆圈开始制作熊的脸。将圆圈两侧的锚点向下移动并向上拖动顶部锚点,使头部看起来像一个鸡蛋。

使用橡皮擦工具(Shift-E)将头顶变得平整并使形状的角部变得稍圆。


第2步

将两个圆形耳朵添加到头部顶端,将它们分组并水平对齐到头部设置-3 px偏移值创建耳朵的内部阴影。


第3步

使用压扁的椭圆绘制出深褐色的鼻子。然后开始绘制鼻梁部分。选择矩形工具(M),进行浅米色的填充,放在鼻子的后面。使用“ 移动选项”面板将其左上方锚点向右移动5 px。对右上方的锚点执行相同的操作,将其向相反方向移动,从而使鼻梁的顶部变窄。

也可以使用“ 实时角”功能改变形状的每个单独角的圆度。


第4步

在鼻梁底部的下方添加一个小椭圆,形成下颚。将眼睛添加到熊的脸上,如果你觉得熊的脸太暗,可以让棕色部分颜色变的亮一些。

最后,将阴影添加到熊的脸上。


6.制作狐狸图标

第1步

首先我们绘制出一个60 x 60像素的橙色圆圈作为狐狸的脸  。将圆两侧的锚点向下拉一点并将它们的转换改为尖角,使脸两侧变的尖锐。将底部的锚点转换为尖角,形成尖锐的鼻子。


第2步

选择浣熊的耳朵创建副本,将它们放在狐狸头部的两侧,调整颜色。然后在脸的底部绘制一个黑色椭圆,作为鼻子区域。使用形状生成器工具(Shift-M)删除脸部外面的部分,绘制出一个尖锐的黑色鼻子。


第3步

创建一个大小适中的椭圆,将其与狐狸脸部的左侧重叠,如下面的屏幕截图所示。使用反射工具(O)在另一侧制作翻转副本。选择两个椭圆并使用形状生成工具(Shift-M)删除多出的部分用浅米色填充形状,形成脸颊。然后给狐狸添加两个小而闪亮的眼睛。


第4步

使用实时角工具使狐狸的鼻尖略微圆润。接下来为我们的狐狸添加更多细节。

制作一个浅橙色的扁小椭圆,并将其放在鼻梁的左侧。选择椭圆形状,按住Alt-Shift向右拖动椭圆,制作副本。按Control-D两次以形成两个副本。再做两行椭圆,将它们放在一个交叉的位置。这样我们就可以在狐狸的鼻子上描绘出一种风格化的图案。



7.创建具有长阴影的图标

第1步

现在我们完成了六个动物图标,接下来让我们把它们放在一组青色的圆圈上,完成图标。

我们为图标的底部制作一个106 x 106像素青色圆圈,并将浣熊的头部放在圆圈的中间位置。

创建一个80 x 80像素的正方形作为阴影的基础,并按住Shift键将其旋转到45度


第2步

将方块的混合模式切换为正片叠底,使其变成半透明的样式,并将形状放在浣熊的上方。如果需要,可以将形状变的稍微窄一些,并将其移动到形状与头部重叠的位置。如下面图像所示那样即可。

将阴影置于头部形状的下方,使用形状生成器工具(Shift-M)删除图标外部不需要的部分。



完成

8