1. Design & Illustration
  2. International Women's Day

如何在Adobe Illustrator中创建多样的女性头像

by
Read Time:13 minsLanguages:

Chinese (Simplified) (中文(简体)) translation by Season Chou (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

让我们通过奉献来庆祝国际妇女节!遵循本教程,让我们一起学习如何设计花式女性头像。

我将向您展示如何使用和转换简单的几何形状,以创建各种各样的肖像,使它们尽可能多样化!我们将使用各种翘曲效果,shaper工具,路经查找器面板以及其他工具和功能来改变角色的年龄,国籍,肤色和风格。

在本教程结束之前,您可以通过简单混合和组合我们将在此创建的角色元素来创建数百个花哨的人物。 想看看它是如何工作的?看看这个Flat Women Avatar构造器,并尝试一下 - 这真的很有趣!

除此之外,您可以应用这些技术来创建任何其他类型的扁平化头像,改变角色的外观,并尝试各种风格的扁平肖像。 例如,看看这些在GraphicRiver职业形象。感觉到灵感了吗?让我们开始吧!

1.如何创建一个复辫子发型女人

步骤1

让我们从创建一个圆角矩形的脸开始。您可以使用圆角矩形工具矩形工具(M)制作一个80 x 110像素深棕色的形状,并带有30像素的圆角半径。

在用直接选择工具(A)选择形状时,您可以在顶部的控制工具栏中找到边角选项面板。另一种调整值的方式可以是将其设置在变换面板中(窗口>变换)或者通过直接选择工具(A)拉动圆的活角标记。

为鼻子制作14 x 22像素的圆角矩形,并将其放在脸部的中心。 为了确保我们的所有内容都很完美,请选择两种形状,然后再次单击面部形状,使其成为一个关键对象。点击水平对齐中心,瞧 !鼻子正好在它应在的地方。

creating a face from a rounded rectanglecreating a face from a rounded rectanglecreating a face from a rounded rectangle

步骤2

椭圆工具(L),并为眼睛绘制一个13 x 13像素的深棕色圆圈。使用直接选择工具(A)选择其底部锚点,然后通过按Delete键将其删除(或者如果您的电脑时Mac则为Backspace)。现在我们有这个愉快的样子!

选择眼睛,按住Alt-Shift,然后将其拖动到脸部的对面,从而创建第二个副本。

make eyes from semi-circlesmake eyes from semi-circlesmake eyes from semi-circles

让我们再来完善一下眼睛。使用矩形工具(M)制作5 x 2像素形状的睫毛。将其放置在眼睛的外角,并将两个形状对齐到底部。做同样相反的眼睛。

add the eyelashes with rectanglesadd the eyelashes with rectanglesadd the eyelashes with rectangles

步骤3

让我们再来一个椭圆形的嘴。创建一个25 x 12像素的形状,并使用剪刀工具(C)单击左右锚定点并将形状分开。

make a mouth from the ellipsemake a mouth from the ellipsemake a mouth from the ellipse

步骤4

使用锚点工具(Shift-C)移动锚柄,形成上唇。

步骤5

做一个12×25像素的深褐色圆角矩形的耳朵,并将其放置到后面(按住Shift-Control-[) ,头部下方。

用头部形状作为关键对象编组(Control-G)耳朵并使用对齐面板将耳朵对齐头部。

make the ear from rounded rectanglemake the ear from rounded rectanglemake the ear from rounded rectangle

步骤6

现在是添加那些头发的时候了!抓住圆角矩形工具,并形成一个5 x 25像素的黑色圆形圆角。将头发对准头部的中心。

按住Alt-Shift并将形状向左拖动,创建副本。向下移动新头发几个像素。

make cornrows from rounded rectanglesmake cornrows from rounded rectanglesmake cornrows from rounded rectangles

步骤7

头部左侧创建更多的头发,每个新的都一个比前一个更低一点。

现在选择所有头发(除了最前面的一个),并双击镜像工具(O),打开其选项窗口。 翻转头发在垂直轴,然后单击复制按钮。按住Shift并将其移动到头部的相对侧。

use the reflect tooluse the reflect tooluse the reflect tool

步骤8

让我们继续前进,做一个22 x 38 px圆角矩形的脖子。不要忘记改变元素的亮度,以便将我们正在使用的没有阴影和高光的纯色与身体的一部分进行目视分离。 使用吸管工具(I)吸取耳朵的深褐色。

为身体创建一个85 x 105像素的明亮的绿色矩形。使用足够的圆角(约37pt)形成肩膀。

create the neck and body from rounded rectanglescreate the neck and body from rounded rectanglescreate the neck and body from rounded rectangles

步骤9

我们还可以绘制更长的圆角矩形通过添加一些5 x 55像素大小的圆角矩形,将它们放置在头后部 (Shift-Control- [)。

现在编组(Control-G)所有事物,让我们完成我们的第一个头像!

add longer cornrowsadd longer cornrowsadd longer cornrows

步骤10

为图标基座创建一个195x195像素的蓝色圆圈并且放置到背面(Shift-Control- [)。 将人物和图标对齐到水平对齐中心,让我们看看如何将人物放在圆圈内,就像在容器内一样。

复制圆形并粘贴到前面(Control-C> Control-F)放置到前面(Shift-Control-]),将副本放在所有事物的顶部。在下面的图像中,您可以看到一个副本作为一个圆圈,黑色描边和无填充

选择所有内容,单击鼠标右键,然后选择剪切蒙版。这下你懂了!我们的第一个图标已经准备好了。让我们继续下一个!

make a clipping maskmake a clipping maskmake a clipping mask

2.如何创造一个圆发髻女人

步骤1

让我们复制第一个人物头像,并修改它创建第二个女士!让我们改变肤色。使用顶部控制面板上的类似对象的功能,以更快地选择填充相同颜色的元素。

recolor the characterrecolor the characterrecolor the character

步骤2

通过增加圆角半径的值来使脸变得更加圆润。我们也可以通过用直接选择工具(A)来拉动活角标记。

现在使用直接选择工具(A)选择底部锚点,并使用顶部的控制面板将选定的锚点转换为尖角,使下颚变尖。通过将两侧锚点向下移动来调整颚骨的形状。

change the shape of the facechange the shape of the facechange the shape of the face

步骤3

改变鼻子的形状,使其变窄(11 x 22像素),更圆润。并重新着色,使其适合面部的整体配色方案。

Change the shape of the noseChange the shape of the noseChange the shape of the nose

步骤4

使用椭圆工具(L)创建一个10x10像素的黑色圆圈,并添加一个12 x 4像素的圆角矩形的睫毛,给人一个单眼皮的印象。 选择这两种形状,再次点击眼睛使其成为一个关键对象。使用对齐面板垂直对齐到顶部,组合形状的边缘。

make the eyes from circlesmake the eyes from circlesmake the eyes from circles

步骤5

我们添加一些口红!制作一个15x12像素的玫瑰粉红色椭圆,并删除其底部锚点形成上唇。 保持选择形状,双击的镜像工具(O), 翻转形状水平轴,然后单击复制创建下唇。使副本略大,使其的填充颜色更轻。

使用矩形工具(M)在嘴唇之间添加水平条纹,并绘制嘴角通过在那里添加几个小圆圈。

make lips from circlesmake lips from circlesmake lips from circles

步骤6

现在让我们做一个时尚的发型。复制(Control-C> Control-F)头部形状,将副本的颜色更改为黑色。 保持形状的选择,双击缩放工具(S),并设置等比缩放值105%,然后点击确定,使副本稍大。

现在抓住橡皮擦工具(Shift-E),按住Alt并擦除形状的底部,只留下一个直切的边缘。

make a haircut from face shape copymake a haircut from face shape copymake a haircut from face shape copy

步骤7

我们使用Shaper工具(Shif-N)在前额的中心创建一个小三角形。只需画一个手写三角形剪影,它将自动转换成一个真正的矢量形状。

现在选择三角形和头发,并用Shaper工具(Shift-N)在三角形之上涂抹以剪除它。 你可能会注意到,三角形的黑色描边可能会留在头发上。在这种情况下,只需选择它并在颜色面板中将描边颜色设置为无。

make a triangle and cut it outmake a triangle and cut it outmake a triangle and cut it out

步骤8

我们加一些圆发髻!使用圆形矩形工具制作一个20x7px的丁香形状的发带。

在发带的顶部放置一个26 x 26像素的黑色圆圈,然后放置到后面(Shift-Control- [)

将面包的部分编组并旋转约45度,将小圆面包放在头上。

使用镜像工具(O)来翻转和复制小圆面包,并将其放在头部的相对侧。

make hair bunsmake hair bunsmake hair buns

步骤9

现在,让我们将衬衫颜色更改为我们面部相同的颜色和复制(Control-C > Control-F) 。将顶部副本的颜色更改为粉红色。

在身体顶部创建一个50 x 65像素的任意颜色的圆角矩形,如下图所示。选择新矩形和下面的粉红色形状,并使用Shaper工具(Shift-N)涂抹在我们要剪切的形状之上,以创建衬衫的脖子。

make a shirt with the shaper toolmake a shirt with the shaper toolmake a shirt with the shaper tool

步骤10

这就是新衬衫的样子!

a new shirta new shirta new shirt

步骤11

让我们从我们以前的图标中复制图标底部,并将我们的圆发髻美女放里面。我已经调整了颜色,使它们匹配,将圆圈的颜色改为粉红色,女人转换为淡紫色。

做得好!让我们继续创造我们的第三个头像!

finish up with the avatarfinish up with the avatarfinish up with the avatar

3.如何设计一个性格开朗的年轻女子头像

步骤1

让我们使用第一个人物的副本并更改其外观。首先,删除嘴巴的元素,并创建一个35×25像素的椭圆,深棕色的笔画,无填充。 使用剪刀工具(C)单击两侧锚点并将形状分开。打开描边面板(窗口>描边),并将粗细设置为3pt端点选择圆头端点。

make the mouth from the ellipsemake the mouth from the ellipsemake the mouth from the ellipse

步骤2

用圆替换眼睛,并通过创建一个小圆角矩形并旋转45度来添加睫毛。

make the eyes from the circlesmake the eyes from the circlesmake the eyes from the circles

步骤3

让我们旋转眉毛,创造一个快乐和略带惊讶的面部表情。选择眉毛,然后双击旋转工具(R)打开选项面板。将角度设置为30度,然后单击确定

做同样的相反的眉毛,旋转-30度

使皮肤变浅,并使用椭圆工具(L)为前额添加一个眉心红点。

使用活角功能使脸部变圆。

rotate the eyebrows and reshape the headrotate the eyebrows and reshape the headrotate the eyebrows and reshape the head

步骤4

如何添加更多附件?创建一个9x9像素的椭圆,黄色描边和无填充,描绘一个金戒指。将其附着在鼻子的右侧,并将其放在鼻子面板的下方。

make a nose ring from circlemake a nose ring from circlemake a nose ring from circle

步骤5

现在我们绘制头发。复制脸部形状并粘贴到后面(Control-C> Control-B)。用深褐色的颜色填充头发的底部副本。

向上拖动顶部副本(面部),使头发的顶部可见。

现在下巴太低,选择这两个副本并使用Shaper工具(Shift-N)涂抹在脸部的底部以便将其删除。

我们有一些漂亮的光滑的头发!让我们添加发型的细节。

make the head from the face shapemake the head from the face shapemake the head from the face shape

步骤6

使用矩形工具(M)在头发形状的中心添加一个狭窄的部分。选择头发形状和矩形部分,并划出不需要的部分。将矩形的颜色更改为与面部相同的肤色。

make a hair part from rectanglemake a hair part from rectanglemake a hair part from rectangle

步骤7

让我们缩小一下,看看我们的角色。在这个阶段,一切都看起来很好。 不过,我已经决定让分割稍窄一点儿。形状仍然易于编辑,并可从图层面板访问。

make the parting narrower if neededmake the parting narrower if neededmake the parting narrower if needed

步骤8

现在我们给发型添加一条低马尾辫。这是一个快捷简单的方法,使其从一个矩形。在头部右侧创建一个30 x 84像素的形状。 选择底部左侧,使用矩形的右上角锚点直接选择工具(A)和拉活角的标记,使两个角完全圆润。

现在,我们可以放置马尾辫到后面(Shift-Control-[),并把它放到我们需要的位置。

make a ponytail from rectanglemake a ponytail from rectanglemake a ponytail from rectangle

步骤9

让我们改变我们人物的衣服。 复制(Control-C)体形并粘贴到位(Shift-Control-V)。将副本的颜色更改为肤色。

现在抓住Shaper工具(Shift-N),在V字形的身体上方画一个倒立的三角形。一旦你徒手画的三角形变成矢量形状,选择它与顶部身体形状和使用的身体作为关键对象水平对齐中心的两个形状。

make a dress with v-neck 1make a dress with v-neck 1make a dress with v-neck 1

步骤10

虽然仍然选择这两种形状,使用Shaper工具(Shift-N)并涂抹在三角形上以将其切割出来。

现在我们可以将顶部副本的颜色改为明亮的橙色。

make a dress with v-neck 2make a dress with v-neck 2make a dress with v-neck 2

步骤11

使用我们以前的图标中的圆圈底部的副本来替换剪切蒙版内的人物。将图标的颜色更改为绿色,并且我们有它!

我们时尚的年轻女子头像已经准备好了!

在我们完成之前再多说几句…

fill the circle with green colorfill the circle with green colorfill the circle with green color

步骤12

所以,让我们来看看我们可以使用一个矩形创建各种面部形状。 如果我们只是拉动圆角一点点,我们就可以使脸宽和有角度。另外,我们可以通过将圆角半径设置为最大来使脸部完全圆滑。

我们也可以改变下巴的形状,使它少或更尖。此外,我们可以改变颚的形状通过改变形状的侧面锚点的位置。

我们还可以编辑脸部的顶部和底部使他们分别,使头部形状更加有趣。如果我们来看下面的例子,前额比下颚要圆滑得多。

这只是我们可以从一个形状构建的所有变体的一小部分。有圆面,椭圆形的脸,正方形,三角形...使用你的想象力和参考照片,或看看周围的人看看他们是如何真正的差异!

vary the face shapes made from rectanglevary the face shapes made from rectanglevary the face shapes made from rectangle

步骤13

最后一点,但并非最不重要的事情,我想在这里提到的是人物的年龄。我们可以通过添加像皱纹这样细微的细节来轻易描绘不同世代的女性。

使用弧形工具(或钢笔工具(P)铅笔工具(N),如果你觉得更舒适的工作)为眼睛,嘴角和下巴做一些微小的拱形线。改变描边面板的粗细,使皱纹更厚或更薄,并将其应用于脸部,使人看起来更老。

不要忘记改变面部表情,使我们的角色更加多样化。改变嘴唇的位置,眉毛和眼睛的角度,使人看起来快乐或脾气暴躁。

create wrinkles with the arc toolcreate wrinkles with the arc toolcreate wrinkles with the arc tool

恭喜你!我们的扁平女性头像都完成了!

做得好!我们的设想头像完成了!

希望您能在本教程中发现一些新的有趣的提示和技巧,这将有助于您未来的插图。

Flat Women AvatarsFlat Women AvatarsFlat Women Avatars

尝试绘制尽可能多的不同的平面肖像,你可以想出来!

别忘了,您可以获得一个带有预制元素的扁平的女性化身构造,从而帮助您轻松获取数百个组合。除此之外,您将获得本教程中演示的整个设想头像。

Flat Women AvatarsFlat Women AvatarsFlat Women Avatars
关注我们的公众号
One subscription.
Unlimited Downloads.
Get unlimited downloads