Flash基本绘图工具.doc

1、Flash 基本绘图工具在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和位图两种类型。矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状。在 Flash 动画制作过程中，会大量地运用到矢量图形。虽然有一些功能强大的矢

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

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

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

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

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

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

8、状已经绘制出来了，现在我们来绘制叶脉，先在两端点间绘制直线，然后拉成曲线，如图 15 和图 16 所示。 图 15 画叶脉线 图 16 直线变曲 再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单的树叶就画好了，如图 17 所示。 图 17 简单的树叶效果 （3）编辑和修改树叶如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令（快捷键为 Ctrl+Z），撤销前面一步的操作，也可以选择下面更简单的方法：用【箭头工具】单击想要删除的直线，被单击后的直线呈现网点状，说明它已经处于被选择状态，此时，你将可以对它进行各种修改了，如图 18

9、所示。图 18 被选中的线条要移动选中的线条，就用鼠标拖动它，要删除它，就直接按键盘上的Delete 键。按住 Shift 键的同时连续单击线条，可以同时选取多个对象。也可以用【选择工具】框选对象，被框选起来的对象将都被选中。如果要选取全部的线条，按键盘上的快捷键 Ctrl+A，就可以将其全部选中了，如图 19 所示。图 19 框选对象 说明：在一条直线上双击，也可以将和这条直线相连并且颜色、粗细、 样式相同的整个线条范围全部选取。（4）给树叶上色接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗？如图 20 所示。图 20 【颜色】选项 单击【填充色】按钮 ，弹出一个调色板，

10、同时光标变成吸管状，如图 21 所示。 图 21 调色板 说明：除了可以选择调色板中的颜色外，还可以点选屏幕上任何地方，吸取你所需要的颜色。如果你觉得调色板的颜色太少不够选，那么单击调色板右上角的【颜色选择器】按钮 ，此时会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选择的颜色添加到自定义颜色中，如图 22 所示。 图 22 【颜色】对话框 在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边选择你喜欢的颜色，上下拖动右边颜色条上的箭头，拖动鼠标到你需要的颜色上，单击【添加到自定义颜色】按钮，这种颜色就被你收藏起来了。下一次要使用时，打开【颜色】对

11、话框，在【自定义颜色】中可以方便的选取你中意的颜色。好了，现在我们在调色板上选取绿色，单击工具箱中的【颜料桶工具】 ，在画好的叶子上单击一下，效果如图 23 所示。 图 23 填充颜色 【颜料桶工具】 能在一个封闭的区域中填色。按快捷键 Ctrl+Z，取消刚填充的颜色，现在我们用【橡皮擦工具】将线条擦出一个缺口，再填充右下角的区域，效果如图 24 所示。图 24 擦出缺口后的填充效果你看，残缺线条的两边都填上了颜色。现在，我们一块一块的填上颜色吧！但是在填充颜色前，你一定要将树叶图形恢复到使用【橡皮擦工具】进行擦除操作前的状态，可以按两次 Ctrl+Z 键来实现。这时，你可能会想，如果我们刚才

12、先填充颜色再画叶脉就省事多了。确实是这样，随着不断地操作，绘图经验将越来越丰富。填充完的效果如图 25 所示。图 25 填充颜色后的效果 至此，树叶图形就绘制好了。执行【窗口】|【库】命令，打开【库】面板，你将发现【库】面板中出现一个名称为“树叶”的图形元件，如图 26 所示。 图 26 【库】面板中的“树叶”图形元件 说明：【库】面板是存储 Flash 元件的 场所，我 们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里，这里的元件可以拖放到 场景中重复使用。有关【库】面板的详细内容请你参阅第四章的相关内容。（5） 【颜料桶工具】选项选择【颜料桶工具】后，在工具箱中，单击【选项】

13、下的 封闭小空隙按钮，弹出一个菜单，其中有四个选项，可以根据自己的需要来确定，你可以自己试一下，如图 27 所示。图 27 颜料桶工具选项 说明：【颜料桶工具】是对某一区域进行单色、渐变色或位图填充的工具，它不能作用于线条。选择【颜料桶工具】后，在工具箱下边的【选项】中单击 按钮，会弹出四个选项，如图 27 所示。其中， 【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充；【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充；【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充；【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在 Flash 中，即使中大缺口，值也是很小的，所在要对大的不封闭区域填充颜色，一般用笔刷。 3 【刷子工具】的用法使用【刷子工具】 可以随意地画出各种色块。当单击工具箱中的 【刷子工具】后，工具箱下边就会显示出它的【选项】 ，我们先看看它的【选项】 ，如图 28 所示。 图 28 刷子工具选项 在这里，我们可以选定画笔的大小和样式以及它的填色模式。你可以自己选取不同的大小和样式练习练习，先找一找感觉。下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图 28 所示的【选项】下单击 按钮，则弹出填充模式下拉列表，如图 29 所示。