
在本教程中,我们将设计风格化的扁平人物,描述一对结婚的幸福夫妻。我们将修改许多基本的几何形状,应用各种翘曲效果,并使用Adobe Illustrator的便捷工具和功能,使角色看起来更加活泼。
在本教程结束之前,您将能够设计出新娘和新郎的花式平面风格,并根据您的喜好来改变外观,不同的发型,衣服,肤色和其他细节。更重要的是,我们可以结合人物,描绘异性恋和同性婚礼夫妇!

开始吧!
1.如何创建扁平化新郎的脸
步骤1
首先通过矩形工具(M)或圆角矩形工具的帮助,您可以在工具面板的相同下拉菜单中找到该选项。做一个65 x 80 px的黄色形状,并将角半径设置为20像素。 我们可以通过选择我们的形状与直接选择工具(A) ,或者使用圆角功能(通过拉动小小的圆圈标记)或从顶部控制面板。

步骤2
让我们加上眼睛。用椭圆工具(L),按住Shift并绘制一个6 x 6 像素的棕色圆圈。使用选择工具(V)选择它 ,按住Alt-Shift并拖动到侧面,为第二只眼睛创建副本。
为了保持一切有条理和对齐,选择双眼并编组(Control-G)他们。然后选择眼睛组和头部,然后再次单击头部,使其成为关键对象。 您将注意到头部周围有较厚的选择轮廓,表示所有其他对象现在将与关键对象对齐。我们打开对齐对话框,然后单击水平居中对齐,使眼睛完美居中。
保持眼睛靠近脸的下半部,形成一个大额头。

步骤3
现在让我们来描绘眉毛,给脸上一种生动的表情。使用圆角矩形工具制作一个7 x 3像素的蓝色形状的完全圆角。
保持眉头的选择,双击旋转工具(R)和设定角度值到15度。单击确定以应用更改。
双击镜像工具(O)。在垂直轴上翻转眉毛,然后单击复制以创建第二个眉头。

步骤4
使用椭圆工具(L),让我们做个鼻子。按住Shift并创建一个10×10像素的黄橙色圆。使用直接选择工具(A)选择其顶部锚点,按住Shift并向上拖动点,创建一个下拉形状的鼻子。
记住使用对齐面板将鼻子对齐脸部,让头部形状作为关键对象。

步骤5
Now we’ll form a wide, smiling mouth using the Rectangle Tool (M). Create a 25 x 10 px white shape. Select its bottom anchor points with the Direct Selection Tool and pull the circle markers of the Live Corners, making the corners 6 px rounded.

步骤6
切换到圆角矩形工具,让我们画耳朵。做一个10×20像素的形状,颜色比脸部稍暗。按住Alt-Shift并向右拖动耳朵,为头部的另一侧创建一个副本。
最后,选择双耳,编组(Control-G)他们,然后右键单击>排列>置于底层或简单地 Shift-Control- [ 将耳朵放在头后面。

步骤7
现在让我们为新郎设计一个别致的发型。用矩形工具(M)制作一个85×50像素的蓝色形状。 选择矩形和头部形状和水平右对齐,让头作为键对象将头发扣到头部的右侧部分。
使用锚点工具(Shift-C),按住Alt键,并垂直拉动并左侧锚定点的手柄,如下面的截图所示。
现在让我们用直接选择工具(A)选择相对(右上)的锚点,然后拉动活角标记,使这部分形状真的平滑圆润。
重复相同的左下角,使其圆角以创建时尚的边缘。

步骤8
我们可以使用直接选择工具(A)修复头发的形状,同时拉动头发顶部的手柄,使其平整,以保持直线的整体几何风格。

步骤9
在我们继续创建身体之前,让我们加一个脖子。使用圆角矩形工具创建一个20×35像素的带圆角的形状。按下 Shift-Control-[ 来置于头部底层。

2.如何设计扁平化新郎人物的身体
步骤1
使用矩形工具(M),让我们从衬衫开始绘制身体。做一个80 x 150像素的白色形状,使用直接选择工具(A)选择其底部锚点,并使角落完全圆角,在控制面板上将角度半径设置为40像素。
使用添加锚点工具(+), 将新的锚点放置在顶部边缘的中间,然后使用直接选择工具(A)将其向上拖动。

步骤2
让我们组成裤子的顶部。在身体的底部放置一个深灰色的矩形,如下图所示。
选择身体形状和矩形,并切换到形状生成器工具(Shift-M)。按住Alt并点击身体边缘外的矩形。这样我们可以删除形状的不需要的部分。
使用形状生成器工具(Shift-M),用相同的技术,在裤子的顶部添加几条蓝色条纹,以删除身体外部不需要的部分。

步骤3
我们转换到新郎的外套。创建一个灰色矩形(比裤子稍浅的颜色),并使其覆盖人物身体的左侧部分。 使用形状生成器工具(Shift-M)同时选择矩形和身体的形状,并删除不需要的部分。

步骤4
使用直接选择工具(A)选择矩形的右下角锚点,并使其圆整。
现在我们来补充一下夹克的另一部分。选择创建的一半,并双击镜像工具(O) ,镜像垂直轴上的形状,然后单击复制。
我们需要将创建的部分与身体的对面对齐。为了精确而轻松地做到这一点,请同时选择镜像和身体,再次单击身体形状,使其成为一个关键对象。 前往对齐面板,然后单击水平向左对齐以将外套卡入身体的左边缘。简单!

步骤5
让我们加上翻领的西装。抓取多边形工具,然后单击工具板上的任意位置以打开弹出选项窗口。 将边值设置为3并绘制三角形。使用直接选择工具(A)选择其侧面锚点并缩小形状,使其更窄。
将翻领安装在西装的左半部分,并使用对齐功能进行水平右对齐和垂直对齐顶部,让西装作为关键对象,以将翻领卡到边缘。
让我们在翻领下添加一个阴影。复制翻领并粘贴在后面(Control-C> Control-B)。将底部副本的侧面锚点向下移动到左侧,使形状更宽一些,并使其填充颜色更暗。
编组(Control-G)翻领及其阴影,并使用镜像工具(O)将翻转组翻转到衣服的相对一侧,并使用对齐面板将其扣合到边缘。

步骤6
我们来绘制一个领结,让我们的新郎看起来很优雅。使用圆角矩形工具创建一个10×15像素的形状与2像素角半径,并填充与头发相同的蓝色。 使用吸管工具(I)从一种形状中选择颜色并将其应用于另一种形状。
附加一个稍长一点的蓝色的10×12像素长方形到左边缘,然后使用直接选择工具(A)选择顶部和底部的左侧锚点,并按箭头键的顺序将它们沿相反的方向移动使形状更宽。
使用镜像工具(O)添加领结的另外一部分。

步骤7
使用矩形工具(M)和多边形工具在里面添加一个带有蓝色三角手帕的小口袋。

步骤8
在夹克上加上两个深灰色的按钮,让我们继续前进。
使用弧形工具(您可以在与线段工具(\))或铅笔工具(N)相同的菜单中找到它,以绘制右臂的平滑拱形线。
将描边颜色设置为与我们脸部相同的黄色色调。打开描边面板,将粗细设置为20pt,使线条真的很厚。将端点设置为圆头端点,以使线条的尖端完全圆角。
在手臂中间找到一个锚点,如果没有,可以使用添加锚点工具(+)创建它。使用直接选择工具(A)选择它,并使锚柄稍微缩短,以更真实的方式弯曲肘部。
为拇指添加一个短的描边,将粗细设置为10pt。

步骤9
我们给夹克添加一个袖子。使用选择工具(V) 选择手臂,将其复制并粘贴在前面(Control-C> Control-F)。将描边颜色改为与夹克相同的深灰色。 将边角切换到圆角连接,使顶端直。将手臂的顶部和底部锚点与袖子一起移动,使其适合夹克的肩膀。
如果需要,添加和删除线尖的锚点使笔画更短,但是尽量使两条线相互结合,以使黄色笔画正好在灰色笔画的正下方。

步骤10
使用相同的技术添加第二个手臂,但这次改变其位置,如下图所示。

步骤11
现在我们来画腿。使用线段工具(\)或钢笔工具(P),同时按住Shift键画直线。套用一个暗灰色的描边和所设置的粗细20pt ,并端点以圆角端点,使线粗。

步骤12
选取矩形工具(M),并做一个50×16像素的深灰色靴子形状。使用直接选择工具(A)选择其左上角的锚点,并使角落完全圆角,将拐角半径设置为16像素。

步骤13
使用弧形工具为二条腿创建平滑的拱形线条,使其看起来略显弯曲。
看起来我们的新郎已经完成了!让我们来到新娘吧!

3.如何绘制扁平化新娘人物的头部
步骤1
我们首先形成一个55 x 80像素的黄色矩形头部。选择两个顶部锚点,并使角落圆角,将拐角半径设置为20像素。
使矩形的底部,就是下巴,完全圆形。

步骤2
使用直接选择工具(A)选择下巴中间的底部锚点,然后单击将选定的锚点转换为顶部控制面板的转换菜单中的尖角,将下巴指向。
我们也可以拖动下巴点一点点,使脸部缩短。

步骤3
用以与我们以前的角色一样的方式添加眼睛,鼻子和颈部,唯一的区别是我们还需要画睫毛。使用弧形工具制作一个1.5pt的粗细和圆角端点的小拱。

步骤4
我们加一个微笑的嘴巴。继续使用弧形工具制作带有1.5pt粗细和圆形端点的拱形红线。
使用椭圆工具(L),并为嘴唇做一个15 x 6像素的浅粉色形状。向后发送(Control- [)。
选择椭圆的两侧锚点,并使用向上箭头键向上移动几个像素,使唇部适合红色笔画。

步骤5
在脸颊上添加两个粉红色的椭圆形腮红,让我们继续前进。
在前额上放置两个棕色椭圆,使它们重叠,如下图所示。选择这两个椭圆形,在路经查找器中联集他们,把它们合并成一个单一的形状。
现在我们需要删除不在头发的不需要部分。选择头发形状和头部,并使用形状生成器工具(Shift-M),同时按住Alt键单击并删除该部分。
我们终于得到了!一个优雅的发型准备好了!

步骤6
制作一个40 x 30像素的椭圆形的圆发髻,然后置于底层(Shift-Control- [)。使颜色比头发的整体颜色稍暗。
添加两个5 x 5像素的白色圆圈珍珠耳环。使用铅笔工具(N)在项链的颈部底部绘制一条拱形线,让我们看看如何在这里点击几下添加珍珠。
对于描边应用白色并打开描边面板。将粗细设置为5像素,端点为圆角端点 ,并勾选虚线复选框。将破折号值设置为0像素,间隙值设置为4.5。 这样我们就形成了一条漂亮的珍珠项链。如果珍珠之间碰巧有一些间隙,请尝试调整间隙值,从而消除不必要的空间。

步骤7
现在我们将加入花朵,使发型更加喜庆。抓取多边形工具并将边值设置为6,创建一个粉红色的六边形。 把它放在发髻上,让我们看看怎么能把它变成一朵花。转到效果>扭曲和变形>收缩和膨胀并将滑块移动到膨胀侧,将其设置为60%。
转到对象>扩展外观,应用效果,使花可编辑。

步骤8
使用椭圆工具(L)为花朵添加一些细节。
最后,我们添加一个面纱来完成发型。创建一个85 x 85像素的浅粉红色矩形,并通过使用活角功能和直接选择工具(A)使其顶部完全圆整。
现在我们可以转换到身体!

4.如何绘制扁平新娘人物的身体和连衣裙
步骤1
为身体创建一个60 x 105像素的黄色矩形,并使用直接选择工具(A)和活角功能,使其角落完全圆角。

步骤2
我们在添加锚点工具(+)的帮助下,在矩形两边的中间添加几个锚点。选择左侧的点,然后按Enter打开移动选项窗口。
将水平值设置为5像素,将垂直值设置为0像素。单击确定将向右移动5像素。
对于相对点重复相同步骤,但这次应用负值(-5像素),以便在相反方向移动点,形成波浪状的腰围。

步骤3
保持两个锚点的选择,点击顶部的控制面板中的将所选锚点转换为平滑,使边缘更平滑。

步骤4
现在让我们来设计连衣裙!
在身体上放置一个浅粉红色的矩形,选择两个形状,并使用形状生成器工具(Shift-M),同时按住Alt可以删除身体外部不需要的部分。
为胸围添加两个重叠的圆圈,并在路经查找器中将它们联集起来。使用形状生成器工具(Shift-M)删除不需要的部分。

步骤5
让我们再添加两个圆圈(每个40 x 40像素),袖子稍微较深。现在我们需要切割圆圈,使它们适合身体。
我们可以移动身体下面的形状,,但实际上我们需要这些形状保持在图层面板的身体形状的顶部,因为它们将覆盖臂的顶部。
所以,我们来选择身体形状,复制和粘贴在前面两次(Control-C> Control-F> Control-F)。然后选择顶部身体副本和右侧袖子,并使用路经查找器的减去顶层功能切断圆的左半部分。
对左袖重复相同的操作,使用身体形状的第二个副本。

步骤6
现在我们画一条长的蓬松的裙子。首先将一个55 x 230像素的矩形连接到身体。使用直接选择工具(A)选择其右下方锚点, 然后按Enter键打开移动窗口。 将水平值设置为80像素,将垂直值设置为0像素。点击确定,将向右移动80像素。
对于相反点重复相同步骤,应用负值(-80像素),从而使裙子在底部更宽。

步骤7
选择裙子,转到效果>变形>凸出。将垂直弯曲值设置为40%,然后单击确定。继续使用对象>扩展外观来应用效果。
通过在底部添加两个较深的宽条纹来完成裙子。

步骤8
我们设计一个喜庆的新娘捧花,使用我们已经为发型创造的花。
制作一个47 x 47像素的绿色圆圈,并用白色的花朵和小圆圈填充。在花束下添加一个较深的绿色矩形,使形状的底部稍宽。
使用弧形工具或铅笔工具(N)添加持有花束的手臂。将描边颜色设置为黄色,粗细为12像素,端点为圆角端点。
将手臂放置在图层面板中的袖子下方。

步骤9
我们终于得到了!我们这对幸福的夫妇准备结婚了!将我们的角色放在彼此旁边,并添加任何您喜欢的细节。例如,在这里,我使用了线段工具(\)来添加一些水平线。

恭喜!我们的扁平婚礼人物已经完成了!
我希望你喜欢本教程和设计花式人物角色。你实际上可以根据自己的喜好改变他们的外观,甚至把自己与你的另一半或者你的朋友和家人以一种风格化的扁方式描绘出来!

看看各种各样的夫妇,我们可以改变他们的发型,肤色和西服。更重要的是,我们可以描绘异性恋和同性幸福的夫妻! 如果你想了解人物是如何设计的,或者你想要以各种格式(矢量和栅格)为您的设计获得一整套设置,请确保在GraphicRiver上查看这
。
