Adobe Illustrator创建一套平面动物图标教程

来源:设计前沿 作者:Yulia Sokolova 时间:2017-08-07
图标设计Adobe Illustrator 插图矢量平面设计卡通动物平面设计

在本教程中,我们将从同一个圈子中创建六个不同的动物画像!让我们玩一些时尚的平面元素,使用基本形状,Shape Builder工具,Pathfinder面板和Adobe Illustrator的一些其他有用的功能!

本教程灵感来自Envato市场Envato Elements上的许多动物图标

如果您根本无需任何时间寻找一个集合,请转到Envato Elements,您可以在其中购买我的整个Flat Animal Icons Set

平动物图标集

1.如何打造优雅的暹罗猫

步骤1

椭圆工具(L)制成的60 x 60像素的平均圆形开始形成猫的脸用沙质米色填充圆圈。

从偶数圈形成猫的脸

第2步

使用直接选择工具(A)选择两侧锚定点,然后将其向下拖动,更改脸部的形状。

改变脸的形状

步骤3

现在我们来形容猫的耳朵。取多边形工具,并制作约17 x 15像素尺寸的三面形状。转到效果>变形>凸起并将垂直弯曲值设置 为40%。

对象>展开形状的外观以应用效果。使用直接选择工具(A)选择上部锚点,并通过单击上部上下文面板中的转换角来平滑按钮,使角点平滑。缩短该锚点的锚手柄,并将锚点向上拖动,使耳朵更尖。

用多边形工具形成猫耳朵

步骤4

复制的形状和粘贴在正面(操作-C>控制-F) 。使复印件更小,并填充巧克力棕色。旋转耳,并将其放置在头部的左侧,发送 到返回(控制-按住Shift [), 所述头部形状的下方。双击“ 工具”面板中的“ 反射工具(O)”按钮,将耳朵翻转在垂直轴上,并创建一个副本,将其放在头部的相反侧。

把耳朵挂在头上

步骤5

让我们把头顶部分放在一边。选择头部形状,使用橡皮擦工具(Shift-E),并按住Alt键在头部绘制窄条纹。现在我们将形状切成两部分。选择不需要的部分并将其删除。

使顶部的头部平坦

步骤6

多边形工具做一个小的粉红色三角形鼻子。选择鼻子和拉圈指标直播角落,使圆润的形状。如果您的Adobe Illustrator版本中此功能不可用,请使用 完全相同的“ 效果”>“风格化”>“圆角 ”。

用多边形工具做一个小的粉红色三角形鼻子

步骤7

做另一个椭圆并将其放在脸上,使其触及鼻子的下部。将椭圆与鼻子对齐,使用鼻子作为键对象。要做到这一点,同时选择两个形状,同时按住Alt键点击鼻子。你会看到鼻子周围有一个很大的冲击,指示了关键对象。前往“ 对齐”面板,然后单击“ 水平对齐中心”。

然后采取锚点工具(Shift-C)并将底部锚点的锚点手柄向下移动到约45度。使用指南将手柄移动到相等的距离(您可以通过将指南线从标尺(Control-R)拖放到您的画板上来添加。

用与我们在耳朵上相同的棕色填充脸部“面具”,用吸管工具(I)挑选颜色在面具下方加一个较小的浅棕色椭圆形,描绘下颌。

从圆圈做一个面罩

步骤8

现在让我们添加眼睛!制作一个椭圆,选择其右侧的锚点,并将其转换为上方控制面板中“ 转换”菜单的尖角。椭圆填充为明亮的蓝色,并为虹膜添加另一个椭圆。

在这里,我们需要删除与眼睛边缘重叠的虹膜。选择两个椭圆,并使用形状生成工具(Shift-M)通过按住Alt键并单击不需要的部分来擦除光圈的上部。

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

加眼睛

步骤9

为我们的猫的眉毛制作两个浅棕色椭圆,并在眼睛中添加两个小白色圆圈。

创建一个较浅的粉红色椭圆,将其放置在鼻子上方,并使用Shape Builder Tool(Shift-M)按住Alt键删除不需要的部分,从而使鼻子更加细致。

添加细节细节

步骤10

让我们创造一个时髦的平面影子,覆盖猫的头一半。组(Control-G)一起猫的所有部分,复制组和粘贴在正面(操作-C>控制-F)。 保持选择的副本,将其部件联合到“ 探路者”面板中,将其合并为单个形状。将剪影的混合模式切换为“ 乘法”,使其半透明。

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

在这里我们有它!我们的平猫准备好了 我们来继续下一个元素。

在多重模式下形成平坦的阴影

  共6页: 1 [2] [3] [4] [5] [6] 下一页