第二章 多姿多彩的图形绘制
第1课 矢量图形绘制
在本课，你将学习Flash中线条工具、滴管工具、墨水瓶工具、选择工具、刷子工具、任意变形工具、颜料桶工具等工具的基本用法。
一、位图和矢量图
在计算机绘图领域中，根据成图原理和绘制方法的不同，图像被分为位图和矢量图两种类型。
1．位图
位图是由独立的像素排列组成的。像素是一些极其细微的正方形，像素的多少决定位图的显示质量和文件大小。位图的分辨率越高，其显示越清晰，文件所占的空间也越大。当放大位图时，实际上是对像素的放大。位图被放大到一定的程度，会出现严重的“锯齿”。常用来编辑位图的软件有Adobe Photoshop、3D Max等，常见的位图文件格式有BMP、PCX、GIF、JPG、TIF、PCD、PSD、CPT等。
2．矢量图
矢量图是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。编辑矢量图，实际上就是修改描述图形的形态和颜色的属性。矢量图与分辨率无关，所以无论怎样放大都不会影响画质，能一直保持其原有的清晰度，而且生成的文件尺寸相对较小。
Flash动画的制作过程中会大量用到矢量图。虽然还有其他一些功能强大的矢量图绘制软件，如Corel公司的CorelDraw软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等，但运用Flash自身的矢量绘图功能最方便快捷。
在这一章里，我们将通过对Flash基本绘图工具的学习，绘制一些简单的矢量图。另外，Flash也具备一定的位图处理能力。虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图进行的一些简单处理，它还是能够胜任的。
图2-1-1 位图放大前后的对比
图2-1-2 矢量图放大前后的对比
二、绘图工具箱
Flash提供了多种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色。图2-1-3所示是Flash的绘图工具箱。工具箱通过标签分为工具区、查看区、颜色区和选项区4个区域。
图2-1-3 绘图工具箱
三、基本绘图和着色工具
1．线条的绘制与处理
线条工具是Flash中最简单的工具，专门用于绘制各种不同方向的矢量线段。现在我们就来画一条线段。用鼠标单击线条工具
移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条线条就画好了。
用线条工具能画出许多风格各异的线条来。选择线条工具后，我们可以在“属性”面板定义线条的颜色、粗细和样式。
在“属性”面板中单击“笔触颜色”按钮，会弹出一个调色板，此时鼠标变成滴管状。可以用鼠标直接选取颜色或者在文本框里输入颜色的16进制数值选取颜色。16进制数值以#开头，如：#FFFFFF。如图2-1-4所示：
图2-1-4 笔触调色板
现在来画各种不同的线条。单击“属性”面板中的“自定义”按钮，会弹出一个“笔触样式”对话框。如图2-1-5所示：
图2-1-5 “笔触样式”对话框
为了方便观察，我们把粗细设置为3pts，选择不同的线条类型和颜色，设置完后单击“确定”按钮，来看看设置不同笔触样式后画出的线条。如图2-1-6所示：
图2-1-6 不同类型的线条
多试试改变线条的各项参数，会对绘图能力的提高有很大帮助。
如果你需要更改线条的方向和长短，可以用选择工具
来实现。
选择工具的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选取选择工具，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变线条的方向和长短。如图2-1-7所示：
图2-1-7 改变线条方向和长短的鼠标形状
将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。如图2-1-8所示。这是一个很有用处的功能，它可以帮助我们画出所需要的曲线形状。
图2-1-8 改变线条为弧线状的鼠标形状
2．椭圆工具
椭圆工具可以用来绘制圆（按住Shift键）和椭圆。选择椭圆工具，在舞台上拖动鼠标，确定椭圆的大小后释放鼠标，规定长度、宽度的椭圆就显示在舞台上。我们还可以通过椭圆工具对应的“属性”面板设置椭圆的边框属性以及填充颜色。
图2-1-9 绘制出的椭圆和正圆
3．矩形工具
矩形的绘制方法和椭圆基本相似。矩形工具可以用来绘制正方形（按住Shift键）和长方形。选择矩形工具，在舞台上拖动鼠标，确定矩形的大小后释放鼠标，规定长度、宽度的矩形就显示在舞台上。
图2-1-10 绘制出的矩形和正方形
4．多角星形工具
使用多角星形工具可以绘制多边形和星形。如图2-1-11所示，通过“属性”中的“选项”按钮打开“工具设置”对话框，可以选择多边形的样式、边数或星形的顶点数（从3到32），还可以选择星形顶点的深度。
图2-1-11 多角星形工具的属性设置
5．铅笔工具
铅笔工具和现实生活中的铅笔使用方法大致相同，可以绘制自由的线条和图形。不同的是，铅笔工具可以对绘制的线条进行伸直或平滑处理，也可以用来识别和校正基本的几何图形。
图2-1-12 铅笔模式
图2-1-13 用3种铅笔模式绘制的图形
6．刷子工具
刷子工具的绘制效果与日常生活中使用的刷子类似，可以刷出线条和填充闭合的区域。与铅笔工具绘制的单一实线不同的是：刷子工具绘制的是轮廓粗细为0的填充图形，可以用墨水瓶工具直接改变轮廓的填充色；铅笔工具绘制的实线则不能用墨水瓶工具直接填色。
图2-1-14 刷子模式
各种刷子模式的含义如下：
（1）标准绘画：新绘制的线条覆盖同一层中原有的矢量图形，但不会影响对象或群组。
（2）颜料填充：只能在填充区域和空白区域内涂色，但不影响原图的线条色。
（3）后面绘画：只是从原有图形的背后穿过，不影响原有的图形。
（4）颜料选择：只能在选择区域内绘图。
（5）内部绘画：可分为两种情况。一种情况是刷子起点位于图形之外的空白区域，在经过图形时，从其背后穿过；另一种情况是刷子的起点位于图形的内部，只能在图形的内部绘制图形。
7．橡皮擦工具
使用橡皮擦工具可以快速擦除舞台中的内容。选择橡皮擦工具，在选项区出现3个选项：5种擦除模式、水龙头、设置橡皮擦的形状和大小。
图2-1-15 橡皮擦工具对应的选项
图2-1-16 橡皮擦模式
（1）5种擦除模式：
①标准擦除：系统默认模式。选择该模式后，鼠标变成橡皮擦的形状，可以擦除矢量图形、线条、分离的位图和文字。
②擦除填色：只擦除填充色块，不影响轮廓线。
③擦除线条：只擦除轮廓线，不影响填充色块。
④擦除所选填充：只擦除选中的填充色块或分离的文字，不影响矢量线（不管矢量线是否被选中）和未被选中的填充区域。
⑤内部擦除：只擦除橡皮擦光标起点区域的填充色块，如果从空白区域开始擦除，不会擦除任何内容。
（2）水龙头：橡皮擦工具的水龙头是一项非常有用的模式，它可以擦除图形中的某些连续区域、整条线段或填充区域。
（3）设置橡皮擦的形状和大小：橡皮擦太大或太小都不方便擦除对象，需要调整橡皮擦的形状和大小。单击“橡皮擦形状”下拉列表按钮，在其中选择一种形状，也可在选择形状的同时选择合适的大小。
四、选择和调整工具
在Flash中，选择工具和套索工具可以用来选择直线、图形、组合和符号等对象。选择工具主要用来选择整个对象或形状对象的某一部分；套索工具则通过勾勒任意形状的范围来选取形状对象。
1．选择工具
选择工具可以用来选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。下面介绍选择工具常见的几种使用方法：
（1）使用选择工具选择对象。
①选择矢量边线：单击对象的边线部位，则只能选择一条边线；双击可以选择所有的边线。
②选择填充色块：单击对象的填充内容，只能选择填充内容；双击可以同时选中边线和填充内容，即整个对象。
③选择多个对象：可以按住鼠标左键拖动鼠标，用拖曳的矩形线框来选择多个对象；选择某一对象后，按住Shift键单击其他对象，也可以选择多个对象。
（2）使用选择工具改变矢量图形的形状。
选中选择工具，将鼠标指向线条或形状的外边缘时，指针形状会发生变化，以指明在该线条或填充上可以执行哪种类型的形状改变。如图2-1-17所示：
图2-1-17 拖动任意点改变形状
2．套索工具
套索工具主要用于创建不规则的选区。需要注意的是，如果要选取的对象是组、实例或文字，只有当对象完全位于选区范围之内时才会被选取；如果要选取对象的一部分，必须先分离对象。选择套索工具，在对应的选项区出现3个选项。如图2-1-8所示：
图2-1-18 套索工具对应的选项
（1）多边形模式：可以创建多边形形状的区域。
（2）魔术棒：在分离位图上选取颜色相近的区域。
（3）魔术棒设置：设置选区范围内邻近像素颜色的相近程度和选区边缘的平滑程度。
下面介绍套索工具的具体使用：
（1）使用套索工具对应的魔术棒：选择套索工具，在选项区单击“魔术棒”按钮，即可进入魔术棒模式。也可先单击“魔术棒设置”按钮，打开“魔术棒设置”对话框进行设置。
图2-1-19 “魔术棒设置”对话框
参数含义如下：
阈值：定义了选取范围内的颜色与单击处像素颜色的相近程度。阈值越大，选取范围就越大。该选项的范围为0~200之间。
平滑：定义了选取边缘的平滑程度。该下拉列表框有4个选项，分别是像素、粗略、正常和平滑，这4个选项是对阈值的进一步补充。
（2）自由选取对象：选择套索工具，在工作区内拖动鼠标，会沿鼠标运动轨迹出现一条不规则的黑线，黑线所包围的部分被选中。
（3）多边形模式：选择套索工具，在选项区单击“多边形模式”按钮，然后在舞台上单击鼠标作为创建选区的起点，再把鼠标移动到下一个位置单击鼠标，继续重复操作。双击鼠标即可闭合选择区域。通过这种方法可以创建一个多边形区域。
3．部分选取工具
部分选取工具是修改和调整路径非常有效的工具。只要用部分选取工具单击线条或图形轮廓，就可以定义线条或图形的锚点。通过拖动锚点即可对线条或图形进行编辑。
4．任意变形工具
任意变形工具可以方便地对图形、组、实例或文本块等对象进行调整，如移动、旋转、缩放和扭曲等。使用任意变形工具选中一个或多个对象后，在选中对象的周围会显示出控制线和控制点。将鼠标移动到这些控制线和控制点上时，鼠标的指针发生变化，指明哪种变形功能可用。
图2-1-20 任意变形工具对应的选项
各选项含义如下：
封套
：封套选项的功能有点儿类似于部分选取工具，此选项允许使用切线调整曲线。
旋转与倾斜
：对选中的对象进行旋转或倾斜操作。
缩放
：对选中的对象进行成比例或不成比例的放大或缩小。
扭曲
：拖动选中对象四周的控制点可实现扭曲调整。若按住Shift键拖动可以进行对称调整，即在对象的一个方向上进行调整时，反方向也会自动调整。
五、调整绘图环境
Flash提供了标尺、辅助线和网络，它们对精确调整对象的位置非常有用。
1．标尺的使用
画图时经常要用直尺量一下图像的位置，看看构图是否合理。Flash中的标尺就类似于直尺，它可以用来精确测量图像的位置和大小。
（1）显示标尺：
在默认情况下，标尺没有打开。可选择“视图”菜单下的“标尺”命令打开标尺。打开的标尺出现在工作区的左侧和顶部。再次选择“视图”菜单下的“标尺”命令，将隐藏标尺。
（2）修改标尺度量单位：
默认情况下，标尺使用的度量单位是像素。如果要修改标尺单位，选择“修改”菜单下的“文档”命令，弹出“文档属性”对话框，从“标尺单位”下拉列表中选择所需的单位，单击“确定”按钮即可。如图2-1-21所示：
图2-1-21 修改标尺度量单位
2．辅助线的使用
显示了标尺后，可以将水平和垂直辅助线从标尺拖动到舞台上，以便更好地进行创作。
（1）添加辅助线：显示标尺后，将光标移动到顶部的标尺上，按住鼠标左键，拖动鼠标到舞台后松开，舞台上会出现一条横向的辅助线。按照同样的方法，从左侧向右拖动鼠标，可以添加纵向的辅助线。
（2）设置辅助线首选参数：要设置辅助线的首选参数，可选择“视图”菜单“辅助线”选项下的“编辑辅助线”命令，打开“辅助线”对话框，然后执行以下操作：
①修改辅助线的颜色：单击颜色框可修改辅助线的颜色。
②显示辅助线：选择或取消选择“显示辅助线”复选框，可以显示或隐藏辅助线。
③对齐辅助线：选择或取消选择“对齐辅助线”复选框，可以打开或关闭对齐辅助线。
④锁定辅助线：选择或取消选择“锁定辅助线”复选框，可以锁定或解锁辅助线。
⑤对齐精确度：可从“对齐精确度”下拉列表中选择对齐方式，来修改对齐精确度。
⑥全部清除：单击“全部清除”按钮将删除所有的辅助线。
（3）设置辅助线：利用菜单命令可对辅助线做如下设置：
①显示辅助线：如果已经添加了辅助线，选择“视图”菜单“辅助线”选项下的“显示辅助线”命令将隐藏辅助线，再次选择该命令可以重新显示辅助线。
②删除辅助线：在辅助线处于解锁状态时，使用选择工具将辅助线拖到水平或垂直标尺上，或者选择“视图”菜单“辅助线”选项下的“清除引导线”命令，即可删除辅助线。
③对齐辅助线：选择“视图”菜单“辅助线”选项下的“对齐辅助线”命令，将对齐辅助线，如果再次选择将取消对齐。
④锁定辅助线：选择“视图”菜单“辅助线”选项下的“锁定辅助线”命令，将锁定辅助线，如果再次选择将取消锁定。
3．网格工具的使用
使用网格工具可以使对象方便地在工作区中定位。可以将对象与网格对齐，也可以修改网格大小和网格线颜色。
（1）显示网格：
默认情况下网格是不显示的。选择“视图”菜单“网格”选项下的“显示网格”命令，舞台上将出现灰色的小方格，默认大小为18×18像素。需要说明的是，网格不是图像，只是方便绘图的一种工具。
（2）设置网格参数：
选择“视图”菜单“网格”选项下的“编辑网格”命令，打开“网格”对话框。在“网格”对话框中，可以设置网格的颜色、大小及对齐等参数。
图2-1-22 “网格”属性对话框
①修改颜色：默认的网格颜色是灰色。如果需要修改网格颜色，可单击颜色框，然后从调色板中选择一种颜色。
②显示网格：选择或取消选择复选框，可以显示或隐藏网格。
③对齐网格：选择或取消选择复选框，可以打开或关闭对齐网格线。
④设置网格大小：在水平和垂直箭头右侧的文本框中输入数值，可改变网格小。
⑤对齐精确度：在对应下拉列表中选择不同的选项，将决定网格的对齐精确度。
⑥保存默认值：单击“保存默认值”按钮，可将当前设置保存为默认值。
六、图形编辑
1．移动、复制、删除对象
（1）移动对象。选择对象后可以通过以下方法完成移动对象的操作：
方法1：用选择工具拖动来移动对象。
方法2：用键盘上的方向键移动对象。
方法3：使用“信息”面板移动对象。
方法4：用“属性”面板移动对象。
方法5：通过菜单命令移动对象。
（2）复制对象。选择对象后可以通过以下方法完成复制对象的操作：
方法1：使用选择工具复制对象。
方法2：通过菜单命令复制对象。
（3）删除对象。选择一个或多个对象，通过以下方法可以删除选中的对象：
方法1：按下Delete键或Backspace键。
方法2：选择“编辑”菜单下的“清除”命令。
方法3：选择“编辑”菜单下的“剪切”命令。
方法4：右击该对象，然后从快捷菜单中选择“剪切”命令。
2．对象的组合和解组
（1）对象的组合：选中要组合的多个对象，选择“修改”菜单下的“组合”命令，或者按下快捷键Ctrl+G，将多个对象组合在一起。
（2）对象的解组：选中要取消的组合，选择“修改”菜单下的“取消组合”命令，或者按下快捷键Ctrl+Shift+G。
图2-1-23 对象组合前后效果图
（3）编辑组或组中的对象：选中组对象，选择“编辑”菜单下的“编辑所选项目”命令，进入该组的编辑状态。编辑完成后，选择“编辑”菜单下的“全部编辑”命令，或者单击“时间轴”顶部的“场景1”，回到原文档编辑状态。
3．对象的翻转、对齐与叠放
（1）对象的翻转：对象的翻转是比较常用的修改方式，主要包括水平翻转和垂直翻转两种。选中对象后，选择“修改”菜单“变形”选项下的“垂直翻转”命令，选中的对象会发生垂直翻转；选择“修改”菜单“变形”选项下的“水平翻转”命令，选中的对象会发生水平翻转。
（2）对象的对齐：Flash绘图中常会有对齐多个对象的需要，使用“对齐”面板能沿水平方向或垂直方向对齐选定的对象。方法：选择多个对象，选择“窗口”菜单“设计面板”选项下的“对齐”命令，在打开的“对齐”面板中选择某种对齐方式。
（3）对象的叠放：在Flash中创建的多个对象往往相互重叠在一起，下列操作可以调整它们的叠放顺序：
①移至顶层（快捷键Ctrl+Shift+Up）：上移到顶层。
②上移一层（快捷键Ctrl+Up）：向上移一层。
③下移一层（快捷键Ctrl+Down）：向下移一层。
④移至底层（快捷键Ctrl+Shift+Down）：下移到底层。
4．线条与填充的处理技巧
（1）将线条转换为填充：此功能可将线条转换为填充，从而可以使用渐变来填充线条。
（2）填充的扩展：选择“修改”菜单“形状”选项下的“扩展填充”命令，弹出“扩展填充”对话框，从而可进行填充的扩展。
（3）填充的柔化：选中填充形状，选择“修改”菜单“形状”选项下的“柔化填充边缘”命令，弹出“柔化填充边缘”对话框。各选项的含义如下：
①距离：柔化后的边缘与原始形状边缘的距离，以像素为单位。
②步骤数：控制用于柔边效果的曲线数。数值越大，效果就越平滑。
③扩展：向外柔化，使形状扩大。
④插入：向内柔化，使形状缩小。
思考与练习
请你借助工具箱中的各种工具，自己设计绘制一座小房子。