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

如何在AI中使用混合以及图像描摹绘制一幅简单的猫咪情景插画

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

经常浏览我教程的人一定知道我绘画通常有三个主题:人物肖像,猫,剪影。在本次教程里,无需使用到钢笔工具,应用混合模式和图像描摹,我将绘制一幅简单的日落猫景图。 如果你使用的 Adobe Illustrator 是CC之前的版本,图像描摹其实就是实时描摹,设置选项几乎是一样的,所以不必担心,一样也可以参与绘制。

这个教程对初学者来说,简单易学,那么我们现在就开始吧。

教程素材

完成此次作品,你还需要找到一张正在走路的猫图片。如果你不打算用自己的图片,我推荐你们使用下面现成的图片,你可以在PhotoDune购买到:

1.利用混合工具绘制日落景色

步骤1

在Adobe Illustrator新建一个文件之后,使用矩形工具(M)来绘制四个矩形。 我画了一个矩形,对它进行复制,粘贴在前面,使用自由变换工具(E),降低高度,颜色也改一下。 然后,重复这个动作,对另外两个矩形也这样做。这样做的话,能够使后面的矩形和最初的矩形宽度上保持一致,而且能够对齐到底部。

我用到以下三种颜色:

  • 黄色#f7931d
  • 红色#be1e2d
  • 蓝色#262261
  • 蓝色/黑色#0d0d12
Create four rectangles

步骤2

选中四个矩形,打开对象>混合>建立(Alt-Control-B),如果这时你并没有得到一个比较自然的渐变颜色,选中要混合组,打开对象>混合>混合选项,将间距改为平滑颜色

create a Blend with the four rectangles to create a gradient

2. 利用混合绘制一排篱笆

步骤1

使用矩形工具 (M) 在画板的一边,绘制一个细长的矩形,将它复制一个,并移到到另一边。如果你已经打开了智能参考线(Control-U) ,应该就很容易将它排成一行,但是如果不是这样的话,选中两个对象,打开对齐面板,选择垂直底对齐

create two rectangles either side of your artboard

步骤2

选中这两个图形,建立一个混合(Alt-Control-B),结果应该如下所示,但是不要担心,接下来我将告诉你如何对它进行调整。

create a Blend from the two rectangles

步骤3

怎么来改变混合的间距呢,选中整个混合组,打开对象>混合>混合选项,将间距改为指定的距离,单位为25 mm

change the Blend Options

3. 完成篱笆的绘制

步骤1

我想得到一个尖桩篱栅,为了达到这个效果,我将要对混合的两个图形进行调整, 在智能参考线(Control-U)的帮助下,选择钢笔工具,我要在两个矩形顶部的中间加一个锚点,现在,不必担心,我们只是用钢笔工具在两个形状上面分别加一个锚点。

add a point to the fence shapes

记得是在两个矩形都要加锚点,在同样的位置,这样混合起来就比较平滑。

然后使用方向键将锚点向上推动,两边挪动的步数要相同,这样篱栅顶部就是一个尖尖的三角形了。

the completed blend

步骤2

选中所有的尖桩,编成一个组,现在来绘制两个栏杆,打开矩形工具(M),画两个细长的栏杆,如下图所示。

create two railings

步骤3

这里有个问题...篱笆看起来像是悬浮在地面的上方,接下来,我们将要一些尖桩变成好像扎在地面上的木桩。

为了将一些尖桩调整成变成看起来比较真实的木桩,我们需要调整部分图形的长度,在混合中,你只能选中建立混合的对象,不能选中由混合创建的形状。因此,为了能选中我们需要调整的形状,首先要对混合进行拓展。

先选中这个混合,然后打开对象>拓展,勾选所有设置,最后点击OK

expand the blend

步骤4

如果你打算使用自由变换工具拉长木桩,这样的话,会让尖桩的顶部三角形发生变形。整个看起来就不整齐了,因此,我们就要使用直接选择工具 (A) ,选中木桩底部的两个锚点,用方向键将它们向下移动。

turning pickets into posts

每四个做一个木桩。

every fourth picket is a post

4. 将置入的猫图片进行图像描摹

步骤1

现在是时候将猫加进来了,它悠闲的走在尖桩篱笆上面,你可以用自己家猫的图片,或者直接来画一个,但是我选择了一个现存的猫的图片

这种图片之所以比较合适,主要是它的背景比较干净,单一,同时这是一只黑猫,这对于图像描摹来说,简直太合适了(看到我做了什么吗?)

stock image of a cat

步骤2

打开文件>置入,选中猫的图片,将它置入到画板上,使用自由变换工具(E),重新调整图片的大小,脚爪踩在尖桩上。为了使得操作更为精确,将图片的混合模式改为叠加不透明度为100%,将天空背景隐藏,然后就可以将图片进行仔细调整。

lining up the stock image on the fence

步骤3

确定好猫的位置,我们选择顶部菜单栏的图像描摹按钮,弹出一个图像描摹选项,你可以参照下图的设置,来给形状添加线条轮廓。

Image Trace your cat

步骤4

眼尖的你可能会注意到,整个画面中,猫的轮廓线有点轻微的灰色,这是因为像素图转换成矢量图,会产生锯齿。 因此这些覆盖到背景层上的像素,如果设置混合模式为正常的话,它们的透明度就会降低,因而就会轮廓边上产生亮光。

由于我们只需要黑色填充的形状,所以我们将混合模式改为叠加,来去除掉发光的效果,在下图,你可以看到区别。

remove the halo effect

5. 使用混合绘制星星

步骤1

绘制一颗星星,我们使用椭圆工具 (L)画两个圆,外面的圆设置透明度为0%,填充颜色为米白色,这样做,混合就从中间部分透明度100%逐渐向外减小,从而产生一个发光的效果。

可是,如果把混合选项间距设置为平滑颜色,当你利用这两个形状建立一个混合的时候,得到的结果和通常操作的结果不太一样。

create a star from two blends

步骤2

这是因为两个形状的填充颜色一样,因此没什么变化!唯一的区别就是透明度不一样,因此,颜色上没有渐变的效果。 为了解决这个问题,你需要将间距设置为指定的步数,将渐变透明设置一定的参数,我这里用的是20步

change the Spacing to Specified Steps

步骤3

这颗星星的发光并不是很“真实”...因此我们在混合内再加一些形状。打开图层面板,找到星星的这组,复制其中一个圆。 然后使用自由转换工具 (E),将它放大一点,这个形状应该是夹在其他两个圆中间的。

接下来,将透明度改为30%,改变透明度的大小,达到一个光线过渡的效果,从而更像星星发光的效果。

create a more realistic star glow

步骤4

现在可以把这个星星复制多个到画布上,调整大小,这应该是最简单的方法...但还不是最有效的方法。然后,这里有个教程,我来教大家怎么使用散点画笔达到这个目的。

选中这个星星,打开画笔面板,点击新建画笔,在弹出的窗口里选择散点画笔,使用下面的设置参数,然后点击OK

create a Scatter Brush

步骤5

使用画笔工具(B),在天空中任意涂画三条线,来绘制星星。

add stars to the sky

步骤6

然后适时改变画笔的不透明度,星星就会明暗程度不同,因为是日落的时候,星星的能见度将会很微弱,最小的不透明度设为30%

alter the Opacity of the stars

6. 最后添加一些细节

步骤1

我们来完成场景的细节修饰。我们接下来要做的第一件事就是添加一个晕影的效果,其实我们可以使用渐变就可以达到,但是考虑到本次教程主要是混合的使用,我们还是用混合吧。

晕映的效果是,边缘部分比较暗,为了达到这个效果,我们使用椭圆工具(L)画两个圆,设置中间的圆填充为白色,外面的为黑色,然后建立一个混合(Alt-Control-B)

create a white to black gradient

步骤2

设置混合模式为叠加。这会让白色的形状变透明,因此会生成一个渐变透明的效果,然后选中混合组,调整形状的大小和位置。

set the blend to Blending Mode Multiply

步骤3

为了使猫的部分更清晰点,进入到天空的混合组,稍微调整下蓝色矩形的高度,将猫咪背后的过渡颜色更为亮一点。

adjust the sky blend

做的不错,你完成了!

现在完成了!既然你已经把天空放在画板的界限之内,不要担心重叠的形状。

万圣节快乐,希望在下次的教程中能看到你们。

Halloween Sunset Cat
关注我们的公众号
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.