Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Christmas

如何使用Adobe Illustrator绘制一套圣诞鹿表情包

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

在本教程中我们将要绘制一只可爱的卡通圣诞鹿和一整套表情包。 我们将对简单的几何图形进行修饰,使用弧形工具和路经查找器,来进行各种描边设置。

这样的卡通形象很适合手机游戏和应用程式,因为它们可以通过简单的移动身体和更改脸部来实现动画化。 如果你想要更详细的了解这些元素是怎样设计的或者想要其他的颜色的该形象,可以访问我在GraphicRiver上的可爱鹿表情包

Cute Deer Construction Kit

现在让我们开始吧!

1. 如何绘制卡通驯鹿的头

步骤 1

让我们使用椭圆工具同时按下Shift键来画一个100×100 px的圆。 用明亮的蓝色填充。 用直接选择工具(A)选择它左边和右边的锚点来向下移动几个像素。

make a head from circle

步骤 2

复制这个圆并粘贴到下方(Control-C>Control-B)。 使底部的圆更大一点颜色更深一点,在头的底部边缘制作一个阴影。

再次复制上方的圆并粘贴在该圆前面(Control-C > Control-F)。 将顶部的圆缩小到85 x 60 px并将颜色调整为更浅的蓝色,在头顶部形成高光。

步骤 3

现在添加眼睛。 画一个20 x 20 px的白色圆形。 复制该圆并粘贴在下方(Control-C > Control-B),把副本放大。 把颜色调整为深蓝。

添加一个13 x 13 px的圆,填充跟虹膜一样的蓝色。

make eye from circle

步骤 4

把眼睛的所有元素编组(Control-G)并双击镜像工具(O)来打开选项窗口。 在垂直轴上翻转并点击复制来完成第二只眼睛。

按住Shift键水平拖动第二只眼睛到脸部的另一边。

use the reflect tool

步骤 5

继续使用椭圆工具(L)来做一个红鼻子。 从最大颜色最深的27 x 27 px圆开始然后是小一点的圆,最后是一个白色的高光。

最后,复制最大的圆粘贴到下方(Control-C > Control-B)。 把底部的圆往下移一点改变填充颜色为深蓝,为鼻子做一个简单的阴影。

make a nose from circle

步骤 6

圆角矩形工具画一个10 x 7 px深蓝色形状作为眉毛。 使用实时转角将图形全部圆角化,或者通过在顶部控制面板中设置圆角半径3.5 px

稍微旋转眉毛,并使用镜像工具(O)来得到第二条眉毛。

在脸颊上加上两个椭圆当作腮红。

add brows and blushes

步骤 7

现在我们来添加嘴巴。 画一个23×23 px的圆,填充无,将描边设置为深蓝色。 打开描边面板(窗口 > 描边),设置粗细4 pt端点圆头端点

使用剪刀工具(S)点击圆的两边锚点来将其分开。 删除上部的形状,得到一个微笑的嘴巴。

make a mouth from circle

步骤 8

复制嘴巴并粘贴到下方。 把复制后得到的嘴巴向下移动几个像素改变描边颜色为浅一点的蓝色,得到一个高光。

add a highlight from the mouth

步骤 9

让我们来制作耳朵! 画一个35 x 15 px的亮蓝色椭圆。 用直接选择工具(A)选择上面和下面的锚点并将它们向左移动几个像素,做成耳朵的形状。

复制一个耳朵改为深蓝色添加在底部,并将上面的椭圆改成粉红色。

make the ear from ellipse

步骤 10

把耳朵放在头部的两边,在头的顶部添加三个小圆,组成头发。

attach the ears

步骤 11

现在我们要使用弧形工具来制作鹿角。 将弧形的描边设置为深蓝色。 设置描边粗细4 pt端点圆头端点。 添加更多的弧形,使用镜像工具(O)来制作对称的鹿角。 同时选择两个鹿角并将其置于底层(Shift-Control-[),在头部的下面。

很棒! 现在驯鹿的整个头部就制作好了,现在来做身体!

make antlers with arc tool

2. 如何绘制卡通驯鹿的身体

步骤 1

使用圆角矩形工具来制作一个70 x 75 px的形状作为身体。 用直接选择工具(A)同时选择左下角的两个锚点左移几个像素。 对右下角的两个锚点同样操作,将它们移到对称的位置,这样身体的下部就比上部要宽。

选择身体,按Shift-Control-[来将它置于底层

make a body from rounded rectangle

步骤 2

复制身体并粘贴到下方。 改变下面的副本让它更大一点颜色更深一点,得到一个柔和的阴影。

在身体的上方添加一个50 x 50 px的副本,把颜色改为粉红色,得到胸脯,完成身体的绘制。

add details to the body

步骤 3

让我们来添加胳膊。 使用弧形工具描边粗细设置为15 pt,做一条粗粗的线。

选择弧线,使用宽度工具(Shift-W)让胳膊的上部细一点。

make the arm from arched stroke

步骤 4

添加一个更小的弧形作为大拇指,然后使用椭圆工具(L)来添加一个浅蓝色的10 x 13 px的椭圆在作为手的高光。

将胳膊的所有的元素编组(Control-G),并复制一个放在身体的对称侧。

add details to the arm

步骤 5

让我们来制作腿。 制作一个描边粗细为14 pt的弧形,转到对象>拓展,将其变成一个扁平图形。

create a leg

步骤 6

现在来绘制蹄子。 画一个20 x 20 px 的深蓝色圆将其放置在腿的上方,并盖住底部。 同时选择该圆和腿部并使用形状生成器(Shift-M)。 按住Alt键点击你想要删除的圆的部分。 然后我们得到了蹄子!

add a hoof 1

步骤 7

使用铅笔工具(P)或者多边形工具来做一个任意颜色的三角形。 将三角形放置在蹄子上方,如下图所示的那样,同时选择腿部的三个形状。 使用形状生成器(Shift-M)同时按住Alt键来剪去三角形区域。

将腿部的所有部分编组(Control-G)并使用镜像工具(O)来得到另一条腿。

add a hoof 2

然后我们就完成了! 可爱卡通圣诞鹿就画好了! 让我们继续来制作各种表情来让小鹿更加的多变。

Christmas cartoon deer is ready

3. 如何改变卡通驯鹿的表情

步骤 1

让我们来把笑脸变成一张暴躁的脸。 把驯鹿的嘴巴倒过来(不要忘记改变高光)然后使用相似的半圆图形做闭上的眼睛。 旋转眉毛到相反的方向,做一个皱眉的表情。

make a grumpy face

步骤 2

然后再做下一个表情。 在初始的脸部上,将一只眼睛替换为半圆,得到眨眼。 去掉嘴巴然后就得到一个新表情。

make a blinking eye

步骤 3

绘制一个30 x 5 px的深蓝色 椭圆的嘴巴。 用直接选择工具(A)选择左边和右边的锚点再使用顶部控制面板中的转换工具将选定的锚点转换为角点。

向下拖动下面的锚点使嘴巴看起来张得更开。

make a mouth from ellipse

步骤 4

绘制一个白色椭圆做牙齿并将其放在嘴巴的上方。 选择这两个形状并使用形状生成器(Shift-M),同时按下Alt键来剪去牙齿中不需要的部分。

在牙齿上加一一个小三角,用处理蹄子时相同的方法。

add teeth

步骤 5

添加另一个椭圆作为舌头并去掉不需要的部分。 再在上唇上方添加一个柔和阴影,在下唇下方添加一个高光来完成完成嘴巴的制作。

add tongue and lips

步骤 6

以刚刚完成的脸部为基础绘制一个开心的表情。 让嘴巴张得更开将另一个眼睛也替换为半圆,得到一个开心的脸。

Create another cheerful face

步骤 7

通过将初始表情中张开的嘴巴替换成一个小小圆形来表现惊讶。

不要在嘴巴周围忘了通过复制来添加阴影和高光。

make a surprised face

步骤 8

将眼睛替换成合上的眼皮,来做一个可爱的睡脸。

make a sleepy face

步骤 9

最后,让我们使用暴躁脸来做一个有趣的愤怒脸,将眼睛替换成两条窄窄的线。

make angry face

我们可爱的圣诞鹿表情包就完成啦!

做得好! 现在我们有一整套表情可以替换在身体上。

Cute Christmas Deer Construction Kit is Finished

如果你想要从本教程中为你的游戏得到一个完成的形象,其他的版本或者颜色, 都可以看这个驯鹿表情包

希望你喜欢这个教程并学到了有用的知识可以帮助你创造更多的圣诞形象!

圣诞节快乐!

Cute Deer Construction Kit
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.