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

如何在Adobe Illustrator中绘制一个运动会人物庆祝插画

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Celebration Week!.
26 Best New Event Flyers for 2019
How to Create a Glittering, Festive, 3D Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

很多时候我们取得不错的成就,都会去庆祝。本次教程我们将创建一幅运动场上的胜利庆祝人物插画。 为了让过程简单和有趣,我们将会使用到Adobe Illustrator中的各种功能,修改几何形状。加入吧,我们一起来慢慢浏览下这个教程!

如果你想看一下源文件,或者不同颜色选择应用到自己的项目中,一定要看下Envato Elements上的扁平运动员人物系列!在那里你会找到任何你需要的对象,包括各种各样的文件格式。

我们开始吧!

1. 如何画一个头

步骤1

创建一个600 x 800 px的文件,使用矩形工具(M)画一个同样大小的矩形作为背景。

make a background

步骤2

我们先来画一个65 x 95 px的矩形作为头部。使用直接选择工具(A)选中它,拉动实时转角的圆形标记让边角变成圆形。 我们也可以通过输入顶部控制面板内的边角实现。

make a head from rectangle

步骤3

选择椭圆工具(L),我们来画眼睛。绘制一个17 x 17 px的,深蓝的描边的正圆。打开描边面板(窗口>描边),设置描边大小3 pt,端点为圆头端点

使用直接选择工具(A)选择底部的锚点,点击删除键(Mac电脑使用空格),进行删除,得到一个弧形。

按住Alt-Shift,将弧形移到右边,创建第二只眼睛。

draw the eyes from circles

步骤4

现在我们来使用矩形工具(M)绘制一个鼻子。创建一个10 x 18 px的矩形,颜色比脸部色要深一点。使用直接选择工具(A)让形状的边角变圆滑。

我们来确保鼻子正好和头部对齐,选中一个关键对象。打开对齐面板(窗口>对齐),点击水平居中对齐。就可以了!

使用鼻子的形状来创建耳朵。按住Alt-Shift,拖动鼻子副本向头部边缘移动。通过置于后面一层(Shift-Control-[)将耳朵放在头部形状的后面。

技巧:我们也可以将一组对象和关键对象对齐。比如,将眼睛,耳朵进行编组(Control-G),把它们和头部对齐。

make nose and ears from rectangle

步骤5

我们来用一个矩形创建嘴巴,绘制一个30 x 12 px的深红色形状,使用直接选择工具(A)选中左右两边的锚点,将底部的边角变圆。

make a mouth from the rectangle

步骤6

现在我们来添加内部元素。绘制一个白色条纹作为牙齿,绘制一个压扁的粉色椭圆作为舌头。

选中三个形状-牙齿,舌头,和嘴巴-选择形状生成工具(Shift-M)。按住Alt键,点击嘴巴以外的部分,进行删除。

add the inner elements

步骤7

我们来转到头发部分。选择头部形状,打开对象>路径>偏移路径。设置偏移值5 px,点击OK

使用深蓝色填充所创建的形状。

make the hair with offset path

步骤8

选中新创建的形状,选择橡皮擦工具(Shift-E),按住Alt键,选择形状的底部,得到一个发型。

use the eraser tool

步骤9

现在我们来添加刘海。复制(Control-C)头发形状,粘贴在前面(Control-F) 然后置于顶层(Shift-Control-])

使用橡皮擦工具(Shift-E),按住Alt的时候缩小刘海。

make a hairdo

步骤10

现在我们有一个波波头了,还有齐刘海。

将底部头发颜色改深一点,增加对比。

recolor the hair

步骤11

选择底部头发形状,打开效果>变形>下张。设置弯曲值为8%,点击OK

打开对象>扩展外观,应用效果。现在头发看起来很有趣。

apply warp effect

步骤12

我们通过添加脖子完成头部。使用矩形工具(M)绘制一个17 x 40 px的形状,颜色稍微深一点,使用吸管工具(I)吸取耳朵或者鼻子的颜色。

make a neck from rectangle

2.如何画人物的身体

步骤1

我们先来画一个54 x 108 px的粉红色矩形作为身体。使用对齐面板,和脖子进行水平对齐。

对它进行复制(Control-C) 粘贴在后面(Control-B)。将底部形状向下延伸,填充颜色和头发的深蓝色一样。

make a body from rectangle

步骤2

现在我们来绘制腿。选择钢笔工具(P)或者直线段工具(\),画一个对角线。设置描边色为深蓝色,在描边面板内,设置描边大小15pt端点圆头端点

选择曲线工具(Shift-`)将腿弯曲,形成一个平滑的弧形。

make a leg with Pen Tool

步骤3

添加另一条腿,打开对象>扩展对象,将描边变为曲线。

expand the legs

步骤4

我们来添加一些细节。复制腿(Control-C) 粘贴在后面(Control-B)。将后面的副本颜色改为和脸上舌头肤色一样。

选择上面的深蓝色副本,选择橡皮擦工具(Shift-E),擦去腿的下半部分,表达一种运动裤的效果。

和腿下部的方法处理一样,添加白色短袜子。

make the pants with eraser tool

步骤5

现在我们来画运动鞋。绘制一个40 x 20 px的深蓝色矩形。使用直接选择工具(A)选中三个边角,将他们变圆。

对形状进行复制粘贴, (Control-C > Control-F) ,使用橡皮擦工具(Shift-E)绘制鞋底。

make sport shoes

步骤6

将创建的鞋子进行旋转,把它们和腿放在一起。置于腿的后面(Shift-Control-[)

attach the shoes to the legs

步骤7

使用创建腿的方法来绘制胳膊。对创建的描边进行对象>扩展,填充颜色为肤色。

Create the arms

步骤8

对胳膊进行复制,上面的副本填充为粉色和和T恤一样。使用橡皮擦工具 (Shift-E)删掉胳膊形状的余下部分创建短袖。

make the sleeves with eraser tool

3. 如何绘制奖牌和奖杯

步骤1

我们先来画一个20 x 20 px的黄色圆作为奖牌。把它放在人物胸部的中间。

draw a medal from circle 1

步骤2

选中它,打开对象>路径>偏移路径,设置偏移值5px。将新得到的形状颜色改深一点。

draw a medal from circle 2

步骤3

绘制一个6 x 35 px的白色矩形,旋转45度,把它横放在奖牌上作为一个反光效果。

选中大的圆和矩形,使用形状生成器(Shift-M),按住Alt键的同时,删掉不需要的部分。

透明度面板中,降低白色形状不透明度20%

add reflection to the medal

步骤4

现在我们来为奖牌创建一个红色的带子。创建一个10 x 52 px的矩形,把它按照下图放置。

直接选择工具(A)选中底部的边角,按住Shift,把它们向左边移动,将形状扭曲。多次按Control-[将带子放在奖牌的后面。

draw a ribbon

步骤5

选中带子,双击镜像工具(O)。设置垂直,点击复制创建带子的另一半,移到另一侧。

use the reflect tool

步骤6

现在我们来创建一个金色的奖杯。先来画一个42 x 54 px的黄色矩形,使用直接选择工具(A)让底部边角变圆。

再绘制两个矩形,作为奖杯的底部,颜色稍微深一点。

make a golden prize

步骤7

创建一个24 x 27 px的矩形作为手柄。使用直接选择工具(A)选中顶部和左下角的锚点,让边角变圆,将形状置于底层(Shift-Control-[),奖杯的后面。

应用一个偏移值-5 px的偏移路径,在内部创建一个小一点的形状。

选中两个形状,应用路径查找器里面的减去顶层功能,将顶部形状裁剪掉。

make the handles

步骤8

使用镜像工具(O),通过垂直方向的翻转,为另一侧创建一个镜像的副本。

使用星形工具给奖杯添加一个大星星。你可以在矩形工具(M)下拉菜单中找到这个工具。

add a star

步骤9

将奖杯放在女孩手上。给胳膊的顶端添加两个28 x 28 px的圆,作为一种握拳头的手势。

不错!瞧瞧我们的人物已经完成了,我们来创建其他地面上的细节吧。

add circles for fists

4.如何设计一个欢乐的背景

步骤1

先来画一个80 x 80 px的圆作为气球。

打开效果>变形>下弧形,设置弯曲值为60%

点击OK对象>扩展外观应用效果。

draw a balloon from circle

步骤2

在气球底部添加一个10 x 8 px的小矩形,应用一个效果>变形>下张20%的弯曲值

对象>扩展外观应用效果。

use a warp effect

步骤3

我们来使用钢笔工具(P)画一条垂直的线作为绳子。打开效果>扭曲和变形>波纹

设置:

  • 大小5 px
  • 段数为3
  • 平滑

点击OK,打开对象>扩展外观应用效果。

use a zig zag effect

步骤4

使用钢笔工具(P)曲线工具(Shift-`),在气球顶部添加一条描边线作为高光。

如果想要整幅图看起来更欢乐,可以绘制不同颜色气球。或者可以将形状填充一个比背景深一点的颜色来突出人物,就不会有其他元素干扰到读者的注意力。

recolor the balloon

步骤5

我们来对气球多复制几个,把它们分布在人物周围。大小和亮度不同创建一种透视效果。

在图底部添加一些描边线条,将人物放在地上。

add balloons to the background

耶!运动员庆祝版插画完成了!

祝贺你!感谢大家和我一起坚持完成了整个教程。我们最后再来加以润色,点缀五颜六色的彩屑。现在你获得了一等奖!

希望大家喜欢本次简单的教程,学到一些可以帮助你设计扁平化人物的一些技巧。

Celebration Sporty Character Illustration

如果你想看一下源文件,或者不同颜色选择应用到自己的项目中,一定要看下Envato Elements上的扁平运动员人物系列

设计的开心!

Envato qr branded
关注我们的公众号
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.