New! Unlimited audio, video & web asset downloads! Unlimited audio, video & web assets! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Deconstruction
Design

如何在Adobe Illustrator绘制一幅“烧烤时光”概念插画

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

在本次教程中,你将学会如何在Adobe Illustrator中使用最基本的形状和工具绘制一个扁平化的夏日烧烤插画。

如果你想跳过本次教程,可以直接在夏日活动概念背景中买到该作品。请到GraphicRiver寻找更多灵感吧。

Summer Activity Concept Backgrounds

1. 如何新建一个文件

我们先来新建一个文件。打开文件>新建(或者Control/Command-N),将文件设置如下:

  • 画板数:1
  • 宽:800
  • 高:600
  • 单位:像素

点击高级选项

  • 颜色模式:RGB
  • 栅格效果:屏幕
  • 预览模式:默认
  • 将新对象对齐到像素网格:不勾选
Creating a new document

2. 如何绘制野餐桌和椅子

步骤1

先选择矩形工具 (M)绘制一个215 x 15 px的矩形,作为桌面,填充颜色为#BD3337

在绘制一个填充颜色为#B8B79D8 x 130 px 竖直放置的矩形。把它紧挨着放在红色矩形的左边,和它的底部对齐。

选中竖直方向的长条,选择镜像工具(O),按住Alt 的同时在大矩形的中间点击一下。 在弹出的镜像选项窗口里,设置垂直,点击复制,就将长镜像到红色形状的右边。桌子的腿就做好了。

Building the table

步骤2

画两个10 x 12.5 px 的小矩形,颜色为#47392C。把它们放在竖直桌腿的底部轮廓上,居中对齐。

再绘制一个65 x 4.5 px的水平长条矩形,填充颜色为#B8B79D。选中它,双击旋转工具(R),打开选项菜单。 设置角度值为90度,点击OK将矩形放在后面一层,选择对象>排列>置于底层

将形状放在红色矩形的左下边,把顶部和底部隐藏在桌面和桌腿的后面。

选择成一定角度放置的矩形,打开镜像工具(O),按住Alt 键的同时。在桌面中间点击一下。 在弹出的镜像窗口,设置垂直方向,点击复制按钮,在桌子右侧就会出现一个成镜像的矩形。

将所有桌子部分进行编组(Control-G)

Finishing the table

步骤3

先来画一个94 x 40 px,颜色为#E04938的矩形作为椅子。

在红色矩形的内侧两边再画两个竖直方向的,大小为4 x 110 px的细长矩形(#DEDDBD) 。把它们放在大矩形的底部边缘。作为椅子的腿。

在绘制两个22 x 7 px的小矩形,颜色填充为#E04938。分别把每个矩形放在椅子腿部的中间位置,离上面的矩形大概20 px左右。

再画一个118 x 9 px 的矩形,把它放在椅子腿上面,离上面红色小矩形的位置大概15 px ,将它和上面的大矩形进行居中对齐。

Making a chair

步骤4

借助钢笔工具(P),从桌子左腿和最下面红色矩形交叉处到椅子右腿的底部边缘,画一条粗细为4 px的有斜度的对角直线,然后再向右水平延伸10 px(可参考下图)。

使用镜像工具(O),使直线在椅子右侧得到一个镜像。

选中这些直线,打开对象>扩展。查看描边选项,不勾选填充,点击OK。我们的描边将变成填充的形状。

同时选中这两个形状,打开对象>排列>置于底层,把它们放在椅子其他部分的后面。对椅子所有的部分进行编组 (Control-G)

Finishing the chair

3. 如何绘制一个杯子

步骤1

开始来画杯子,先绘制一个 52 x 53.5的矩形,填充色为#DEDDBD。使用直接选择工具(A)选中底部的两个锚点。

使用实时转角功能,把圆形指示符向矩形中央拖动,设置边角半径为 大概为6 px

Forming a rectangle

步骤2

绘制一个55 x 3.5 px的长条矩形,填充颜色为#977866

按住Shift键同时选中长条矩形和大的矩形,在较大的对象上点击一下(这一次不需要按住Shift键!)。

只是大矩形周围就会出现一个蓝色的框,在控制面板和对齐面板里面,就会自动选择对齐到关键对象

对齐面板里(窗口>对齐),或者控制面板, 点击水平居中对齐垂直居中对齐按钮。

Creating a cup

步骤3

我们还需要给杯子加一个手柄。

绘制一个16 x 20 px 的矩形,没有填充,设置描边粗细为3 px,描边颜色为#977866,使用实时转角功能,将右上角,和右下角的边角变圆。 将手柄放在底层,放在杯子的右侧。左边的部分隐藏在杯子后面。对整个杯子部分编组(Control-G)

Finishing the cup by adding a handle

4. 如何绘制一个勺子和叉子

步骤1

首先我们要绘制一个手柄,在接下来的步骤中,将用它来形成勺子和叉子。

建一个5 x 41 px,填充颜色为#DEDDBD,保持选中这个矩形,应用效果>变形>凸出,垂直弯曲值设为-3%25%的 垂直扭曲

打开象>拓展外观,将效果变成一个实体形状。再使用实时转角构件,将底部形状完全变成半圆。

由于勺子和叉子的手柄是一样的,所以这个形状还需要复制一个。

Creating the bottom part for the fork and spoon

步骤2

借助椭圆工具(L),绘制一个17 x 27.5 的椭圆,颜色为#DEDDBD,放在手柄的顶部。使用直接选择工具(A) 选中侧边的锚点,将它们向下拖动一点。

选中这两个对象,使用路径查找器面板里的联集选项,将它们合并成一个形状。

使用实时转角功能,将勺子上部像鸡蛋一样的部分和手柄之间的边角变圆。

Building a spoon

步骤3

选择多边形工具,将我们在步骤1绘制的第二个手柄旁边画板处,点击一下。在弹出的多边形选项面板中,设置半径大小为7.5 px,边数为8,得到一个八角形。 将填充颜色改为#DEDDBD,拖动手柄上方的形状,将它和手柄交叉放置,朝中间对齐(1)。

选择删除锚点工具 (-),在八边形顶部的两个锚点上点击一下,删除它们(2)。再选择剩下形状左边的锚点,按住Shift的同时把它移到左边手柄轮廓线处。 使用同样的方法,拖动右下角的锚点,并把它移动到手柄右边轮廓线处(3)。

选中这两个形状,点击路径查找器的联集,将它们合并。借助实时转角功能,将勺子上部和手柄之间的边角变圆。

Building a fork

步骤4

新建一个2 x 15 px的竖直放置的矩形,同样的填充色#DEDDBD,把它放在之前绘制的形状顶部,居左对齐。然后使用添加锚点工具 (+)(1),在矩形顶部中间添加一个锚点。

再次使用删除锚点工具(-),删掉顶部左右两个锚点,得到一个像针一样的形状。在图形(2)的右侧,也创建一个同样的形状。

使用选择工具(V) ,按住Shift 键的同时,选中这两个像针一样的形状。选择对象>混合>建立

Illustrator会默认将创建一个平滑的颜色过渡。我们打开对象>混合>混合选项,或者双击混合工具。将间距选项改为指定的步数,设置值为2(3)。

选中这个对象,打开对象>扩展。查看下对象选项,取消勾选填充描边选项,点击OK

选中所有像针一样的形状,还有底部的图形,点击路径查找器面板上的联集选项。

使用直接选择工具(A),选中侧边的锚点,通过拖拽实时转角构件(4),将指针与指针之间的缝隙变圆滑。

叉子就完成了!

Finishing the fork

5. 如何绘制一个煎锅和烤盘

步骤1

我们先来画一个煎锅,选择椭圆工具(L),绘制一个95 x 95 px 的圆,颜色为#635042。在圆内再画两个小一点的圆:一个大小为77 x 77 px,颜色为#977866,另一个 65 x 65 px,颜色为#B08F64

在圆形组旁边,再画一个17 x 175 px的矩形,没有填充色,描边大小为5 px,颜色(#46382B)。 将顶部完全变成一个半圆,然后使用直接选择工具(A),拖动实时转角圆形标识符,稍微将底部的锚点变圆。 将得到的形状放在圆上,朝中间对其。将矩形的底部稍微伸出外圆底部的轮廓。

选中矩形形状,打开对象>排列>置于底层。将所有的部分进行编组(Control-G)

Working over the cooking pan

步骤2

绘制一个 90 x 90 px 的圆,描边大小为3 px,颜色为#DEDDBD,没有填充色。选中这个圆,打开对象>扩展勾选描边选项,取消勾选填充选项,点击OK。我们的描边就会转换成一个被填充的形状。

在圆形左侧,绘制一个1.5 x 130 px,颜色为#47392C的条状矩形,将它的中央对齐到圆形顶部和底部的锚点中间。

选择垂直条状矩形,选择镜像工具(O),按住Alt键的同时,在圆形顶部中间锚点处点击一下。 在镜像选项窗口内,选择垂直,点击复制,将条状矩形镜像到圆形右侧对应的位置。

同时选中这两个形状,将它们置于后面一层,打开对象>排列>置于底层,将他们隐藏在圆形的后面。

Creating a stroked circle and two vertical stripes

步骤3

同时选中两个竖直方向的长条矩形,打开对象>混合>建立

打开对象>混合>混合选项,或者双击混合工具,设置间距选项为指定的步数,值设为10。选中对象,使用对象>扩展勾选对象选项,取消勾选填充描边选项。 然后点击OK

选择我们之前绘制的直线组,按Control-CControl-F,在这个组的前面得到一个副本。依然保持选中这个对象,将指针移动到边界框外部,靠近边框右上方的手柄,这样指针就变为一个有角度的箭头。 然后把它拖到底部,按住Shift 键的同时,将复制的直线组旋转90度

Copying the vertical stripes and making the grill

步骤4

我们来将圆形外面的条状矩形,删掉。

选中垂直方向的条形组,以及圆形,然后使用形状生成器(Shift-M)。 按住Alt 键,在该组左侧的空白区域单击并按住鼠标左键,拖到突出多余的部分,释放鼠标删掉它,对所有重叠的部分,重复进行这个操作

将所有的组成部分进行编组(Control-G)

Cutting of the outstanding grill parts

步骤5

绘制一个7 x 167 px的矩形,没有填充色,描边大小为2 px,颜色为(#DEDDBD)。使用直接选择工具(A),在底部边缘上点击一下,按删除键。再将顶部变成半圆。

再新建一个9.5 x 27 px的红色矩形#E04938。把它放在垂直矩形的上半部分,在红色矩形顶部和垂直圆角形状的上部轮廓之间留有约9px的间隙。

再画一个12 x 6.5 px 的圆角矩形,不要填充色,描边 (#47392C)大小为2 px,位于红色矩形下面几个像素的距离,和他居中对齐。将整个结构进行编组(Control-G),放在之前绘制的圆形上面,居中对齐,将底部伸出圆形底部轮廓线几个像素距离。

将烧烤盘所有的对象进行编组(Control-G)

Finishing the grill pan

6. 如何绘制一个烧烤架

步骤1

让我们来借助椭圆工具 (L),绘制一个125 x 95 px 的椭圆,颜色为默认色。再画一条穿过椭圆中间和侧面锚点的水平直线。 选中这两个形状,借助路径查找器面板,将它们进行分割。对形状取消编组(Control-Shift-G),设置上半部分填充颜色为#E04938,下半部分颜色为#DEDDBD

Building an ellipse and dividing it on two parts

步骤2

新建一个 135 x 9.5 px 的矩形,颜色为#BD3337,作为边缘部分,把它放在椭圆形状的中间。

绘制一个小圆角矩形,没有填充色,描边大小为2px,颜色为#915B3F,将作为手柄。把它放在红色区域的上方,将下半部分隐藏在大形状的后面。

在红色图形的右边位置,添加一个颜色为#E1F4F7的小圆,表现为扁平化风格的高光。

用两个矩形,组合成一个T字形,填充颜色为#47392C:水平放置的矩形大小为10.5 x 2.5 px;垂直方向的为2 x 5 px。 点击路径查找器里的联集按钮,将它们合并,再把这个形状旋转一下,放在圆形左下侧位置,右边端点隐藏在后面,再借助使用镜像工具(O),在右边镜像的位置,复制一个。

Finishing the top part of the BBQ grill

步骤3

绘制一个4.5 x 95 px竖直方向的长条矩形,作为烧烤脚架,填充颜色为#B8B79D,将底部变圆。

在中间部分再添加一个4.5 x 7 px 的小矩形(#47392C) ,模仿橡胶接头位置。再新建一个同样颜色的稍微大点的矩形,和脚架底部交叉重叠放置。 借助形状生成工具 (M) ,将超出脚架的矩形部分剪掉,将整个脚架部分进行编组(Control-G)

选择脚架组,双击旋转工具(R),打开选项菜单。设置角度值为20度,点击OK。 打开对象>排列>置于底层,将脚架放在我们前面步骤绘制的圆形烧烤区的右侧。

使用镜像工具 (O)的方法,在椭圆左侧创建一个对称的支撑脚架。

Creating the legs for the BBQ grill

步骤4

在两根烧烤脚架中间加一个4.5 px宽的横杆#C4C4C4,把两端隐藏在上面黑色的连接点后面。

再画一个4.5 x 95 px,竖直方向的长条矩形,底部为圆头,填充颜色为#524C4E。 放在两根脚架中间,将它和椭圆形状的烧烤位置部分,以及橡胶腿部的中间对齐,把它放在最底层,这样顶部就被隐藏在圆形部分的后面。

对所有的部分进行编组(Control-G)。我们的烧烤架就完成了!

Finishing the BBQ grill

7. 如何为烧烤绘制一个背景

现在是时候创建一个简单的背景,来完成这个烧烤画面,组合成最终的作品。

步骤1

绘制一个填充颜色为#A2B51B的背景矩形。在这个布局的底部再画一个水平放置的圆角矩形,颜色使用#FDF9FF

再绘制一个颜色为#DEDDBD的大矩形,完全覆盖住浅色圆角矩形的下半部分。选中这两个形状,使用形状生成器 (Shift-M),删掉底部形状突出的部分,在地平面的下部就会得到一个扁平化风格的投影。

Creating the ground level

步骤2

绘制一棵简单的,由三角形组成的冷杉树,将冷杉树散布在水平地面的后面,作为森林背景。

Rendering the fir and the forest background

步骤3

为了填充空白的空间,增加景色的深度,借助钢笔工具(P)绘制一个或者矩形工具(M),在森林上方绘制两个像云朵一样的形状,再将得到形状的边角变圆。

Creating the clouds

步骤4

既然我们已经完成了背景的绘制,现在是时候回到之前绘制的烧烤用品,把它们散布在水平地面的上面,形成一个均衡的组合。你可以使用下面的例子作为参考,但可以随意发挥自己的想象力。

Finishing the whole scene

现在是烧烤时间

我们完成了!做的不错!

如果你想要带有所有细节的源文件,或者你的设计需要整个一系列户外活动插画,请点击GraphicRiver夏日活动概念背景

Summer Activity Concept Backgrounds

希望大家能够喜欢绘制这个烧烤插画,从中学到一些有用的方法。

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