FlashCS6绘图工具的使用方法

1、绘图工具的使用 （一）熟练掌握“线条工具” 、“滴管工具” 、“墨水瓶工具” 、“选择工具”、“颜料 桶工具” 、“刷子工具”、“任意变形工具”的使用方法和技巧。掌握一片树叶、 一个树枝的绘制方法，并在实践过程中理解 Flash 构造图形的方法。在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和 位图两种类型。矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、 颜色等。矢量图的清晰度与分辨率的大小无关， 对矢量图进行缩放时，图形对象 仍保持原有的清晰度和光滑度，不会发生任何偏差，如图 2-0-1 所示是放大了 16倍的矢量图效果。图 2-0-1 矢量图放大到

2、16 倍时依然清晰位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大 小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此， 位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是像素点， 位图图像的四周会出现锯齿状。如图 2-0-2 所示是放大了 16倍的位图效果。图 2-0-2 位图放大 16 倍时模糊不清在 Flash 动画制作过程中，会大量地运用到矢量图形。虽然有一些功能强大 的矢量图绘制软件，如 Corel 公司的 CorelDraw 软件、 Macromedia 公司的 Freehand 软件和 Adobe公司的 Illustrator 软件

3、等，而运用 Flash 自身的矢量 绘图功能将会更方便， 更快捷。在这一章里， 我们将通过 Flash 基本绘图工具的 学习，绘制出一些简单的矢量图。另外， Flash 也具备一定的位图处理能力，虽 然比不上专业的位图处理软件， 但是对于制作动画过程中需要对位图的一些简单 处理，它还是能够胜任的。第一节 基本绘图工具（上）Flash 提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并 可用来对对象进行上色，如图 2-1-1 所示是 Flash 的工具箱。图 2-1-1 绘图工具箱我们将分两节来学习这些工具的使用方法。 在本节中， 将学习【线条工具】 【滴管工具】、【墨水瓶工具】、【选

4、择工具】、【刷子工具】、【任意变形工 具】、【颜料桶工具】等的基本用法。1线条的绘制与处理【线条工具】是 Flash 中最简单的工具。现在我们就来画一条直线。用鼠标 单击【线条工具】 ，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条 直线就画好了。用【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中， 我们可以定义直线的颜色、粗细和样式，如图 2-1-2 所示。图 2-1-2 直线【属性】面板在如图 2-1-2 所示的【属性】面板中，单击其中的【笔触颜色】按钮 ，会 弹出一个调色板， 此时鼠标变成滴管状。 用滴管直接拾取颜色或者在文本框里直 接输入颜色的 16 进制数值， 16

5、进制数值以 #开头，如： #99FF33，如图 2-1-3 所 示。图 2-1-3 笔触调色板现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图 2-1-4 所示。图 2-1-4 【笔触样式】对话框为了方便观察，我们把【粗细】设置为 3pts ，在【类型】中选择不同的线型 和颜色，设置完后单击【确定】，来看看设置不同笔触样式后画出的线条，如图2-1-5 所示。图 2-1-5 不同类型的线条多试试改变线条的各项参数，会对绘图能力的提高有很大帮助【滴管工具】 和【墨水瓶工具】 可以很快地将一条直线的颜色样式套 用到别的线条上。用【滴管工具】 单击上面的

6、直线，看看【属性】面板，它 显示的就是该直线的属性，此时，所选工具自动变成了【墨水瓶工具】，如图 2-1-6 所示。图 2-1-6 使用【滴管工具】获取线条属性使用【墨水瓶工具】 单击其它样式的线条，可以看到，所单击线条的属 性都变成了当前在【属性】面板中所设置的属性了。如果你需要更改线条的方向和长短，可以用【选择工具】 来实现。【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。 在工具箱中选择【选择工具】，然后移动鼠标指针到直线的端点处，指针右下角 变成直角状 ，这时拖动鼠标可以改变线条的方向和长短，如图 2-1-7 所示图 2-1-7 改变线条方向和长短的鼠标形状将鼠标指针

7、移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直 线变成曲线。 这是一个很有用处的功能， 它可以帮助我们画出所需要的各种曲线 形状，如图 2-1-8 所示。图 2-1-8 改变线条为弧线状的鼠标形状2实例演练绘制一片树叶现在我们来实践一下，练习画一片树叶执行【文件】 | 【新建】命令，弹出【新建文档】对话框，在【类型】中选 择【 Flash 文档】，单击【确定】，建立一个新的 Flash 文档，在这里我们不改 变文档的属性，直接使用其默认值。（1）新建图形元件执行【插入】 | 【新建元件】命令，或者按快捷键 Ctrl+F8 ，弹出【创建新元 件】对话框，在【名称】 中输入元件名称为 “

8、树叶”，如图 2-1-9 所示，选择【行 为】为【图形】，单击【确定】按钮。图 2-1-9 创建图形元件这时工作区变为“树叶”元件的编辑状态，如图 2-1-10 所示图 2-1-10 “树叶”图形元件编辑场景说明：图形元件是 Flash 的基本元素，有关它的详细内容请参阅第四章的有 关内容。（2）绘制树叶图形在“树叶”图形元件编辑场景中， 首先用【线条工具】 画一条直线， 设置【笔 触颜色】为深绿色，如图 2-1-11 所示。图 2-1-11 画一条深绿色直线用【选择工具】将它拉成曲线，如图 2-1-12 所示图 2-1-12 拉成曲线如图 2-1-13再用【线条工具】绘制一个直线，用这条直线

9、连接曲线的两端点， 所示。图 2-1-13 连接两端用【选择工具】将这条直线也拉成曲线，如图 2-1-14 所示图 2-1-14 拉成曲线一片树叶的基本形状已经绘制出来了，现在我们来绘制叶脉，先在两端点间 绘制直线，然后拉成曲线，如图 2-1-15 和图 2-1-16 所示。图 2-1-15 画叶脉线 图 2-1-16 直线变曲再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单 的树叶就画好了，如图 2-1-17 所示。图 2-1-17简单的树叶效果3）编辑和修改树叶如果在画树叶的时候出现错误， 比如说，画出的叶脉不是你所希望的样子， 你可以执行【编辑】 | 【撤销】命令（快捷

10、键为 Ctrl+Z ），撤销前面一步的操作， 也可以选择下面更简单的方法：用【箭头工具】单击想要删除的直线，被单击后 的直线呈现网点状， 说明它已经处于被选择状态， 此时， 你将可以对它进行各种 修改了，如图 2-1-18 所示。图 2-1-18被选中的线条要移动选中的线条， 就用鼠标拖动它， 要删除它， 就直接按键盘上的 Delete键。按住 Shift 键的同时连续单击线条，可以同时选取多个对象。也可以用【选 择工具】框选对象，被框选起来的对象将都被选中。如果要选取全部的线条，按 键盘上的快捷键 Ctrl+A ，就可以将其全部选中了，如图 2-1-19 所示。图 2-1-19 框选对象说明

11、：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、样式 相同的整个线条范围全部选取。（4）给树叶上色接下来我们要给这片树叶填上颜色。 在工具箱中看到这个 【颜色】选项了吗？ 如图 2-1-20 所示。图 2-1-20 【颜色】选项单击【填充色】按钮 ，弹出一个调色板，同时光标变成吸管状，如图2-1-21 所示。图 2-1-21 调色板说明：除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方，吸取你所需要的颜色。如果你觉得调色板的颜色太少不够选，那么单击调色板右上角的【颜色选择 器】按钮 ，此时会弹出一个【颜色】对话框，其中有更多的颜色选项，在这 里，你能把选择的颜色添加到自定义颜色

12、中，如图 2-1-22 所示。图 2-1-22 【颜色】对话框在【自定义颜色】 选项下单击一个自定义色块， 该色块会被虚线包围， 在【颜 色】对话框右边选择你喜欢的颜色， 上下拖动右边颜色条上的箭头， 拖动鼠标到你需要的颜色上， 单击【添加到自定义颜色】 按钮，这种颜色就被你收藏起来了 下一次要使用时，打开【颜色】对话框，在【自定义颜色】中可以方便的选取你 中意的颜色。好了，现在我们在调色板上选取绿色，单击工具箱中的【颜料桶工具】在画好的叶子上单击一下，效果如图 2-1-23 所示图 2-1-23 填充颜色【颜料桶工具】 能在一个封闭的区域中填色。按快捷键 Ctrl+Z ，取消刚 填充的颜色，

13、现在我们用【橡皮擦工具】将线条擦出一个缺口，再填充右下角的 区域，效果如图 2-1-24 所示。图 2-1-24 擦出缺口后的填充效果你看，残缺线条的两边都填上了颜色。现在，我们一块一块的填上颜色吧！但是在填充颜色前，你一定要将树叶图 形恢复到使用【橡皮擦工具】进行擦除操作前的状态，可以按两次 Ctrl+Z 键来 实现。这时，你可能会想，如果我们刚才先填充颜色再画叶脉就省事多了。确实是 这样，随着不断地操作，绘图经验将越来越丰富。填充完的效果如图 2-1-25 所 示。图 2-1-25 填充颜色后的效果至此，树叶图形就绘制好了。执行【窗口】 | 【库】命令，打开【库】面板， 你将发现【库】面板

14、中出现一个名称为“树叶”的图形元件，如图 2-1-26 所示图 2-1-26 【库】面板中的“树叶”图形元件说明：【库】面板是存储 Flash 元件的场所，我们所创建的元件对象以及从 外部导入的图像、 声音等对象都保存在这里， 这里的元件可以拖放到场景中重复 使用。有关【库】面板的详细内容请你参阅第四章的相关内容。（5）【颜料桶工具】选项选择【颜料桶工具】 后，在工具箱中， 单击【选项】 下的 封闭小空隙按钮， 弹出一个菜单， 其中有四个选项， 可以根据自己的需要来确定， 你可以自己试一 下，如图 2-1-27 所示。说明：【颜料桶工具】是对某一区域进行单色、渐变色或位图填充的工具， 它不能作

15、用于线条。 选择【颜料桶工具】后，在工具箱下边的【选项】中单击 按钮，会弹出四个选项，如图 2-1-27 所示。其中，【不封闭空隙】表示要填充 的区域必须在完全封闭的状态下才能进行填充； 【封闭小空隙】 表示要填充的区 域在小缺口的状态下可以进行填充； 【封闭中等空隙】 表示要填充的区域在中等 大小缺口状态下进行填充； 【封闭大空隙】 表示要填充的区域在较大缺口状态下 也能填充。但在 Flash 中，即使中大缺口，值也是很小的，所在要对大的不封闭 区域填充颜色，一般用笔刷。3【刷子工具】的用法使用【刷子工具】 可以随意地画出各种色块。当单击工具箱中的【刷子 工具】后，工具箱下边就会显示出它的【

16、选项】，我们先看看它的【选项】，如 图 2-1-28 所示。图 2-1-28 刷子工具选项在这里，我们可以选定画笔的大小和样式以及它的填色模式。你可以自己选取不同的大小和样式练习练习，先找一找感觉。下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图 2-1-28 所示的【选项】下单击 按钮，则弹出填充模式下拉列表，如图 2-1-29 所示图 2-1-29 刷子的填色模式1）标准绘画选择【刷子工具】，并将【填充色】设置为黄色，当然也可以设置为其它色 选择刷子的填色模式为【标准绘画】模式，移动笔刷到舞台的树叶图形上，在叶 子上拖动鼠标，观察一下效果，如图 2-1-30 所示。图 2-1-30

17、标准绘画模式你将发现，不管是线条还是填色范围，只要是画笔经过的地方，都变成了画 笔的颜色。（2）颜料填充选择【颜料填充】模式，它只影响了填色的内容，不会遮盖住线条，效果如图 2-1-31 颜料填充模式（3）后面绘画选择【后面绘画】模式，无论你怎么画，它都在图像的后方，不会影响前景 图像，如图 2-1-32 所示。图 2-1-32 后面绘画模式4）颜料选择选择【颜料选择】模式，先用画笔抹几下，丝毫不起作用。这是因为我们没 有选择范围。用【选择工具】选中叶片的一块，再选择【刷子工具】进行绘制， 此时可看到选择区域被涂上所选的颜色，如图 2-1-33 所示。图 2-1-33 颜料选择模式（5）内部绘

18、画选择【内部绘画】模式，在绘画时，画笔的起点必须是在轮廓线以内，而且 画笔的范围也只作用在轮廓线以内，如图 2-1-34 所示。图 2-1-34 内部绘画模式4绘制树枝现在我们要把这孤零零的一片树叶组合成树枝想一想，如果用多片这样一模一样的树叶组成树枝， 是不是很难看呢？ Flash 为我们提供了一个很好的工具：【任意变形工具】 。利用【任意变形工具】 可以将前面绘制的树叶改变成需要的形状。【任意变形工具】可以旋转缩放元件，也可以对图形对象进行扭曲、封套变 形。选中树叶，在工具箱中选择【任意变形工具】，工具箱的下边会出现相应的 【选项】，如图 2-1-35 所示。图 2-1-35 任意变形工具

19、选项说明：【任意变形工具】的【选项】中共包括 5 个按钮，从上向下依次是：对齐对象】旋转与倾斜】 、缩放】 、扭曲】 和【封套】当你选择了【任意变形工具】后， 【选项】中的按钮并不是马上都被激活， 除了【对齐对象】按钮，其他按钮都是灰色显示，只有你在场景中选择了具体的 对象以后，其他 4 个按钮才变成可用状态1）旋转树叶选择【任意变形工具】 后，单击舞台上的树叶， 这时树叶被一个方框包围着， 中间有一个小圆圈，这是变形点，当我们进行缩放旋转时，以它为中心，如图 2-1-36 所示。图 2-1-36 变形点变形点是可以移动的。将鼠标移近它，鼠标右下角会出现一个圆圈，按住鼠 标拖动，将它拖到叶柄处

20、，便于树叶绕叶柄进行旋转，如图 2-1-37 和图 2-1-38 所示。图 2-1-37 选取变形点图 2-1-38 拖动变形点到叶柄处再将鼠标移动到方框的右上角， 鼠标变成旋转圆弧状 ，表示这时就可以进 行旋转了。向下拖动鼠标，叶子绕变形点旋转，到合适位置时松开鼠标，效果如 图 2-1-39 所示。图 2-1-39 旋转后的树叶（2）复制树叶用【选择工具】选中树叶图形，执行【编辑】 | 【复制】命令，再执行【编辑】| 【粘贴到中心位置】命令，这样就复制出了树叶图片，如图 2-1-40 所示图 2-1-40 复制出的树叶图片（3）变形树叶将粘贴好的树叶拖到旁边，再用【任意变形工具】进行旋转。使

21、用【任意变 形工具】时，也可以像使用【选择工具】一样移动树叶的位置。拖动任一角上的缩放手柄，可以将对象放大或缩小。拖动中间的手柄，可以在垂直和水平方向上放大缩小，甚至翻转对象。将树叶适当变形，如图 2-1-41所示。图 2-1-41 缩放对象|【变形】菜单中的说明：【任意变形工具】的各项功能也可以执行【修改】 命令来实现，如图 2-1-42 所示图 2-1-42 变形命令（4）创建“三片树叶”图形元件 再复制一片树叶，用【任意变形工具】将三片树叶调整成如图 2-1-43 所示 的形状和位置。在调整过程中， 当调整效果不满意时， 也许树叶已经不再处于被选中状态， 有时 要重新选取整片树叶很困难， 我们可以多使用撤