在这篇教程中,我们将从一个相同的圆中创建6种不同的动物形象。 让我们利用基本的形状制作一组扁平化的元素来找点乐子,形状生成工具,路径查找器面板和Adobe Illustrator的其他一些有趣的功能。

先看看效果图

Illustrator制作扁平化动物卡通头像教程,PS教程,

1.创建一个优雅的暹罗猫

第1步

首先从一个由椭圆工具(L)制作的60 x 60 px大小的圆形成猫的脸。 用浅褐色填充这个圆。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第2步

用直接选择工具(A)选择两边的锚点并将其向下拉动,改变脸部的形状。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第3步

现在让我们制作猫的耳朵。 选取多边形工具并制作一个大小大约为17 x 15 px的三角形。 使用效果>变形>凸出并设置垂直方向的弯曲值为40%。

给这个形状应用对象>扩展外观的效果。 用直接选择工具(A)选择上面的锚点并在上面的属性面板中点击转换角为平滑按钮制作平滑的角。 缩短这个锚点的锚柄并将其向上拖动,使耳朵更尖。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第4步

选中鼻子,复制并粘贴在前面(Control-C > Control-F)。 使新拷贝形状的更小并用巧克力棕色填充它。 旋转耳朵并将其放置在头部的左边,将其置于底部(Control-Shift-[),在头部形状的下面。 通过双击工具面板上的镜像工具(O)图标水平轴翻转耳朵制作一份复本,并将其放置在头部相对的一边。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第5步

让我们制作扁平头部的顶部部分。 选中头部的形状,选取橡皮擦工具(Shift-E)并按住Alt键画一条扁长的横跨头部的矩形。 现在我们将这个形状切成2个部分。 选择不需要的部分并删除它。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第6步

用多边形工具制作一个粉色的3角形鼻子。 选中鼻子拖拽实时转角的控制点,使形状变圆。 如果这个功能在你的 Adobe Illustrator的版本中不可用,使用效果>风格化>圆角可以做到相同的效果。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第7步

制作另一个椭圆并将其放置到脸的里面,以便它碰到下鼻尖。 利用鼻子作为一个关键对象,将椭圆对齐到鼻子上。 要做到这一点,需要选择2个形状并按住Alt键时点击鼻子形状。 你将会在鼻子周围看到一个厚厚的描边,指示关键对象。 前往对齐面板并点击水平居中对齐。

然后选取锚点工具(Shift-C)并向下移动底部锚点的锚柄大约45°。 利用参考线将锚柄移动相同的距离(你可以从在你的画板的标尺上向下拉动添加参考线(Control-R))。

用与我们耳朵颜色相同的颜色填充面部,用吸管工具(I)选取颜色。 添加一个更小的浅棕色的椭圆在面部的下面,描绘为下颌。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第8步

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

我们需要删除虹膜与眼睛边缘叠加的部分。 选中两个椭圆,然后利用形状生成工具(Shift-M)按住Alt键,点击不需要的片段,擦掉虹膜上面的部分。

将眼睛旋转一点,并使用镜像工具(O)创建一个镜像的复本。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第9步

制作2个浅棕色的椭圆作为我们猫的眉毛,并添加2个白色的小圆作为眼睛的高光。

创建一个浅粉色的椭圆,将其放置在鼻子的上端的位置,然后利用形状生成工具(Shift-M)按住Alt键删除不需要的部分,因此使鼻子添加更多细节。

Illustrator制作扁平化动物卡通头像教程,PS教程,

第10步

让我们创建一个新潮的扁平的阴影,覆盖猫的头部的一半。 将猫所有部分编组(Control-G),复制这个编组并将其粘贴在前面 (Control-C > Control-F)。 保持复本选中,在路径查找器面板中将这些部分合并,将它们生成一个单独的形状。 改变这个侧影的混合模式为正片叠底,使它变为半透明。

最后,选择侧影,选取橡皮擦工具(Shift-E)并按住Alt键,拉动你的鼠标在猫的头部的左边部分,用白色的矩形覆盖它。 释放鼠标按钮删除覆盖的片段。

Illustrator制作扁平化动物卡通头像教程,PS教程,

在这里,我们就完成他了! 我们扁平化的猫已经完成。 让我们开始制作下一个欢快的小狗把。