Flash CS6 绘图工具的使用方法

绘图工具的使用(一)

熟练掌握“线条工具” 、“滴管工具” 、“墨水瓶工具” 、“选择工具”、“颜料桶工具” 、“刷子工具”、“任意变形工具”的使用方法和技巧。掌握一片树叶、一个树枝的绘制方法，并在实践过程中理解Flash构造图形的方法。

在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和位图两种类型。

矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是放大了16倍的矢量图效果。

图2-0-1 矢量图放大到16倍时依然清晰

位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。

图2-0-2 位图放大16倍时模糊不清

在Flash动画制作过程中，会大量地运用到矢量图形。虽然有一些功能强大的矢量图绘制软件，如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过Flash基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单处理，它还是能够胜任的。

第一节基本绘图工具（上）

Flash 提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色，如图2-1-1所示是Flash的工具箱。

图2-1-1 绘图工具箱

我们将分两节来学习这些工具的使用方法。在本节中，将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。

1．线条的绘制与处理

【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。

用【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2-1-2所示。

图2-1-2 直线【属性】面板

在如图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮，会

弹出一个调色板，此时鼠标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值，16进制数值以#开头，如：#99FF33，如图2-1-3所示。

图2-1-3 笔触调色板

现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图2-1-4所示。

图2-1-4 【笔触样式】对话框

为了方便观察，我们把【粗细】设置为3pts，在【类型】中选择不同的线型和颜色，设置完后单击【确定】，来看看设置不同笔触样式后画出的线条，如图2-1-5所示。

图2-1-5 不同类型的线条

多试试改变线条的各项参数，会对绘图能力的提高有很大帮助。

【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。用【滴管工具】单击上面的直线，看看【属性】面板，它

显示的就是该直线的属性，此时，所选工具自动变成了【墨水瓶工具】，如图2-1-6所示。

图2-1-6 使用【滴管工具】获取线条属性

使用【墨水瓶工具】单击其它样式的线条，可以看到，所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。

如果你需要更改线条的方向和长短，可以用【选择工具】来实现。

【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择【选择工具】，然后移动鼠标指针到直线的端点处，指针右下角

变成直角状，这时拖动鼠标可以改变线条的方向和长短，如图2-1-7所示。

图2-1-7 改变线条方向和长短的鼠标形状

将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。这是一个很有用处的功能，它可以帮助我们画出所需要的各种曲线形状，如图2-1-8所示。

图2-1-8 改变线条为弧线状的鼠标形状

2．实例演练——绘制一片树叶

现在我们来实践一下，练习画一片树叶。

执行【文件】|【新建】命令，弹出【新建文档】对话框，在【类型】中选择【Flash文档】，单击【确定】，建立一个新的Flash文档，在这里我们不改变文档的属性，直接使用其默认值。

（1）新建图形元件

执行【插入】|【新建元件】命令，或者按快捷键Ctrl+F8，弹出【创建新元件】对话框，在【名称】中输入元件名称为“树叶”，如图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所示。

图2-1-13 连接两端

用【选择工具】将这条直线也拉成曲线，如图2-1-14所示。