2007-1-82007-1-8 11

第一节 第一节 FlashFlash 的绘图工具 的绘图工具

铁王中学 王东强

2007-1-82007-1-8 22

学习目标：学习目标：11 、了解、了解 Flash Flash 的背景知识的背景知识22 、熟悉、熟悉 Flash Flash 的工作环境的工作环境33 、理解、理解 Flash Flash 的基本概念的基本概念

2007-1-82007-1-8 33

1.2.1 1.2.1 标题栏标题栏1.2.2 1.2.2 菜单栏 菜单栏 1.2.3 1.2.3 工具栏 工具栏 1.2.4 1.2.4 工具箱 工具箱 1.2.5 1.2.5 时间轴时间轴1.2.6 1.2.6 工作区和舞台 工作区和舞台 1.2.7 1.2.7 浮动面板浮动面板

2007-1-82007-1-8 44

标题栏 菜单栏时间轴

工具箱

舞台

浮动面板

属性面板

2007-1-82007-1-8 55

工具箱工具箱工具箱中的工具包含四个部分：工具箱中的工具包含四个部分：11 、“工具”选区：包含了绘图、填充、选取、、“工具”选区：包含了绘图、填充、选取、变形和擦除工具。变形和擦除工具。

22 、“查看”选区：包含了“缩放”和“手、“查看”选区：包含了“缩放”和“手形”工具，用于调整画面显示。形”工具，用于调整画面显示。

33 、“颜色”选区：用于设置笔触颜色和填充、“颜色”选区：用于设置笔触颜色和填充颜色。颜色。

44 、“选项”选区：显示了工具属性或与当前、“选项”选区：显示了工具属性或与当前工具相关的工具选项。工具相关的工具选项。

2007-1-82007-1-8 66

部分选取工具

套索工具

文本工具

矩形和多角星形工具

刷子工具

任意变形工具

颜料桶工具

橡皮擦工具

缩放工具

笔触颜色

填充颜色

选择工具

线条工具

钢笔工具

椭圆工具

铅笔工具

任意变形工具

墨水瓶工具

滴管工具

手形工具

工具功能选项

2007-1-82007-1-8 77

1. 1. 选择工具选择工具 选择工具” 是一个最常用的工具，它用来选择选择工具” 是一个最常用的工具，它用来选择舞台中的一个对象。通常选择的方法有两种：点舞台中的一个对象。通常选择的方法有两种：点选和框选，点选可以选择一个组件、线条或者连选和框选，点选可以选择一个组件、线条或者连续的填充。一个组件选中会出现蓝色的边框，填续的填充。一个组件选中会出现蓝色的边框，填充和线条选中后就会出现麻点状态。充和线条选中后就会出现麻点状态。

如果要选择多个对象且对象的分布并不规则，也如果要选择多个对象且对象的分布并不规则，也就是选择不连续的对象，可以按住【就是选择不连续的对象，可以按住【 ShiftShift 】键】键然后点选来完成。在选择线条的时候只能选择两然后点选来完成。在选择线条的时候只能选择两个点之间，可以使用双击来选择相连的线条。个点之间，可以使用双击来选择相连的线条。

2007-1-82007-1-8 88

2. 2. 线条工具线条工具 ““ 线条工具”，顾名思义就是用于绘制直线的工线条工具”，顾名思义就是用于绘制直线的工具，使用方法简单，在工具箱中选取“线条工具”具，使用方法简单，在工具箱中选取“线条工具”后，可先在属性面板中设置好笔触颜色、样式及高后，可先在属性面板中设置好笔触颜色、样式及高度，然后在舞台中单击并拖动就可以绘制直线。度，然后在舞台中单击并拖动就可以绘制直线。

选中“线条工具”后，会发现在工具选项中出现选中“线条工具”后，会发现在工具选项中出现了一个磁铁图标，这个选项用于多个线条连接时自了一个磁铁图标，这个选项用于多个线条连接时自动吸附，这就方便了封闭图形的绘制。如下图所示。动吸附，这就方便了封闭图形的绘制。如下图所示。

另外，利用“选择工具” 可以更改线条的方向另外，利用“选择工具” 可以更改线条的方向和长短 。和长短 。

2007-1-82007-1-8 99

图图 2-9 2-9 不同类型的线条不同类型的线条 图图 2-10 2-10 绘制一个三角形绘制一个三角形

2007-1-82007-1-8 1010

3. 3. 铅笔工具铅笔工具 “ “ 铅笔工具” 可以很随意地绘制出不规则线条铅笔工具” 可以很随意地绘制出不规则线条和图形。选择“铅笔工具” 后，可以使用其附和图形。选择“铅笔工具” 后，可以使用其附属选项更改其参数，有三个选项可以选择：属选项更改其参数，有三个选项可以选择：

11 、“伸直”：表示自动把线条转化成折线。、“伸直”：表示自动把线条转化成折线。 22 、“平滑”：表示线条尽量的圆滑。、“平滑”：表示线条尽量的圆滑。 33 、“墨水”：表示尽量保持绘画的轨迹，也就是、“墨水”：表示尽量保持绘画的轨迹，也就是不作任何变化，保持原来绘画形状。 不作任何变化，保持原来绘画形状。

2007-1-82007-1-8 1111

4 . 4 . 钢笔工具钢笔工具 使用钢笔工具可以绘制精确的路径，如直线或者使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。创建后可以调整直线段的角度平滑流畅的曲线。创建后可以调整直线段的角度和长度以及曲线段的斜率。用钢笔工具绘制图形和长度以及曲线段的斜率。用钢笔工具绘制图形的方法如下：的方法如下：

11 、选择工具箱中的“钢笔”工具 。、选择工具箱中的“钢笔”工具 。22 、通过直接在舞台上单击鼠标左键确定各点位置，、通过直接在舞台上单击鼠标左键确定各点位置，可在单击点与上一点之间创建一条直线；如下图可在单击点与上一点之间创建一条直线；如下图左图所示；如果在某个位置单击并拖动鼠标，将左图所示；如果在某个位置单击并拖动鼠标，将在单击点与上一点之间创建曲线，如下图右图所在单击点与上一点之间创建曲线，如下图右图所示。示。

2007-1-82007-1-8 1212

这种用钢笔绘制的线条被称为贝赛尔曲线，就这种用钢笔绘制的线条被称为贝赛尔曲线，就是具有节点与控制手柄的线条。在是具有节点与控制手柄的线条。在 FlashFlash 中，中，图形的形状由所谓的节点控制。图形的形状由所谓的节点控制。

图图 2-13 2-13 使用“钢笔”工具绘制直线使用“钢笔”工具绘制直线 图图 2-142-14 使用“钢笔”工具绘制曲线使用“钢笔”工具绘制曲线

2007-1-82007-1-8 1313

使用“钢笔工具”或“部分选取工具”单击对象轮使用“钢笔工具”或“部分选取工具”单击对象轮廓或框选对象即可显示节点。此时用户可以执行以廓或框选对象即可显示节点。此时用户可以执行以下几种操作：下几种操作：

11 、添加节点：使用钢笔工具在路径上没有锚点的、添加节点：使用钢笔工具在路径上没有锚点的任何位置单击，钢笔工具右下角会出现一个加号，任何位置单击，钢笔工具右下角会出现一个加号，这表示可以在路径上该处增加一个节点，单击鼠标这表示可以在路径上该处增加一个节点，单击鼠标左键即可完成操作。左键即可完成操作。

22 、删除节点：使用钢笔工具单击所选对象上的节、删除节点：使用钢笔工具单击所选对象上的节点，钢笔工具右下角会出现一个减号，这表示可以点，钢笔工具右下角会出现一个减号，这表示可以清除该处的节点。节点分直线点和曲线点两种。单清除该处的节点。节点分直线点和曲线点两种。单击鼠标左键即可完成删除直线点的操作；单击鼠标击鼠标左键即可完成删除直线点的操作；单击鼠标左键两次可以完成删除曲线点的操作。左键两次可以完成删除曲线点的操作。

33 、转换节点类型：将光标移至曲线节点处，光标、转换节点类型：将光标移至曲线节点处，光标将显示为，此时单击，可将曲线节点转换为拐角节将显示为，此时单击，可将曲线节点转换为拐角节点。点。

2007-1-82007-1-8 1414

5. 5. 椭圆工具、矩形工具和多角椭圆工具、矩形工具和多角星形工具星形工具

““椭圆工具” 和“矩形工具” 分别用于绘制椭椭圆工具” 和“矩形工具” 分别用于绘制椭圆和矩形等几何图形。只需选择相应的工具后，圆和矩形等几何图形。只需选择相应的工具后，在舞台中单击并拖动鼠标即可进行绘制。如果在在舞台中单击并拖动鼠标即可进行绘制。如果在绘制椭圆和矩形时按下【绘制椭圆和矩形时按下【 ShiftShift 】键，则可以绘】键，则可以绘制出正圆和正方形。制出正圆和正方形。

多角星形工具是多角星形工具是 Flash MX 2004Flash MX 2004 的一个新功能。的一个新功能。“它与“矩形工具”位于同一个工具组中。使用“它与“矩形工具”位于同一个工具组中。使用“多角星形工具”可以绘制多边形和星形，其操“多角星形工具”可以绘制多边形和星形，其操作步骤如下：作步骤如下：

11 、单击“矩形”工具按钮 并按住鼠标不放，在、单击“矩形”工具按钮 并按住鼠标不放，在弹出菜单中单击选择“多角星形”工具。弹出菜单中单击选择“多角星形”工具。

2007-1-82007-1-8 1515

22 、在属性面板中设置填充色与笔触颜色、高度、在属性面板中设置填充色与笔触颜色、高度和样式。和样式。

33 、单击属性面板中的“选项”按钮，在打开的、单击属性面板中的“选项”按钮，在打开的“工具设置”对话框中设置相应的选项。“工具设置”对话框中设置相应的选项。

44 、设置好后单击“确定”按钮，即可在舞台中、设置好后单击“确定”按钮，即可在舞台中拖动鼠标进行绘制，如下图所示。在绘制过程中，拖动鼠标进行绘制，如下图所示。在绘制过程中，可移动鼠标以转动多边形或星形，如按住【可移动鼠标以转动多边形或星形，如按住【 ShifShiftt 】键，则以固定角度转动多边形或星形。】键，则以固定角度转动多边形或星形。

图图 2-19 2-19 多边形与星形多边形与星形

2007-1-82007-1-8 1616

6. 6. 刷子工具刷子工具 FlashFlash 中的刷子工具可以像日常生活中的漆刷一中的刷子工具可以像日常生活中的漆刷一

样，给各种物体涂抹上颜色。使用“刷子工具”样，给各种物体涂抹上颜色。使用“刷子工具”绘制的图形从外观上看似乎是线条，其实是一个绘制的图形从外观上看似乎是线条，其实是一个填充区域，只不过没有边线而已。用刷子工具还填充区域，只不过没有边线而已。用刷子工具还可以制作出特殊效果，例如书法效果。可以制作出特殊效果，例如书法效果。

使用刷子工具的调节设置可以选择刷子的形状和使用刷子工具的调节设置可以选择刷子的形状和大小。并且允许用户使用属性面板设置线条的平大小。并且允许用户使用属性面板设置线条的平滑值。滑值。

要掌握刷子的具体用法，关键是理解各种刷子模要掌握刷子的具体用法，关键是理解各种刷子模式的区别。 式的区别。

2007-1-82007-1-8 1717

刷子的五种涂色模式刷子的五种涂色模式11 、标准绘画 （默认）：选择该项，新画的线条将覆盖在同、标准绘画 （默认）：选择该项，新画的线条将覆盖在同

一图层中的原有图形上。一图层中的原有图形上。 22 、颜料填充 ：选择该项，只能在空白区和原有的颜色、颜料填充 ：选择该项，只能在空白区和原有的颜色

填充区中进行涂色，原有线条将被保留。也就是说，刷子填充区中进行涂色，原有线条将被保留。也就是说，刷子所绘图形将被原有线条截断。所绘图形将被原有线条截断。

33 、后面绘画 ：选择该项，只能在同一层的空白区域涂、后面绘画 ：选择该项，只能在同一层的空白区域涂色，原有颜色填充区及线条将保留。色，原有颜色填充区及线条将保留。

44 、颜料选择 ：选择该项，只能在选择的区域里涂色所、颜料选择 ：选择该项，只能在选择的区域里涂色所示。示。

55 、内部绘画 ：选择该项，只能在起始笔触所在的填充、内部绘画 ：选择该项，只能在起始笔触所在的填充区中涂色，但不影响线条。如果在空白区域中开始涂色，区中涂色，但不影响线条。如果在空白区域中开始涂色，该填充不会影响任何现有填充区域。各种效果如下图。 该填充不会影响任何现有填充区域。各种效果如下图。

2007-1-82007-1-8 1818

图图 2-21 2-21 标准绘画 颜料填充 后面绘画 颜料选择 内部绘画标准绘画 颜料填充 后面绘画 颜料选择 内部绘画

2007-1-82007-1-8 1919

7. 7. 套索工具套索工具

““套索工具”是一种用来实现选取功能并进而对套索工具”是一种用来实现选取功能并进而对图像进行处理的工具，对于图像的修剪非常有用，图像进行处理的工具，对于图像的修剪非常有用，使用方法也比较简单。 使用方法也比较简单。

套索工具分为套索、多边形套索和魔术棒三种。 套索工具分为套索、多边形套索和魔术棒三种。

2007-1-82007-1-8 2020

图图 2-232-23套锁选项套锁选项

2007-1-82007-1-8 2121

8. 8. 橡皮擦工具橡皮擦工具 【橡皮擦工具】就和橡皮一样，可以擦去你不需要的地方。【橡皮擦工具】就和橡皮一样，可以擦去你不需要的地方。

双击【橡皮擦工具】，可以删除舞台上的所有内容。选择双击【橡皮擦工具】，可以删除舞台上的所有内容。选择【橡皮擦工具】，单击按钮，在弹出的菜单中有几个选项：【橡皮擦工具】，单击按钮，在弹出的菜单中有几个选项：

11 、标准擦除：擦除同一层上的笔触和填充。、标准擦除：擦除同一层上的笔触和填充。 22 、擦除填色：只擦除填充，不影响笔触。、擦除填色：只擦除填充，不影响笔触。 33 、擦除线条：只擦除笔触，不影响填、擦除线条：只擦除笔触，不影响填 44 、擦除所选填充：只擦除当前选定的填充，并不影响笔触、擦除所选填充：只擦除当前选定的填充，并不影响笔触（不管笔触是否被选中）。以这种模式使用【橡皮擦工具】（不管笔触是否被选中）。以这种模式使用【橡皮擦工具】之前，请选择要擦除的填充。之前，请选择要擦除的填充。

55 、内部擦除：只擦除橡皮擦笔触开始处的填充。如果从空、内部擦除：只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮白点开始擦除，则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。擦并不影响笔触。

2007-1-82007-1-8 2222

图图 2-25 2-25 橡皮擦工具选项橡皮擦工具选项

2007-1-82007-1-8 2323

9. 9. 颜色的填充颜色的填充 在在 FlashFlash 中，我们可以使用“墨水瓶工具”为线中，我们可以使用“墨水瓶工具”为线

条或图形的边框着色；使用“颜料桶工具”为封条或图形的边框着色；使用“颜料桶工具”为封闭区域填充颜色；还可以使用“滴管工具”从舞闭区域填充颜色；还可以使用“滴管工具”从舞台中提取颜色样本。当一个填充没有边框线条时台中提取颜色样本。当一个填充没有边框线条时可以使用墨水瓶工具生成边框线条。而当一个线可以使用墨水瓶工具生成边框线条。而当一个线条没有填充颜色时，可以使用颜料桶工具填充一条没有填充颜色时，可以使用颜料桶工具填充一个颜色，如图所示。个颜色，如图所示。

图图 2-262-26 墨水瓶生成线条墨水瓶生成线条 图图 2-272-27 填充颜色填充颜色

2007-1-82007-1-8 2424

图图 2-30 2-30 文字属性面板文字属性面板

2007-1-82007-1-8 2525

小结：小结：通过本章的学习，我们应了解各种绘通过本章的学习，我们应了解各种绘图工具及相关命令的功能和使用方法图工具及相关命令的功能和使用方法，并能熟练地使用它们绘制出一些简，并能熟练地使用它们绘制出一些简单的图形。理解形状渐变动画的基本单的图形。理解形状渐变动画的基本原理。同时，还应掌握在动画中输入原理。同时，还应掌握在动画中输入文本、编辑文本的方法。文本、编辑文本的方法。

本节结束