Illustrator 绘制矢量的卡通绿叶(不透明调板)

所属分类: 平面设计 / Illustrator教程 阅读数: 1472
收藏 0 赞 0 分享
教程细节
软件:Adobe Illustrator CS3
难易:初级
预计完成时间:30分钟

Final Product What You'll Be Creating
成品图


In this tutorial you will learn how to make an illustration for a magazine cover and learn how to use the opacity mask ,the gradient tool and the pen tool to make some leaves with water drops on them and cloudy background. This technique can be applied to many different objects. Let’s get started!
本教程你要学习怎样绘制杂志封面上的矢量图,学习怎样使用不透明调板,渐变工具,怎样使用钢笔工具绘制滴着露珠的叶子和云的背景。这种技巧可以应用在各个不同的对象上。好了,让我们现在开始吧!

Step 1
First, make a leaf shape using the Pen Tool.
1.首先,使用钢笔工具绘制出一片叶子的形状。


Step 2
Add a white stroke along the leaf and then press (Command + C) to copy ,(Command + B) to send to the back. Now you have two strokes , the white one in the front and color the other one with green and move it a little bit to the left. Use the image below for reference.
2.沿着叶子的脉络绘制一条白色的描边,然后按Ctrl+C复制,Ctrl+B粘贴在后面。现在你有2条描边了,白色的在前面,另一条填上绿色并且绿色的这条向左移动一点。参照下图。
注:实际2.5pt,2pt没有下图所示那么粗,这里可以设定为20pt,10pt,具体可以根据图像大小自定。


Step 3
Expand the strokes (Object > Expand), select them all and from the Pathfinder panel press merge.
3.扩展描边(对象>扩展),全部选中,切到路径查找器调板,按合并按钮。
注:合并的话得不到图示的路径,我重新写一下。


扩展描边后,叶子和扩展后的绿色描边形状相加,然后减去扩展后的白色描边(在路径查找器中完成)。完成后得到上图右边的路径。
注:白色描边的堆栈顺序必须在叶子和绿色描边形状相加后的复合路径之上。
形状相减的另一层隐义就是减去前面的形状。

相加相减之后叶子可能需要重新填色渐变,重新填色即可。

Step 4
Select the leaf then press (Command + C) for copy, (Command + F) paste in front, select the copy and fill it with gradient of half opacity white to 0 opacity white. Erase parts of the leaf (like in the image) to make the leaf shine.
4.选择叶子,然后按Ctrl+C复制,Ctrl+F粘贴在前面,选择副本,填色50%不透明白色到0%不透明白色渐变。去除叶子多余的部分(如图)以创建叶子的光亮面。

Step 5
Make several leaves in the same manner, and arrange them in a manner similar to the image below.
5.用同样的方法绘制其它的叶子,然后用你喜欢的方法把它们进行排列组合,就像下图一样。



Step 6
Begin making the water drop with an ellipse shape with a green gradient.
6.使用椭圆工具绘制露珠,填充绿色渐变。


Step 7
Make a smaller ellipse with a white to green gradient and add smaller ellipses inside of it.
7.绘制更小的椭圆,应用白到绿色渐变,然后再在椭圆内部绘制更小的椭圆。


Step 8
Distribute the drops on the leaves like in the image below
8.在其它叶子上也添加几滴露珠,如图所示。

露珠上的发散光,可以先绘制一个几角星(如:七角星),然后选择“效果”菜单>扭曲和变换>收缩和膨胀,收缩(负数为收缩)来实现。

Step 9
Now we will make the bubble for behind the leaves, start by making a circle with radial gradient (blue to white).
9.现在我们来绘制叶子后面的水泡,先创建一个径向渐变的圆(蓝到白渐变)。



Step 10
Like with the water drop, make circles inside with a white to transparent gradient and then add a moon shape at the bottom .

10.创建水滴的样子,先在内部再创建一个圆,应用白色到0%不透明白色渐变,然后在底部绘制出月亮的形状,其余删除。


这里图示的星,可以先绘制一个圆,然后选择效果菜单>扭曲和变换>波纹来实现。


Step 11
To make the cloud, make several circles with the ellipse tool and put them together to form the cloud.
11.绘制云,先使用椭圆工具绘制几个圆,然后把它们进行排列组合,拼合成一个云。


Step 12
Now fill the empty space in the middle, select all the shapes and merge them with the Pathfinder.
12.现在闭合中间的空白区域,选择所有的形状,按路径查找器中的合并按钮。


Step 13
Build your illustration by starting with the clouds, then bubbles, then the leaves.
13.现在云,露珠,叶子都已经绘制好了。


Step 14
Make a line of circles and group them.
14.绘制一排圆,然后把它们编为一组(Ctrl+G)。


Step 15
Apply a 3D Extrude & Bevel with the settings shown below.
15.应用3D凸出和斜角,设置如下。

By clicking twice in the transparency panel, you’re going to make an opacity mask and the cylinders will disappear.
在透明度调板上点击2次,你就可以创建不透明面板了,此时圆柱隐藏。


Step 16
Alt + Click the opacity mask to edit it, make a rectangle with a gradient gray to black ( the black makes the object disappear and the white makes the object appear).
16.Alt+点击不透明面板你就可以编辑修改它了,绘制一个矩形,应用灰到黑渐变(黑色使对象隐藏,白色使对象显示)。



Step 17
Do the same thing as before, but use a pointy shape like below as the mask. This time the opacity mask will look like the image below.
17.像之前一样重复操作,但使用尖的形状的不透明面板如下图所示。这次不透明面板如图所示。


Conclusion
And there you have it. A soft looking environmental illustration. If you want to use this as a magazine cover, simply add your text and export it for print. I hope you’ve enjoyed this tut.
尾声
现在你完成了绘制,得到了一个柔和的自然的景观矢量图。如果你想把它用于杂志的封面,只要简简单单地添加一些文本就可以拿去印刷了。我希望你会喜欢它。
更多精彩内容其他人还在看

Illustrator CS5怎么使用连接和平均命令画等腰三角形?

Illustrator CS5怎么使用连接和平均命令画等腰三角形?想在ai中绘制一个等腰三角形,这就涉及到ai中连接和平均命令的使用,详细的教程请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

AI利用3d效果制作包装图

今天小编为大家带来了AI利用3d效果制作包装图,简单快捷,透视准确,感兴趣的朋友快到下文了解一下吧
收藏 0 赞 0 分享

AI利用路径文字工具在弧形路径位置输入文字

这篇教程是向脚本之家的朋友分享AI利用路径文字工具在弧形路径位置输入文字方法,教程比较基础,适合新手来学习,推荐到脚本之家,喜欢的朋友快快来学习吧
收藏 0 赞 0 分享

AI制作3D纪念碑风格岛屿插画教程

今天小编为大家带来了AI制作3D纪念碑风格岛屿插画教程,教程很简单很好学,感兴趣的朋友到下文了解一下吧
收藏 0 赞 0 分享

AI绘制骷髅奇兵插画教程分享

今天小编为朋友们带来实用AI绘制骷髅奇兵插画,教程是视频的,对于学习插画的朋友来说还是有一定的指引作用的,来看看吧
收藏 0 赞 0 分享

ai中怎么绘制一款可以挂在墙上的相框?

ai中怎么绘制一款可以挂在墙上的相框?ai中绘制相框很简单,今天我们就来看看那使用ai绘制一款朴素的可以挂在墙上的相框,详细的绘制内容请看下文介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

Illustrator绘制卡通可爱的人头像勋章效果

本教程主要使用IllustrIllustrator绘制卡通可爱的人头像勋章效果方法,教程制作出来的勋章真的很不错,推荐到脚本之家,希望能对大家有所帮助
收藏 0 赞 0 分享

ai中路径查找器该怎么使用?

ai中路径查找器该怎么使用?ai中我们经常设计一些矢量图,其中有很多工具,今天我们就来看看路径查找器的详细使用方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制卡通的独眼小熊头像?

Ai怎么绘制卡通的独眼小熊头像?我们经常给大家介绍ai绘制各种类型的矢量图的教程,今天我们还是来看看比较简单的使用ai绘制卡通独眼小熊的步骤,需要的朋友可以参考下
收藏 0 赞 0 分享

Ai怎么绘制萌萌哒的小兔子头像?

Ai怎么绘制萌萌哒的小兔子头像?ai中想给自己设计一个很独特的头像,因为个人属兔,所以我们就来设计一个比较可爱的小兔子形状的头像,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多