AI绘制蝴蝶插画实例渐变钢笔工具

AI绘制蝴蝶插画

任务目标：掌握【渐变面板】、【钢笔】工具、【椭圆】工具的使用。

任务分析：

本任务首先利用【矩形】工具绘制矩形，并通过复制制作出插画背景；然后利用【钢笔】工具绘制花朵，【渐变面板】填充渐变色，最后通过【路经查找器】制作出蝴蝶，最终完成蝴蝶插画的制作。

效果展示：

效果图

任务实施：

1.启动Illustrator CS6中文版。

2.单击【文件】|【新建】命令，此时弹出【新建文档】对话框，在对话框中所有的参数

都采用默认选项，直接单击确定按钮，生成一个新的空白文件。

3.选择【矩形】工具，在页面中绘制一个矩形，将其填充为品红色（C:0，M:100，Y:0，

K:0）到紫色（C:68，M:100，Y: 0，K:0）的线性渐变，然后设置为描边为无，效果如图2-1-1所示。

4.选择工具箱中的【矩形】工具，在页面绘制一个矩形，将其填充为浅粉色（C:0，M:80，

Y: 0，K:0），紫色（C:68，M:100，Y:0，K:0）的线性渐变，描边设置为无。如图2-1-2

所示。

图 2-1-1 图2-1-2

5.将刚绘制好的矩形复制多份，然后分别调整大小和位置，此时图像的效果如图2-1-3

所示。

图2-1-3 图2-1-4

6.将页面中除了步骤1以外所有矩形全部选中，然后进行编组，再打开透明度面板，设置

其不透明度为80%，图像效果如图2-1-4所示。

7.选择工具箱中的【钢笔】工具，在页面中绘制一条2pt的白色曲线，然后将其放置到合

适的位置，效果如图2-1-5所示。

图 2-1-5 图2-1-6

8.再次利用【钢笔】工具在页面中绘制一个封闭图形，然后利用【转换锚点】工具对绘

制的图形进行调整，效果如图2-1-6所示。

9.将刚绘制好的封闭图形选中，将其填充为白色，设置其描边为无，图形的填充效果如图

2-1-7所示。

图 2-1-7 图2-1-8

10.将刚绘制好的封闭图形选中，复制多份，然后分别对其调整，调整后的图像效果如图

2-1-8所示。

11.再次利用【钢笔】工具在页面内绘制一条2pt的白色曲线，放置到合适的位置，效果如

图2-1-9所示。

12.选择工具箱中的【椭圆】工具，在页面绘制一个正圆，将其填充为白色，描边设置为无，

放置到合适的位置，效果如图2-1-10所示。

图2-1-9 图2-1-10

13.选择工具箱中的【钢笔】工具，在页面绘制一个花朵的形状的图形，效果如图2-1-11

所示。

图2-1-11 图2-1-12

14.将其绘制好的花朵图形填充为白色到浅粉色（C:0，M:80，Y: 0，K:0）的径向渐变，在

设置描边为无，效果如图2-1-12所示。

15.选择【椭圆】工具绘制一个正圆，将其填充为白色到红色（C:0，M:100，Y: 100，K:0）

的径向渐变，在为其添加5pt的黄绿色（C:42，M:0，Y:100，K:0）的描边，效果如图2-1-13所示。

图2-1-13图 2-1-14

16.再次利用【椭圆】工具在页面绘制一个椭圆，将其填充为橘黄色（C:0，M:50，Y: 100，

K:0），到橙色（C:0，M:72，Y: 80，K:0）的线性渐变，描边设置为无。效果如图2-1-14所示。

17.将绘制好的花朵复制多份，分别调整大小和位置，效果如图2-1-15所示。

图 2-1-15 图2-1-16 图 2-1-17

18.利用工具箱中的【钢笔】工具在页面中绘制一个封闭图形，然后将其复制一份并调整，

效果如图2-1-16所示。将其绘制的这两个图像选中，打开路径查找器面板，按住ALT 键的同时单击减去顶层按钮，然后再将其相减后的图像填充为红色（C:0，M:100，Y: 100，K:0）到深红色（C:0，M:100，Y: 100，K:40）的线性渐变，效果如图2-1-17所示。19.将刚修剪后的图像选中并复制一份，然后再将其复制出的图像稍加旋转，缩小并放置到

合适的位置，将刚绘制好的这两个图像复制一份，再按下【Ctrl+B】组合键将其复制出的图像粘贴在原图像的后面，然后调整其渐变填充的位置，效果如图2-1-18所示。

图2-1-18 图2-1-19

20.利用【钢笔】工具在页面绘制一个封闭图形，然后将其填充为红色（C:0，M:100，Y: 100，

K:0）的到深红色（C:0，M:100，Y: 100，K:40）的线性渐变，描边设置为无，放置到合适的位置。效果如图2-1-19所示。

21.选择【椭圆】工具，在页面中绘制一个正圆，将其填充为红色（C:0，M:100，Y:100，

K:0）到深红色（C:0，M:100，Y: 100，K:40）的线性渐变，描边设置为无，放置到合适的位置。效果如图2-1-20所示

图 2-1-20 图2-1-21

22.再次利用【椭圆】工具在页面中绘制一个封闭图形，将其填充为红色（C:0，M:100，Y:

100，K:0）到深红色（C:0，M:100，Y: 100，K:40）的线性渐变，描边设置为无，然后将其复制一份，此时就完成了蝴蝶的绘制。效果如图2-1-21所示

23.将绘制好的蝴蝶复制多份，然后分别调整其颜色、大小和位置。完成优美蝴蝶插画的制

作。效果如图2-1-22所示

24.单击【文件】|【存储】命令，选择一个合适的存储路径，文件名为“蝴蝶插画.ai”，

将文件保存。

图2-1-22

知识链接：

一、渐变面板的介绍

执行菜单栏中的【窗口】|【渐变】命令即可打开如图所示的渐变面板，该面板主要用来编辑渐变颜色。

1、修改渐变颜色

在【渐变】面板中，渐变的颜色主要由色标来控制，要修改渐变的颜色只需要修改不同位置的色标颜色即可修改。渐变颜色可以使用颜色面板或色板面板来完成。

（1）使用【色板】面板修改渐变颜色：首先确定打开【色板】面板，在【渐变】面板中单击选择要修改颜色的色标，然后按住【Alt】键,单击【色板】面板中需要的颜色即可修改，选中的颜色，用同样的方法可以修改其他色标的颜色。

（2）使用【颜色】面板修改渐变颜色：双击要修改的色标，可以看到与之对应的【颜色】面板自动处于激活的状态，此时可以在【颜色】面板中通过拖动滑块或修改数值来修改需要的颜色，即可修改该色标的颜色。

2、添加或删除色标

（1）添加色标：将光标移动到渐变面板底部渐变滑块区域的空白位置，此时的光标右下角出现一个“+”字标，单击即可添加一个色标。

（2）删除色标：要删除不需要的色标，可以将光标移动到该色标上，然后按住鼠标向【渐变】面板的下方拖动，当【渐变】面板中该色标的颜色显示消失时释放鼠标，即可将该色标删除

3、修改渐变类型

渐变包括两种类型，一种是线性，一种是径向渐变。线性即渐变颜色以线性的方式排列；径向渐变即渐变颜色以圆形径向的形式排列。如果要修改渐变的填充类型，只需要选择填充渐变的图形后，在渐变面板的类型下拉列表框中选择相应的选项即可。

4、渐变角度和位置的调整

（1）修改渐变的角度：选择要修改渐变角度的图形对象，在【渐变】面板的【角度】文本框中输入新的角度值，然后按回车键即可。

（2）修改渐变位置：在【渐变】面板中选择要修改位置的色标，可以从【位置】文本框中看到当前色标的位置，输入新的数值即可修改选中色标的位置