1、第2章 图形绘制,工具栏中包含16种绘图工具，分别是：选择工具、部分选择工具、任意变形工具、填充变形工具、线条工具、套索工具、钢笔工具、文本工具、椭圆工具、矩形工具、铅笔工具、画笔工具、墨水瓶工具、颜料桶工具、滴管工具和橡皮擦工具。查看栏中包含2种工具：手形工具和缩放工具。颜色栏中包含2个按钮：线条颜色按钮和填充颜色按钮。,图2-1 绘图工具条,2.1 绘制图形,2.1.1 选择工具 2.1.2 部分选择工具 2.1.3 任意变形工具 2.1.4 填充变形工具 2.1.5 线条工具 2.1.6 套索工具 2.1.7 钢笔工具 2.1.8 文本工具 2.1.9 椭圆工具 2.1.10 矩形工具
2、2.1.11 铅笔工具 2.1.12 画笔工具 2.1.13 墨水瓶工具 2.1.14 颜料桶工具 2.1.15 滴管工具 2.1.16 橡皮擦工具 2.1.17 手形工具 2.1.18 缩放工具 2.1.19 线条颜色按钮 2.1.20 填充颜色按钮,2.1.1 选择工具,选择工具 用于选取和移动对象。 使用选择工具选取对象有点击和框选两种方法，下面以选取一个矩形为例进行介绍。 （1）点击法：在绘图工具条中选取选择工具 ，在矩形上点击即可将整个矩形选取，如图2-2所示。,图2-2 点击选取矩形,（2）框选法：选取选择工具 ，按住鼠标左键拖出一个选择框，使整个矩形被该选择框包含，如图2-3所示
3、，释放鼠标左键后整个矩形被选取，如图2-4所示。,图2-3 框选整个矩形,图2-4 整个矩形被选取,如果拖出的选择框只包含矩形的一部分，如图2-5所示，则只有被包含的这部分被选取，如图2-6所示。因此选取工具可以对对象进行“部分选取”。,图2-5 框选部分矩形 图2-6 部分矩形被选取,Flash 8中的图形包括边框和填色区域两个部分，以上介绍的是使用选取工具选取图形的填色区域的方法，,下面以一个三角形为例介绍边框的选取方法。 在绘图工具条中选取选择工具 ，单击三角形的一条边框即将该边框选取，如图2-7所示。,图2-7 选取一条边框,选取图形的所有边框有两种方法： （1）选择选择工具 ，按住键
4、盘上的Shift键一一单击选取。这种方法对于像三角形这样边框数较少的图形还可以，如果图形的边框数较多，特别是一些不规则图形，这种方法就不实用了，必须用到下一种方法。 （2）选择选择工具 ，双击任意一条边框即可选取该图形的所有边框。 选取对象后按住鼠标左键拖动鼠标即可移动对象，值得注意的是如果在移动对象的同时按住键盘上的Ctrl键，则可以将该对象复制，如图2-8所示。,图2-8 拖动复制对象,2.1.2 部分选择工具,图2-9 椭圆的节点 图2-10 改变曲线形状,部分选择工具 用于对线条的节点进行操作，所谓“部分选择”是指使用该工具只能选取图形的边框，显示边框的节点。 下面以一个椭圆为例，选择
5、部分选择工具 ，单击椭圆的边框，这时椭圆的边框出现8个空心的点，如图2-9所示，这些点称为节点。使用部分选择工具 单击一个节点表示对该节点进行选择，选择后可以将该节点任意拖动。同时该节点上出现控制手柄，通过控制手柄可以改变曲线的形状，如图2-10所示。,2.1.3 任意变形工具,任意变形工具 用于对对象进行旋转、倾斜、缩放和扭曲，附加地可以移动对象。任意变形工具的选项栏如图2-11所示，这里主要介绍其中的“旋转与倾斜”按钮 、“缩放”按钮 和“扭曲”按钮 。,图2-11 任意变形工具选项栏,下面以一个矩形为例介绍对象的旋转、倾斜、缩放和扭曲。 （1）对象的旋转。 在绘图工具条上选择任意变形工具
6、 ，单击矩形，这时矩形处于被选中状态，四周出现调整框，在矩形的四个角及四条边的中点上各出现一个控制点，如图2-12所示。,图2-12 被任意变形工具选中后的矩形,注意：中央的白色空心圆圈为矩形的中心点，矩形的旋转、缩放和扭曲都以此为中心。在选项栏中按下“旋转与倾斜”按钮 ，将鼠标移动到矩形右下角的控制点附近，可以看到鼠标箭头变成 形状，此时拖动鼠标便可以实现矩形的旋转，如图2-13所示。,图2-13 旋转矩形,（2）对象的倾斜。 使用任意变形工具 选取矩形后，在选项栏中按下“旋转与倾斜”按钮 。当鼠标移动到矩形上方中间的控制点附近时，可以看到鼠标箭头变成 形状，此时拖动鼠标便可以实现矩形的倾斜
7、，如图2-14所示。,图2-14 倾斜矩形,（3）对象的缩放。 使用任意变形工具 选取矩形后，在选项栏中按下缩放按钮 。当鼠标移动到矩形右下角的控制点附近时，可以看到鼠标箭头变成 图案，此时拖动鼠标便可以实现矩形的缩放，如图2-15所示。,图2-15 缩放矩形,（4）对象的扭曲。 使用任意变形工具 选取矩形后，在选项栏中按下扭曲按钮 。当鼠标移动到矩形右下角的控制点附近时，可以看到鼠标箭头变成 图案，此时拖动鼠标便可以实现矩形的扭曲，如图2-16所示。,图2-16 扭曲矩形,2.1.4 填充变形工具,填充变形工具 在绘图工具条上的位置如图2-17所示。,图2-17 填充变形工具,创建一个使用放
8、射状渐变色填充的圆使用该工具单击圆后，圆周围出现调整框，如图2-18所示，其中央的小圆圈是放射状渐变色的中心点，将鼠标放置到中心点上，鼠标变为形状，如图2-19所示，按住鼠标左键将中心点向右上方拖动一段距离，如图2-20所示，调整后的圆如图2-21所示。大球绘制完毕后将图层“大球”锁定。,图2-18 调整框 图2-19 鼠标形状 图2-20 移动圆的中心点 图2-21 调整后的效果,2.1.4 填充变形工具,2.1.5 线条工具,图2-22 绘制直线 图2-23 “属性面板”蓝色横条,线条工具 用于绘制直线。选择线条工具，在工作区中按下鼠标左键，按住鼠标左键拖动鼠标，松开鼠标左键后沿鼠标拖动的
9、方向出现一条直线，如图2-22所示。选择线条工具后单击工作界面下方“属性面板”的蓝色横条，如图2-23所示。,打开“线条工具”的属性面板，如图2-24所示。,图2-24 线条工具属性面板,在“线条工具”的属性面板中可以设置线条的颜色、粗细和样式等属性。 （1）单击颜色按钮 弹出颜色卡，如图2-25所示，在颜色卡中选择线条的颜色。,图2-25 颜色卡,（2）单击“线条粗细”下拉列表 右端的向下箭头，弹出调节滑标，如图2-26所示，利用滑标的上下移动来调节线条的粗细，显示窗口中对应地显示线条粗细的数值。,图2-26 示滑标,2.1.5 画笔工具,（3）单击“线条样式”下拉列表 右端的向下箭头，弹出
10、下拉列表，如图2-27所示，其中有七种可供选择的线条样式，通常情况下选择“实线”样式。,图2-27 “线条样式”下拉列表 图2-28 水平、垂直、倾斜45度的直线,注意：如果在拖动鼠标的同时按下键盘上的Shift键，则可以绘制水平、垂直、倾斜45度的直线，如图2-28所示。,2.1.6 套索工具,套索工具 用于在图形中随意地选取不规则的区域。 下面以一个矩形为例，选择套索工具 ，鼠标箭头变成套索形状 。按住鼠标左键在矩形的内部任意勾画一个封闭的区域，如图2-29所示，释放鼠标左键该区域被选取，如图2-30所示。,图2-29 勾画封闭区域 图2-30 区域被选取,2.1.7 钢笔工具,图2-31
11、 绘制直线,钢笔工具 用于绘制精确的路径，如直线或者平滑流畅的曲线，并可以创建直线段或曲线段，然后调整直线段的角度和长度以及曲线段的斜率。 下面详细介绍使用钢笔工具绘制直线和曲线的方法。 （1）绘制直线。 选择钢笔工具 ，在工作区中预计的直线起点处单击以定义第一个锚记点，然后在预计的直线终点处再次单击，这时会出现一条连接两点的直线，完成一条直线的绘制。用同样的方法继续单击可以创建其他的直线，如图2-31所示。,2.1.7 钢笔工具,图2-32 绘制曲线,（2）绘制曲线。 选择钢笔工具 ，在工作区中预计的曲线起点处单击以定义第一个锚记点，然后在预计的曲线终点处再次单击，此时按住鼠标向想要绘制的曲
12、线的方向拖动。随着鼠标的拖动，将出现曲线的切线手柄用以调整曲线，调整到最满意的状态时释放鼠标按钮，完成曲线的绘制，如图2-32所示。,2.1.8 文本工具,在制作动画的过程中会经常用到文本对象，文本对象的添加、编辑和排版是通过绘图工具条中的文本工具 及其属性面板实现的。 下面介绍文本对象的创建方法：选择文本工具 ，单击工作区即出现一个光标闪动的文本输入框，如图2-33所示。在其中输入“Flash 8”几个字，如图2-34所示，文本对象创建完毕。,图2-33 文本输入框 图2-34 输入文字,2.1.8 文本工具,文本对象的编辑在“文本工具”的属性面板中实现，“文本工具”的属性面板如图2-35所
13、示，下面对常用的部分进行介绍。,图2-35 文本工具属性面板,（1）选择文字字体：单击“字体”下拉列表 右端的向下箭头，弹出下拉列表，如图2-36所示，其中罗列着各种各样的字体。当鼠标移动到某一字体上时会自动弹出一个预览窗口，显示该字体的外观，将鼠标移动到某一字体上单击以选择该字体。,图2-36 “字体”下拉列表,2.2.2 编辑文本,（2）调整文字大小：单击“字体大小”下拉列表 右端的向下箭头，弹出调节滑标，如图2-37所示，利用滑标的上下移动来调节字体的大小，显示窗口中对应地显示字体大小的数值。,图2-37 滑标,2.2.2 编辑文本,（2）调整文字大小：单击“字体大小”下拉列表 右端的向
14、下箭头，弹出调节滑标，如图2-39所示，利用滑标的上下移动来调节字体的大小，显示窗口中对应地显示字体大小的数值。,图2-39 示滑标,滑标,2.2.2 编辑文本,（3）选择文字颜色：单击“填充颜色”按钮 弹出颜色卡，如图2-38所示，在颜色卡中选择文字的颜色。,图2-38 颜色卡,2.2.2 编辑文本,（4）“切换粗体”按钮 ：按下该按钮可使所选择的文字变为粗体。,（5）“切换斜体”按钮 ：按下该按钮可使所选择的文字变为斜体。,（6）“改变文本方向”按钮 ：该按钮用于设置文本框的方向。单击该按钮弹出下拉菜单，如2-39所示，在该菜单中可选择文本框的方向。,图2-39 下拉菜单,2.2.2 编辑
15、文本,（7）“左对齐”按钮 ：按下该按钮可使文本对象中选中的各行文字左端对齐。,（8）“居中对齐”按钮 ：按下该按钮可使文本对象中选中的各行文字居中对齐。,（9）“右对齐”按钮 ：按下该按钮可使文本对象中选中的各行文字右端对齐。,图2-40快捷菜单,（10）文字的剪切、复制和粘贴：单击右键打开快捷菜单，如图2-40所示， 执行相应的命令来实现对文字的剪切、复制和粘贴。也可以通过执行“编辑”菜单下的相应命令来实现。,2.2.3 转换为图形,图2-41 文本对象,在动画的制作过程中经常需要将文本对象转换为图形对象，因为对文本对象只能进行“文字”的编辑，而不能进行“图案”的编辑。一些特殊的效果需要文
16、字图案的图形，所以需要将文本对象转换为图形对象。,如图2-41所示是一个文本对象，将文本对象转换为图形对象的具体操作步骤如下：,2.2.3 转换为图形,图2-42 “修改”菜单下的“分离”命令,（1）选中该文本对象，执行“修改”菜单中的“分离”命令，如图2-42所示。 可以看到该文本对象中的一行文字被“分离”成了单个的文字，如图2-43所示，各个文字单独变成一个文本对象。 （2）再次执行“修改”菜单中的“分离”命令，所有的文本对象被转换为图形对象，如图2-44所示。注意：如果该文本对象只有一个文字，则只需要执行一次“分离”命令就可以转换为图形对象。,图2-44 文本对象被转换为图形对象,图2-
17、43 文本对象被分离成单个文字,2.1.9 椭圆工具,椭圆工具 用于绘制椭圆，绘制方法与直线的绘制方法相同。绘制的椭圆实际上包括两部分：边框和填充区域。这两部分是相互独立的，可以把椭圆的边框和填充区域分开，如图2-45所示。因此，“椭圆工具”的属性面板比上述的线条工具属性面板增添了一个“填充颜色”按钮 ，如图2-46所示，用于对椭圆的填充区域进行颜色填充。,图2-45 将椭圆的边框和填充区域分开,图2-46 “填充颜色”按钮,2.1.9 椭圆工具,注意：如果在拖动鼠标的同时按下键盘上的Shift键，则可以绘制正圆，如图2-47所示。,图2-47 正圆,2.1.10 矩形工具,矩形工具 用于绘制
18、矩形，绘制方法与直线、椭圆的绘制方法相同，其属性面板与椭圆工具的属性面板相同，不再重复叙述。类似的如果在拖动鼠标的同时按下键盘上的Shift键，则可以绘制正方形，如图2-48所示。,图2-48 正方形,2.1.10 矩形工具,（1）“边角半径设置”按钮。 当选择矩形工具后在绘图工具条的选项栏中出现“边角半径设置”按钮 ，如图2-49所示，利用该按钮可以画出圆角矩形。单击“边角半径设置”按钮 ，弹出“矩形设置”对话框，如图2-50所示。在该对话框的“边角半径”文本框中输入数字来设置圆角矩形的转角角度，设置完毕后单击“确定”按钮，这样画出来的矩形就是圆角矩形。,图2-49 矩形工具选项栏 图2-5
19、0 “矩形设置”对话框,2.1.10 矩形工具,为参考比较，如图2-51所示的是两个不同边角半径值的圆角矩形，左图的值为15，右图的值为60。,图2-51 两个不同边角半径值的圆角矩形,2.1.10 矩形工具,（2）使用矩形工具绘制多角星形。 多角星形工具 是矩形工具的附属工具 。左键单击并按住矩形工具 ，弹出“矩形工具/多角星形工具”切换卡，如图2-52所示，选择“多角星形工具” 。,图2-52 “矩形工具/多角星形工具”切换卡,2.1.10 矩形工具,打开属性面板，可以发现“多角星形工具”属性面板比上面介绍的“椭圆工具”、“矩形工具”属性面板多了一个“选项”按钮 ，如图2-53所示。,图2
20、-53 “选项”按钮,2.1.10 矩形工具,单击“选项”按钮弹出“工具设置”对话框，如图2-54所示，下面分别对该对话框中的各个部分进行介绍。,图2-54 “工具设置”对话框,“样式”下拉列表中有“星形”和“多边形”两个选项，分别用于制作星形和多边形。 “边数”文本框用于设置星形和多边形的边数，直接在文本框中输入一个介于3到32之间的数字即可。 “星形顶点大小”文本框用于指定星形顶点的深度。在文本框中输入一个介于 0 到 1 之间的数字，数字越接近 0，创建的顶点就越深。,下面通过介绍制作一个五角星的实例来巩固这部分内容： （1）新建一个文件，如图2-55所示。,图2-55 新建一个文件,（
21、2）选择多角星形工具 ，打开属性面板，将“笔触颜色”设置为黑色，“填充颜色”设置为黄色，“笔触高度”设置为“0.75”，线型设置为“实线”，如图2-56所示。,图2-56 设置属性,（3）单击属性面板中的“选项”按钮，弹出“工具设置”对话框，在其中样式选择“星形”，边数设置为“5”，星形顶点大小设置为“0.5”，如图2-57所示，设置完毕后单击“确定”按钮。鼠标在工作区中央拖动绘制出五角星，如图2-58所示。,图2-57 设置参数 图2-58 五角星,铅笔工具 是绘制图形的基本工具，选择铅笔工具 后鼠标箭头变成铅笔形状 ，按住鼠标左键在工作区中移动即可绘制图形，如同使用铅笔在纸上绘图一样。 “
22、铅笔工具”的属性面板如图2-59所示，可以设置笔触的颜色、线条的粗细和线条的样式。,图2-59 铅笔工具属性面板,2.1.11 铅笔工具,选择铅笔工具后，绘图工具条中的选项栏出现“铅笔模式”按钮 ，如图2-60所示。单击该按钮弹出下拉菜单，如图2-61所示。,图2-60 铅笔工具选项栏 图2-61 下拉菜单,2.1.11 铅笔工具,该菜单中列出了铅笔工具的三种绘图模式：伸直模式、平滑模式和墨水模式。 （1） 伸直模式：选择伸直模式用于绘制直线，并可以将接近三角形、椭圆、圆形、矩形和正方形的形状转换为这些常见的几何形状。 （2） 平滑模式：选择平滑模式用于绘制平滑曲线。 （3） 墨水模式：选择墨
23、水模式绘制的线条不加任何修饰。,画笔工具 （也称作刷子工具）可以画出刷子般的笔触，用于给各种图案涂颜色。值得注意的是使用画笔工具绘制出来的不是线条，也不是图形，而是色彩填充区域。下面重点介绍画笔工具的选项栏。 画笔工具的选项栏如图2-62所示。单击笔触大小下拉列表 右端的向下箭头弹出下拉列表，如图2-63所示，可根据需要在其中选择合适的笔触大小。,图2-62 画笔工具选项栏 图2-63 笔触大小下拉列表,2.1.12 画笔工具,单击笔触形状下拉列表 右端的向下箭头弹出下拉列表，如图2-64所示，可根据需要在其中选择合适的笔触形状。 单击画笔模式按钮 ，出现画笔模式下拉菜单，如图2-65所示，下
24、面对各种模式一一介绍。,图2-64 笔触形状下拉列表 图2-65 画笔模式下拉菜单,2.1.12 画笔工具,墨水瓶工具 用于编辑图形的边框和为没有边框的图形添加边框，其属性面板与线条工具属性面板相似，如图2-71所示，可以设置边框的颜色、线条的粗细和线条的样式等。,图2-71 墨水瓶工具属性面板,2.1.13 墨水瓶工具,对于没有边框的图形，如图2-72所示，用墨水瓶工具单击该图形，则为该图形添加了边框，如图2-73所示。,图2-72 没有边框的图形 图2-73 给图形添加边框,颜料桶工具 的作用是使用颜色填充封闭区域，填充时可以使用纯色或渐变色。线性渐变色中各种颜色沿直线方向排列，相互过渡，
25、如图2-74所示。放射状渐变色中各种颜色以同心圆的方式放射状地排列，相互过渡，如图2-75所示。,图2-74 线性渐变色 图2-75 放射状渐变色,2.1.14 颜料桶工具,下面介绍颜料桶工具 的使用方法： （1）选择绘图工具条上的颜料桶工具 。 （2）在绘图工具条的“颜色”栏中单击“填充颜色”按钮 ，弹出颜色卡，如图2-76所示，在其中选择需要的颜色。 （3）单击所要填充的区域，完成颜色填充。,图2-76 颜色卡,2.1.14 颜料桶工具,滴管工具 用于提取颜色，之后将所提取的颜色用以填充其他对象。 滴管工具 可以提取线条的颜色或填充区域的颜色。 （1）提取线条颜色：选择滴管工具 ，在需要被
26、提取的线条上单击鼠标左键，这时滴管工具立即切换成墨水瓶工具 ，用以填充其他的线条。 （2）提取填充区域颜色：选择滴管工具 ，在需要被提取的填充区域上单击鼠标左键，这时滴管工具 立即切换成颜料桶工具 ，用以填充其他的图形区域。,2.1.15 滴管工具,橡皮擦工具 用于擦除对象。选择橡皮工具 之后按住鼠标左键拖动鼠标，鼠标所经过的地方的图案被擦除，如图2-77所示。 橡皮擦工具 的选项栏如图2-78所示，其中包括“擦除模式”按钮 、“水龙头”按钮 和“橡皮擦形状”下拉列表 。,2.1.16 橡皮擦工具,图2-77 擦除图案 图2-78 橡皮擦工具选项栏,手形工具 用于整体移动图形，在绘图工具条上选
27、择手形工具，此时鼠标箭头变成手形 ，在工作区上单击鼠标左键并按住拖动，整个工作区就会随着鼠标的拖动而移动，移动到需要的位置上后释放鼠标左键。注意：使用手形工具移动的是整个工作区，包括其中的所有图形，而不能单独移动某一个图形。,2.1.17 手形工具,缩放工具 用于暂时放大或缩小图形。 如图2-87所示是缩放工具的选项栏，其中包括“放大”按钮 和“缩小”按钮 ，分别用于放大和缩小图形。,2.1.18 缩放工具,图2-87 缩放工具选项栏 图2-88 状态栏的显示窗口,注意：使用缩放工具放大或缩小的是整个工作区，而不是单独的某一个图形。另外，放大或缩小后的工作区的百分比显示在状态栏右端的显示窗口中
28、，如图2-88所示。,填充颜色按钮位于绘图工具条的颜色栏中，如图2-91所示，用于设置填充区域的颜色，单击该按钮后弹出颜色卡，如图2-92所示，在其中选择填充区域的颜色。,2.1.20 填充颜色按钮,图2-91 填充颜色按钮 图2-92 颜色卡,Flash提供了几种基本图形，如椭圆、矩形、多角星形，可以通过相应的工具直接绘制，如图2-93所示。 综合应用这些基本图形还可以构成一些较复杂的图形，主要是规则图形，如图2-94所示。,2.2.1 基本图形绘制,图2-93 基本图形 图2-94 由基本图形构成的图形,在图形绘制过程中经常会用到图形的各种对齐，这些对齐通过对齐面板实现。执行“窗口”菜单下
29、的“对齐”命令，如图2-95所示。 打开“对齐”面板，如图2-96所示。“对齐”面板中提供的几种常用的对齐方式，分别是左对齐、水平对齐、右对齐、上对齐、垂直对齐、底对齐、垂直居中分布和水平居中分布。下面通过实际操作介绍左对齐的方法和将对象放置于工作区中央的方法。,2.2.2 图形的对齐,图2-95 “对齐”命令 图2-96 对齐面板,当选择工具 移动到线条端点附近时，箭头变成 形状，如图2-103所示，表明此时可对线条的端点进行移动，按住鼠标左键拖动可移动线条的端点，如图2-104所示。,2.2.3 调整线条端点,图2-103 箭头形状 图2-104 移动线条端点,当选择工具 移动到线条中部时
30、，箭头变成 形状，如图2-105所示，表明此时可改变线条的弧度，按住鼠标左键拖动改变线条的弧度，如图2-106所示。,2.2.4 调整线条弧度,图2-105 箭头形状 图2-106 改变线条弧度,2.3 小结,本章首先介绍了Flash 8的绘图工具条，绘图工具条分为四栏：工具栏、查看栏、颜色栏、选项栏。工具栏中包含16种绘图工具，分别是：选取工具 、部分选取工具 、任意变形工具 、填充任意变形工具 、线条工具 、套索工具 、钢笔工具 、文本工具 、椭圆工具 、矩形工具 、铅笔工具 、画笔工具 、墨水瓶工具 、颜料桶工具 、滴管工具 和橡皮擦工具 。查看栏中包含2种工具：手形工具 和缩放工具 。颜色栏中包含2个按钮：线条颜色按钮 和填充颜色按钮 。选项栏根据所选工具的不同提供相应的属性设置。而后介绍了图形绘制基础，包括基本图形绘制、图形的对齐和线条的处理。 学习本章应重点掌握绘图工具条中各种工具的使用方法和对线条的处理，包括改变线条端点的位置和改变线条的弧度。,
