Flash二维动画教材第七章

第7章FlashCS4的图形图像

【学习导入】

某校举办了一次以“提倡绿色环保、倡导低碳生活”为主题的装饰画设计比赛。计算机学院赵毅同学的作品获得了好评。赵毅PhotoShop用得并不熟练，秘诀在哪里呢？原来他仅仅使用FlashCS4就完成了作品。FlashCS4提供了简单实用的绘制图形和编辑图形的功能，能够让使用者在较短时间内完成创意图形的设计，同时还能将位图转换为矢量图，并对矢量图进行优化，做到创意突出、画面简约、特色鲜明。

【内容结构】

【学习目标】能力目标：具备熟练使用FlashCS4根本绘图工具绘制图形和对图形对象进行编辑、变形和其他高级操作的能力，掌握对外部图像进行处理的能力。素质目标：培养学生绘制二维图形的兴趣以及对事物的认知和理解能力，建立合理的二维空间感。知识目标：理解位图和矢量图的概念及其各自特点。7.1FlashCS4的图形图像模式

7.1.1矢量图

矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。矢量图可以在维持它原有清晰度和弯曲度的同时，屡次移动和改变属性，而不会影响图例中的其他对象。基于矢量的绘图同分辨率无关。

7.1.1矢量图

矢量图与位图最大的区别是，它不受分辨率的影响。因此在印刷时，可以任意放大或缩小图形而不会影响图的清晰度，可以按最高分辨率显示到输出设备上。

7.1.1矢量图

矢量图的优点包括：〔1〕文件小；〔2〕图像元素对象可编辑；〔3〕图像放大或缩小不影响图像的分辨率；〔4〕图像的分辨率不依赖于输出设备。

7.1.2位图

位图亦称为点阵图像或像素图像，它是由假设干像素点组成的。这些点可以进行不同的排列和染色以构成图样，每个像素的大小是固定的，像素的多少决定着图像的大小，像素的数量越多，它所产生的文件也就越大。处理位图时要着重考虑分辨率，输出图像的质量决定于处理过程开始时设置的分辨率上下。操作位图时，分辨率既会影响最后输出的质量也会影响文件的大小。

7.1.2位图

位图适合表现色彩丰富的画面，在分辨率够用的情况下，可以最好地展示各种图像的本来面目。一幅位图是由无数的像素点组成的，放大图像实际上就是放大像素点，如果分辨率不高，图像就会模糊，产生马赛克现象。

7.1.2位图

Flash并不是专业的位图图像处理工具，它仅提供根本的位图处理功能，处理位图应尽可能的选择Photoshop或Fireworks等工具。当然读者可以借助Flash提供的“位图转换为矢量图”功能进行一些特殊的操作。7.2图形对象的绘制和编辑

图形对象的绘制

1.根本绘图工具在Flash中，使用绘图工具绘制图形的方法和步骤是：首先单击选择相关绘图工具，然后在工作区中绘制图形，最后在属性面板中设置图形的各种属性。此外，也可以在选择绘图工具后，先设置要绘制图形的各种属性。大局部绘图工具都具有相同的图形属性，包括笔触颜色、笔触样式、笔触高度与填充颜色等。

图形对象的绘制

首先，选择矩形工具，这时属性面板如图7-3所示。图7-3矩形工具属性面板当前工具：显示当前正在使用的工具名称。笔触颜色：显示当前笔触颜色。填充颜色：显示当前图形填充色笔触高度：设置当前笔触的粗细，可以通过滑动条调节，也可在文本框中直接输入一个在0.1~200间的数字。笔触样式：设置当前笔触样式。

图形对象的绘制

自定义笔触样式：自行设置笔触样式，单击按钮，弹出“笔触样式”对话框，在这里可以自行设置线条的样式、粗细及间隔等属性。

图形对象的绘制

1〕线条工具线条工具用于绘制各种直线或者斜线。绘制方法如下：选择线条工具后，在属性面板中进行各种属性设置，然后进行绘制。按住Shift键绘制直线时，可以绘制出垂直、水平或倾斜45°的直线。按住Alt键绘制直线时，直线由中间向两边不断延长。在属性面板中设置各种不同的线型，可以得到各种不同的线条效果。

图形对象的绘制

2〕椭圆工具椭圆工具用于绘制椭圆和圆，绘制圆时需要同时按住Shift键。设置不同的笔触颜色、笔触样式和填充颜色，可以绘制不同效果的圆形。A所示的图形为设置笔触颜色为无，填充颜色为紫色。B所示的图形为设置笔触颜色为红色，笔触样式为点状线，填充颜色为无。C所示的图形为设置笔触颜色为绿色，笔触样式为点描，填充颜色为黄色。D所示的图形为设置笔触颜色为紫色，笔触样式为锯齿状，填充颜色为无。E所示的图形为设置笔触颜色为绿色，笔触样式为虚线，填充颜色放射状渐变。F所示的图形为设置笔触颜色为黑色，笔触样式为实线，填充颜色为无。

图形对象的绘制

3〕矩形工具矩形工具用于绘制各种矩形和正方形。该工具使用方法和属性设置与椭圆工具根本相同。绘制矩形时按住Shift键可以得到正方形。在属性面板中设置笔触颜色、笔触高度、笔触样式、填充颜色等属性，可以得到各种效果的矩形。

图形对象的绘制

矩形的4条边框线是互相独立的，因此可以单独对四条线进行设置，从而得到各种不同的效果。

图形对象的绘制

通过对图7-9所示“矩形选项”修改矩形边角半径的尺寸，可以绘制圆角矩形等特殊的效果，如图7-10所示。矩形边角半径的数值范围是-100~100。图7-9矩形选项设置图7-10矩形边角半径设置不同的效果

图形对象的绘制

4〕多角星形工具多角星形工具用于绘制多边形或星形。该工具的使用方法和根本属性与矩形工具相同，默认为绘制五边形。绘制图形时，可以通过拖拽鼠标控制图形的尺寸和旋转方向，从而绘制各种图形。

图形对象的绘制

选择多角星形工具后，在属性面板中会出现一个“选项”按钮，单击该按钮，弹出“工具设置”对话框，可以选择多边形或星形，可以设置边数以及星形顶点大小。

图形对象的绘制

利用多角星形工具，可以绘制出不同的效果，A所示的图形为设置样式为多边形，边数为3。B所示的图形为设置样式为多边形，边数为5。C所示的图形为设置样式为多边形，边数为32。D所示的图形为设置样式为星形，边数为5，星形顶点大小为0.50。E所示的图形为设置样式为星形，边数为8，星形顶点大小为0.50。F所示的图形为设置样式为星形，边数为5，星形顶点大小为0.20。G所示的图形为设置样式为星形，边数为5，星形顶点大小为1.0。

图形对象的绘制

5〕铅笔工具铅笔工具用于绘制任意曲线。选取铅笔工具后，直接在工作区中通过单击并拖拽的方式即可进行绘制。铅笔工具所绘制的对象是笔触。

图形对象的绘制

6〕刷子工具刷子工具用于给图形上色或直接绘制各种图形。利用刷子工具所绘制的图形属性均为填充色。刷子工具的选项面板主要包括刷子大小、刷子形状、笔刷模式和锁定填充的设置。

图形对象的绘制

〔1〕刷子大小：用于设置刷子大小，单击刷子大小图标，在弹出的列表中进行选择，如图7-15所示。〔2〕刷子形状：用于设置刷子形状，单击“刷子形状”图标，在弹出的列表中进行选择，如图7-16所示。〔3〕笔刷模式：设置填充颜色时的方式，单击“笔刷模式”图标，弹出笔刷模式列表，Flash提供5种模式，如图7-17所示。〔4〕锁定填充：该选项用于设置渐变填充颜色的模式。包括锁定状态和为锁定状态两种模式，默认为“为锁定状态”。

图7-15刷子大小图7-16刷子形状图7-17笔刷模式

图形对象的绘制

图形对象的绘制

7〕橡皮擦工具橡皮擦工具用于擦除线条和填充色。包括橡皮擦模式、水龙头和橡皮擦形状的设置。〔1〕橡皮擦模式橡皮擦模式用于指定擦除区域的大小。单击“橡皮擦模式”图标，弹出橡皮擦模式列表。Flash提供5种橡皮擦模式：标准擦除：随意擦除图形中的线条和填充色。擦除填色：仅擦除图形中的填充色局部。擦除线条：仅擦除图形中的线条局部。擦除所选填充：擦除选取的填充色局部。内部擦除：擦除图形内部填充色，一次只擦除一个封闭局部的一种填充色。图7-19橡皮擦模式

图形对象的绘制

〔2〕水龙头水龙头用于一次性擦除填充颜色或线条，单击“水龙头”图标，再单击所要擦除的图形即可。〔3〕橡皮擦形状橡皮擦形状用于设置橡皮的形状和大小。单击“橡皮擦形状”图标，在弹出的下拉列表选择所需的形状即可进行操作，如图7-20所示。图7-20橡皮擦形状

图形对象的绘制

2.颜色工具Flash中用于编辑颜色的工具有：颜料桶工具、墨水瓶工具、渐变变形工具和滴管工具。

图形对象的绘制

1〕颜料桶工具颜料桶工具用于给图形填充颜色，其选项面板包括空隙大小和锁定填充的设置。颜料桶工具有3种空隙大小模式，如图7-21所示。不封闭空隙：无任何空隙时，才能进行填充。封闭小空隙：有很细小的空隙时，可以进行填充。封闭中等空隙：有中等空隙时，可以进行填充。封闭大空隙：有较大空隙时，可以进行填充。

图7-21空隙大小模式

图形对象的绘制

2〕墨水瓶工具墨水瓶工具可用于为填充色描边。〔1〕利用墨水瓶工具为填充色描边选择墨水瓶工具后，设置笔触的颜色为黑色，笔触高度为4，笔触样式为实线，在需要描边的填充色上面单击，即可为填充色描边。

图形对象的绘制

〔2〕利用墨水瓶工具为文字描边选择墨水瓶工具后，设置笔触的颜色为黑色，笔触高度为1，笔触样式为虚线，在打散的文字上面单击，即可为文字描边。使用文本工具输入文字后，选中文字，再输入两次Ctrl+B即可打散文字，文字对象将转换为形状对象。图7-23利用墨水瓶工具为文字描边

图形对象的绘制

3〕渐变变形工具(主要用于调整渐变填充色。)〔1〕颜色面板的使用在使用渐变变形工具之前，首先应会使用“颜色”面板进行渐变颜色设置。

图形对象的绘制

Flash提供了两种渐变填充，分别为线性渐变和放射状渐变。①设置线性渐变填充。单击填充样式，选择线性渐变样式，默认情况下为由白色到黑色的渐变。

图7-25填充样式

图形对象的绘制

设置渐变范围。单击色标，在渐变色滑杆中拖动，可以改变渐变的范围。如采用图7-26所示的设置，绘制一个矩形，那么得到如图7-27所示的渐变填充矩形。图7-26颜色设置图7-27渐变填充的矩形

图形对象的绘制

设置色标数量。添加色标的方法是：在渐变色滑杆上直接单击即可增加一个色标，如图7-28所示。删除色标的方法是：在按住Ctrl键的同时，将光标靠近色标，出现剪刀形状时，单击即可删除色标，如图7-29所示。②设置放射状渐变填充。单击填充样式，选择放射状渐变样式。颜色面板设置方法与线性渐变相同。图7-28添加一个色标图7-29删除一个色标

图形对象的绘制

〔2〕渐变变形工具的应用渐变变形工具用于调节渐变颜色的中心点、范围、样式和角度。选择渐变变形工具后，直接单击渐变填充色局部，即可出现相应的编辑点。

图形对象的绘制

中心点：用于调节渐变色的中心位置。样式：用于调节渐变颜色区域的形状。范围：用于调节放射状渐变颜色的渐变范围。角度：可以改变渐变颜色的旋转角度。

图形对象的编辑

使用根本绘图工具和颜色工具绘制出图形后，还可以通过选择工具和菜单命令进行编辑操作。1.选择工具的使用:“选择工具”可以单独或全部选中图形中的线条与填充色，除了具备最根本的选择功能以外，还可用于复制对象和修改形状。〔1〕选择对象①选择单个线条。选取选择工具，单击图形中的某个线条。

图形对象的编辑

②选择邻近的全部线条。选取选择工具，双击图形中的某个线条，就会将相邻的线条全部选中，如图7-32所示。图7-32双击线条图7-33单击填充色③选择填充色。选取选择工具，单击图形中的某块填充色，如图7-33所示。

图形对象的编辑

④选择整个图形。选取选择工具，在工作区中单击并拖拽鼠标，划出一个选区，如图7-34所示。释放鼠标后，选区内图形均被选中，如图7-35所示。将鼠标悬停于选中的图形上时，光标变成图7-36所示的样子。

图7-34绘制选区图7-35选中图形图7-36光标状态⑤选择局部图形。与选择整个图形的操作相同，仅将选区设置在图形的局部即可。

图形对象的编辑

〔2〕编辑对象用选择工具选中的对象，可在属性面板中设置新的属性进行编辑。此外，还可以进行移动和复制等常规操作。说明：选中图形对象后，直接进行拖拽即可进行移动；按住Alt键的同时进行拖拽，那么可进行复制。

图形对象的编辑

2.修改对象形状〔1〕使用选择工具修改形状利用选择工具可以调节线条和填充色的形状，从而实现一些特殊的效果。①改变线条的曲度将鼠标停放在线条上时，鼠标变成如图7-37所示的样子，此时可进行拖拽，改变线条的曲度，如图7-38所示，修改后的形状如图7-39所示。图7-37鼠标样式图7-38拖拽操作图7-39修改后的效果

图形对象的编辑

②改变线条交点的位置

将鼠标停放在线条交点时，可进行拖拽，改变线条交点的位置。③改变填充色边缘的曲度。

④改变填充色交接的位置。

图形对象的编辑

〔2〕将线条转换为填充选取图形中的线条，执行“修改”|“形状”|“将线条转换为填充”命令，可以将线条转换为填充色。将线条转换为填充后，线条的属性变成填充色属性，可以对其进行填充色的设置。〔3〕扩展填充扩展填充可以使填充色的范围扩大或缩小，选中填充色，执行“修改”|“形状”|“扩展填充”命令，可以翻开“扩展填充”对话框。

图形对象的编辑

选中图7-44所示的五角星形状，翻开“扩展填充”对话框，在“距离”文本框中输入40，方向选择扩展，单击“确定”按钮，得到如图7-45所示效果。假设在“距离”文本框中输入25，方向选择插入，单击“确定”按钮，得到如图7-46所示效果。图7-44五角星形状图7-45扩展效果图7-46插入效果

图形对象的编辑

〔4〕柔化填充边缘柔化填充边缘可以使填充色的边缘产生模糊效果，选中填充色，执行“修改”|“形状”|“柔化填充边缘”命令，可以翻开“柔化填充边缘”对话框。距离：可以设定柔化边缘的范围，单位为像素，数值范围为1~144。步骤数：可以设定柔化渐变的层次，数值范围为1~50。

图形对象的编辑

选中图7-48所示的五角星形状，翻开“柔化填充边缘”对话框，在“距离”文本框中输入40，“步骤数”文本框中输入5，方向选择扩展，单击“确定”按钮，得到如图7-49所示效果。假设在“距离”文本框中输入40，“步骤数”文本框中输入8，方向选择插入，单击“确定”按钮，得到如图7-50所示效果。图7-48五角星形状图7-49扩展效果图7-50插入效果7.3图形对象的处理

7.3.1图形对象的变形

图形对象的变形操作主要是通过任意变形工具来实现的。任意变形工具可用于对图形进行放大、缩小、旋转、倾斜、扭曲和封套的操作。任意变形工具的选项面板如图7-51所示。图7-51任意变形工具选项面板

7.3.1图形对象的变形

默认情况下，选中图形，单击任意变形工具，那么图形周围出现1个中心点和8个锚点。此时可以通过调整控制点和控制线进行如下操作：〔1〕旋转将鼠标放置在边角的锚点附近时，可以进行旋转操作，如图7-52所示。图7-52旋转图形

7.3.1图形对象的变形

〔2〕倾斜将鼠标放置在锚点之间的直线上时，可以进行倾斜操作，如图7-53所示。〔3〕缩放将鼠标放置在锚点上时，可以进行缩放操作，如图7-54所示。图7-53倾斜图形图7-54缩放图形

7.3.1图形对象的变形

〔4〕扭曲选择选项面板中的“扭曲”图标，将鼠标放置在锚点上时，可以进行扭曲操作，如图7-55所示。图7-55扭曲图形

7.3.1图形对象的变形

〔5〕封套选择选项面板中的“封套”图标，将鼠标放置在锚点上时，可以进行封套操作，如图7-56所示。图7-56封套图形

7.3.2图形对象的操作

1.对象的组合Flash中的图形可以被组合，这样可以防止误操作而破坏图形。选中要组合的对象，如图7-57所示，执行“修改”|“组合”命令或使用快捷键Ctrl+G即可将图形组合，如图7-58所示。图7-57选中图形图7-58组合后的图形组合后的图形还可以进行再次组合，如图7-59所示。图7-59组合的图形再次组合的效果

7.3.2图形对象的操作

2.对象的别离“别离”命令可以将对象转变为最根底的元素，即“形状”。执行“修改”|“别离”命令或使用快捷键Ctrl+B即可将图形打散，别离命令一次只能打散一层关系。如果图形是逐级构成的，那么别离也是逐级打散，也就是说有时为了到达完全别离的效果，可能需要执行屡次“别离”命令。

7.3.2图形对象的操作

〔1〕组合图形的别离最终的组合图形是由两个组合共同构成的，因此执行两次“别离”命令才能将其完全打散。图7-60别离命令的使用

7.3.2图形对象的操作

2〕文字的别离为了改变文字的一些特质，就必须将文字打散成形状。文字的别离操作和组合图形的别离一样，都是通过“别离”命令来实现的。对于多个字母组成的文字对象，也要通过两次“别离”操作才能完全打散。图7-61文字的打散操作

7.3.2图形对象的操作

3.对象的排列

图7-62所示的图形中，三个组合对象是具有层次关系的。可以借助“修改”|“排列”菜单中的相关命令进行排列操作，相关命令如图7-63所示。图7-62组合的层次图7-63排列命令

7.3.2图形对象的操作

4.对象的对齐

通过对齐对象命令，可以方便地将两个或两个以