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

如何在AI中绘制一幅拼贴画

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Easy Character Design.
How to Create Easy Kawaii Animals in Adobe Illustrator
How to Create a Cute Spring Rabbit in Adobe Illustrator

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

Final product image
What You'll Be Creating

至今为止,我已经做过很多期关于使用矢量图形绘制插画详尽的教程。但是在本次教程里,我将向你展示如何在Adobe Illustrator中,利用纹理图片来绘制一幅有趣的数码拼贴画。

你需要什么素材

在本次教程,我们将使用一些我觉得很有趣的纹理图片:我的冬天毛衣,我最喜欢的格子花呢上衣,还有一些旧木门。 你可以在本次教程提供的压缩包里找到这些素材。

同时,我们也需要两个可供使用的参考图片,这可以在Pixabay下载到:

对于高质量的图片引用,我建议在PhotoDune以及GraphicRiver找到可供购买的库存资源。

1. 画一个简单的人物形象

要么你在Adobe Photoshop画一个,要么按照传统的方法做:在纸上画一个,再将它扫描到电脑上。 如果你决定用传统的方法做,使用一个黑色标识的笔。这样的话,线条就比较清楚,明显,在后面描摹起来就容易很多。

画人物的一些技巧:至少从下面的三个阶段来做:

  1. 身体
  2. 细节部分

在画完了脸部特征之后,你就会发现人物设计其实很容易。确保你所画的线条都是闭合的。这在后面的步骤会很重要。

2. 新建一个打印文件

找到文件>新建 (Control-N)。在对话框里,设置文件为网页,设置800 px900 px

Create a New Print Document

3. 置入线稿图

找到文件>置入,选中线稿图。把它放在画板的中间。试着尽量将线稿图朝画板的底部放置,这样放置的话,人物就不会看起来好像被裁剪了一半,而是以出现在画板的底部显示。

Import the drawing

4. 图像描摹

第一步

确定好线稿图的位置之后,选中它,对它简单的描摹,找到对象>图像描摹>建立并拓展 线稿就变成了矢量图,也会被分成很多部分。

为了操作起来更容易,我们需要对线稿图取消编组。在矢量对象上点击一下,找到对象>取消编组

Trace the drawing

第二步

选中人物周围白色框,把它删掉。

Delete the background

5. 置入图片内容

我们开始置入纹理图片。人物的每个部分,将会指定一个相应的纹理图片,脸部和头发的部分我决定使用木质纹理,帽子和T恤使用格子布的纹理,围巾使用羊毛纹理,背景使用生锈的金属色图。

Photos used for textures

我鼓励大家使用自己身边的照片:你最喜欢的毛衣,拐角处的墙砖,邻居家的木门,火车站的瓷砖...我们身边都是可以使用的图案;只要我们稍稍留意到它们。

第一步

我们先从脸部开始。现在我们已经将线稿图片取消编组了,我们需要将一些属于一个组的部分合并在一起,如脸部和耳朵部分。选择这三个部分,找到对象>复合路径>建立,将三个形状合并,它们将作为一个图形进行操作, 在上面点击一下,复制一层(Control-C)。

Merge the face parts

第二步

下载脸部的纹理图片

找到文件>置入,打开下载的纹理图片, 一旦置入图片,在上面点击一下,将刚才复制的脸部部分粘贴在前面(Control-F)。

第三步

同时选中纹理图片和脸部形状,在工作区域的任何地方右击鼠标, 选择创建剪切蒙版选项。

Make clipping mask

这样操作之后,剪切蒙版就创建完成了,木质纹理就只会显示在脸部区域了。

preview

第四步

对于其他部分,我们就使用同样的方法。

使用直接选择工具(A),选择围巾表面,复制一层(Control-C)。

Selec the Scarf area

第五步

置入围巾的纹理图片。 打开文件>置入,将命名为Scarf 的文件置入。

将之前复制的围巾形状粘贴在纹理图片的前面(Control-F)。 将它们选中,在上面右击鼠标。 在菜单栏中,选择创建剪切蒙版。 你也可以根据菜单栏找到对象>剪切蒙版>建立,也能达到同样的效果。

Make a clipping mask

现在为止,插画应该如下图所示。

Preview

第六步

我们再接着做T恤部分。 使用直接选择工具(A)选中T恤的白色表面部分,复制一层(Control-C)。

Select the shirt

第七步

置入纹理。 打开文件>置入,将命名为T恤的纹理图片置入进来。 将它放在身体部分的上面,有必要的话,将它缩小一点。 将之前复制的形状粘贴在纹理的前面(Control-F)。 同时选中它们两个,右击鼠标。 在菜单里,选择创建剪切蒙版

Make a clipping mask

我们可以看到,图案已经开始慢慢填充我们的插画,看起来还不错!

Preview

第八步

我们还有两个对象需要填充图案: 头发和帽子。

使用直接选择工具(A), 小心一点,选中头发的部分,包括眉毛周围的部分,还有耳朵后面的部分。

Select the hair parts

第九步

打开路径查找器面板,点击联集指令。然后,打开对象>复合路径>建立,或者使用快捷键 Control-8

Merge the hair parts

第十步

确保所有的头发部分合并在一起,我们接下来将这部分指定的纹理图案置入进来。和之前的步骤一样,找到文件>置入,将命名为Hair的纹理图片置入进来。将它放在头发部分上面,适当缩小它的大小。

将之前复制的图形粘贴在纹理图案的前面(Control-F) 。

Paste the copied selection

第11步

选中这两个对象,纹理图片和头发的矢量形状,在上面右击鼠标。在菜单里,选择创建剪切蒙版

Make a clipping mask

第12步

头发部分完成以后,我们接下来做最后一部分,帽子。 我们把它分成两组: 帽身作为第一组,也是最主要的一组,帽舌和帽顶纽作为第二组。

首先,我们从帽子的侧面开始。 使用直接选择工具(A),选择帽子两边的侧面,将它们合并,使用路径查找器里的联集按钮。 同样的,找到对象>复合路径>建立。 将他们复制一份 (Control-C)。

Merge the two side panels

第13步

置入命名为Cap 1的纹理,将它放在帽子上方, (Control-F) 将复制的帽子侧面粘贴在前面。 同时选中这两个对象,并右击鼠标, 在菜单栏下选择创建剪切蒙版

Make a clipping mask

第14步

对于帽身中间部分,我们要再次置入同样的纹理,只是这次我们要让它旋转180°,这样我们就会得到格子图案不同的位置。

现在用同样的方法,复制中间部分,(Control-C),置入纹理图片, 找到文件>置入,选中标识为Cap 1的图片,右击鼠标,变换>旋转

第15步

这时候会弹出一个对话窗, 只要输入180旋转角度,点击OK

Enter 180 as an angle value

第16步

将中间面粘贴在前面(Control-F),右击鼠标,选择创建剪切蒙版

Make a clipping mask

第17步

使用直接选择工具(A),在帽身中间部分点击并适时调整纹理图片。让它和帽子的侧面区分开来。 这样的话,我们虽然使用了同样的纹理图案,只是放置位置不同,我们也能直观的区分这三个部分。

Adjust the texture

第18步

最后,我们将要给插画的最后一个空白处添加纹理图案:帽舌,还有冒顶纽。 使用直接选择工具(A),将它们选中, 打开路径查找器,点击联集按钮, 然后,找到对象>复合路径>建立(Control-8)。 复制一下合并后的对象(Control-C)。

Merge the two parts

第19步

置入(文件 > 置入)命名为Cap 2的纹理图片,调整位置,让它盖住整个帽子。 有必要的话适时缩小图片大小, 同时选中纹理图片和之前复制的矢量形状,在上面右击, 选择创建剪切蒙版

Make a clipping mask

在目前为止,插画应该如下图所示。 在插画的每个部分,我们都放入了一个纹理图案。 我们来给它加个背景吧。

Preview

第20步

下载背景图片。 将下载的图片置入进来(文件>置入), 右击鼠标,变换>旋转

Add and rotate a background

第21步

这时会弹出一个对话框,输入90的角度值,点击OK。 输入90角度值,点击OK

Enter 90 as an angle value

第22步

选中背景图案文件,右击,选择排列>置于底层

Send to back the background

现在我们有一个星空背景了!几乎要完成了—我们最后来调整一下色调。

Preview

第23步

使用直接选择工具(A)选中人物的一只眼睛。

Select one of the characters eyes

第24步

打开选择>相同>填充颜色。插画的所有填充为黑色的部分,包括轮廓部分,都会被选中。

Delete the selected areas

第25步

现在只需要点击删除,所有矢量轮廓和线条都会消失,黑色背景就会填充这些缝隙,这样的话,人物就只是和黑色背景产生融合,因为比背景亮的部分,可能会让人迷糊。

Preview

第26步

我们将整副图放在一个800 x 900 px 的画板里面。

选中矩形工具,在工作区域的任何地方点击一下。 会弹出一个对话框, 宽度值输入800 px高度输入900 px。 点击OK

Create a rectangle

第27步

画板上就会出现一个白色的矩形。打开对齐面板(窗口>对齐)。 找到对齐选项,选择对齐画板。为了保证正好处于画板的中央,点击水平居中对齐垂直居中对齐

Align

第二十八步

最后一步,全选工作区域的部分,右击一下。选择创建剪切蒙版。

Make a clipping mask

做的不错哦!完成了!

希望在制作这个数码拼贴图的时候,玩的开心。纹理的使用不仅在插画中是个不错的想法,在其他领域也很实用,如平面绘制或者网页设计当中。甚至你也可以把它打印出来,挂在房间里合适的位置。

现在,用自己的图画和照片纹理来试一试吧,在下面的评论区给我们分享一下吧。

Final result
关注我们的公众号
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.