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

如何在Adobe Illustrator中创建一幅青蛙公主插画

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

每个人大概都听说过青蛙公主的故事,因为喝多国家都有类似的故事。你想象中的青蛙公主是什么样的呢? 我认为她是一个很可爱的小青蛙,就像今天我们将要创建的一样。这个简短的教程对初学者来说很容易跟学。

想要学习更多青蛙公主的图片,打开GraphicRiver。来看看其他画家心目中的青蛙公主形象。

准备好了吗,我们开始吧!

1. 如何创建矢量青蛙

步骤1

打开Adobe Illustrator,创建一个宽和高850 x 850 px的文件。先来画青蛙的头部。使用椭圆工具(L),画一个椭圆。 先来画青蛙的头部。使用椭圆工具(L),画一个椭圆。在下图中,你可以找到你需要的参考填充和描边色。在描边面板上,减少描边粗细,大概为5 px。这个描边将会是最终卡通图像的大小。

接下来,我们将给这个椭圆应用一个膨胀效果。打开效果>变形>膨胀。输入你看到的参数,点击OK

对这个形状进行扩展:打开对象>扩展外观。扩展形状之后,进行取消编组(右击>取消编组),你会注意到线你有两个部分,而不是一个:描边一个,还有填充一个。 两个部分,而不是一个:描边一个,还有填充一个。为了让它变成一个,简单删掉描边,在工具面板上直接添加一个新的描边色,在你的左边(看下图2)。

how to create the head
continue creating the head

步骤2

使用椭圆工具(L)画一个椭圆,填充色和秒变色和之前一样。把它稍微向左边旋转。

选中这个小椭圆的同时,选择镜像工具(O),按住Alt键,在额头处点击, 在弹出的对话框中,选择垂直90度角,点击复制。在青蛙头部你现在应该有两个椭圆了。

接下来,选中三个形状,使用路径查找器里面的合集按钮(窗口>路径查找器),进行合并。现在,不是三个椭圆,我们只有一个形状了。

最后,给眼睛添加两个深灰色的椭圆。

how to create eyes

步骤3

对于青蛙眼睛的高光部分,我们来添加一些心形形状。因为她在恋爱中,记得吗?先来使用圆角矩形工具画一个圆角矩形。 但是让我来向你展示如何使用边角插件,在最新的Adobe Illustrator版本可用。使用这个工具对于调节边角圆度会容易很多。

那么使用矩形工具(M)画一个矩形。打开视图>显示边角插件。现在,在矩形的每个边角附近,都有一个小圆圈。 将这些圆圈向形状中间移动,边角就会逐渐变圆。(只是为了训练,尝试向外移动,边角就会重新变得锋利。)

将圆角矩形旋转45度角,接下来,选中它,点击镜像工具(O),然后按Enter键。 在弹出的对话框中,输入垂直轴,点击复制。将两个形状按住下图放置。橙色部分就是我们所需要保留你的。 那么我们需要删掉余下的部分。选择形状生成工具(Shift-M),选中两个圆角矩形然后在标记区域上方扫动,形成一个心形。 使用同样的工具,按住Alt键,点击没有标记的位置,删除掉。线得到基本的心形,我们后面将会把它放在眼睛内。

对于Adobe Illustrator的旧版本:选中两个圆角矩形,点击路径查找器里面的分割按钮,之后,右击鼠标,点击取消编组。 选中下图标记的区域,点击路径查找器里面的合并按钮。现在简单删掉多余的部分,得到心形。心形就完成了!

how to create the heart

最后,将两个白色心形放在眼睛上,记得你不需要描边(轮廓)。

placing the hearts

步骤4

现在我们来创建嘴巴。先来创建一个椭圆。记得使用同样的,描边色,没有填充色。 然后选择剪刀工具(C),点击下面标记的锚点处删除掉椭圆的上半部。删除掉,因为不需要了。

how to create the mouth

步骤5

创建身体部分,在头部下面绘制一个椭圆。在身体左侧再绘制一个小椭圆-这就会是腿部。

按住ShiftAlt,把左腿向右移动,现在你有右腿了,巧好对齐。

how to create the body and legs

步骤6

现在我们来创建胳膊。先来画一个椭圆。现在,点击直接选择工具(A),移动锚点的手柄得到你看到的结果。

之后,选择剪刀工具(C),点击下图标记的位置。这个将会是胳膊,我们还需要另外一个。把这个青蛙身体左边胳膊放在头部下面。 然后选中它,点击镜像工具(O),按Enter键。确保在弹出的镜像对话框中,勾选垂直,点击复制。使用键盘上向右箭头,将新创建的胳膊向右移动。

how to create the arms

2. 如何创建箭头和皇冠

步骤1

将青蛙眼睛内部的心形复制一个。改变填充色,设置描边色和之前一样。在描边面板上(窗口>描边),勾选边角:平滑连接。

然后删除掉填充色,那么你现在只有描边色了。现在选择直线段工具(\),画一条线。

点击心形,利用AI记忆,保持和心形一样的填充和描边色。在线的一端使用矩形工具(M)画一个矩形。 使用直接选择工具(A),选中矩形的上边两个锚点。把它们向右移动。

选中这个矩形,找到镜像工具(O),点击回车按钮,在对话框中,勾选水平,点击复制,将新副本向下移动。箭头就完成了!

为了便于操作,选中整个箭头,对它进行编组(右击>编组)。

how to create the arrow

将箭头放在青蛙嘴巴里面,确保箭头依旧在嘴巴里面,不是在上方。为了达到整个效果,选中嘴巴,进行裁剪(Control-X) ,把它放在前面(Control-F)。 

placing the arrow

步骤2

现在我们来画皇冠。描边色保持不变,填充色改为黄色。

然后我们需要一个剪板来裁剪掉皇冠的一部分。怎么做呢,我们需要画一个三角形:选择多边形工具,点击画板。 在弹出的对话框中,输入3条边半径任意。点击OK。最后,把它进行倒置,放在下图所示的位置。按住ShiftAlt键的同时,将三角形移到左边。 你会得到一个倒置的三角形。选中它们,进行合并:点击路径查找器里面的合并按钮(窗口>路径查找器)。

选中这个形状,选择黄色矩形。点击路径查找器里面的减去顶层按钮。

为了完成我们的皇冠,打开效果>变形>凸起。输入下面所给的参数,点击OK。皇冠完成了!

how to create the crown

把皇冠放在青蛙的头部。她可爱吗?

placing the arrow

3. 如何创建荷叶和莲子

步骤1

我们来创建青蛙坐的位置,荷叶。描边色不变,填充色改为蓝色,然后画一个椭圆。

再创建一个剪板:使用多边形工具创建的三角形。把它(剪板)放在椭圆下面。点击路径查找器里面的减去顶层按钮。

现在我们要将叶子边缘变平滑。首先,勾选显示圆角插件视图>显示圆角插件),之后,使用直接选择工具 (A),,将外部边角向内移动,内部边角向外移动。

how to create the lotus leaf

步骤2

芦苇会是荷叶不错的装饰物。先来画一个椭圆。创建芦苇的叶子形状,你需要使用转换锚点工具(Shift-C)。 在椭圆上下两个锚点处点击一下。对的,填充颜色和荷叶一样。

删除填充色,保持描边色不变。选择弧形工具,画一个曲线。

设置下面的填充色,使用圆角矩形工具画一个圆角矩形。芦苇就完成了!

how to create the reed

步骤3

将你的青蛙放在叶子上。添加芦苇,如果需要的画,可以多复制几个芦苇。

placing the frog and reed on the lotus leaf

4.如何创建背景

步骤1

对于背景,创建一个宽和高都为850 px的淡蓝色正方形,没有描边色。为了画出一个正方形,选择矩形工具(M),点击画板,然后输入所需要的参数。

how to create the background

步骤2

把背景放在青蛙的后面:选择浅蓝色正方形,进行裁剪(Control-X), 放在后面 (Control-B)。

placing frog on the background

步骤3

添加一些水波纹:创建一些没有填充,描边色如下的椭圆。它们位于背景层上方青蛙下方。

how to create the water ripples

步骤4

将心形复制一个,设置填充色如下。删除掉描边色。将心形放在青蛙的周围。

adding the hearts aroung frog

总结

我们完成了!希望你们能够喜欢本次教程,学到使用Adobe Illustrator的新技巧。 这幅画特别适合情人节,也可以送给你爱的人。把它印刷出来,作为一张卡片,或者简单保留着矢量图。

下次见!

final
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.