第5课编辑图形课件.ppt

1、 通过绘图工具绘制的图形很难一次到位，有时并不能尽人意，往往需要用到各种编辑工具对绘制的图形进行编辑修改，使得图形更趋完美。第五课 编辑图形编辑图形移动与复制图形 群组与打散图形 用选择工具变形 任意变形工具 部分选取工具排列工具橡皮擦工具旋转对象 在创建Flash动画时，不可避免地要对绘制的矢量图形或一些位图进行各种编辑，如移动与复制图形、群组与打散图形、变形、排列图形、擦除图形、旋转图形等。移动与复制图形用选择工具移动与复制图形 选择工具不但可以选择图形，还可以移动和复制图形，下面通过一个小实例来练习。（1）新建一个文件，在舞台中输入文字“书山有路勤为径 学海无涯苦作舟”，并设为“方正黄草

2、简体、96、红色”，如图5-1所示。图5-1 （2）按一次【Ctrl+B】键打散文字，然后单击选择工具 ，框选上面的一行文字“书山有路勤为径”，如图5-2所示。图5-2 （3）将鼠标光标移到选中的文字中，鼠标光标变为 形状，按住鼠标左键向任意方向拖动文字，此时文字以线框形式显示，如图5-3所示。图5-3 （4）将文字拖动到目标位置后松开鼠标左键即可，效果如图5-4所示。图5-4 （5）选中移动后的“书山有路勤为径”，按住键盘上的【Ctrl】键不放，再向上拖动鼠标即可复制文字，效果如图5-5所示。图5-5通过快捷键移动/复制图形 和其他应用软件一样，在Flash中也可以通过快捷键【Ctrl+C】

3、、【Ctrl+V】、【Ctrl+X】来移动和复制图形。移动图形的方法为：首先选中要移动的图形，按【Ctrl+X】键剪切图形，再按【Ctrl+V】键粘贴图形。复制图形的方法为：首先选中要移动的图形，按【Ctrl+C】键复制图形，再按【Ctrl+V】键粘贴图形。有时需要将动画中某一帧中的内容粘贴到另一帧中的相同位置，就需要用到“粘贴到当前位置”命令，其具体操作如下。（1）首先选中要移动的图形，按【Ctrl+X】键剪切图形。（2）将鼠标光标定位到要粘贴图形的位置，用鼠标右键单击空白处，在弹出快捷键菜单中选择“粘贴到当前位置”命令即可，如图5-6所示。图5-6 选中图形后，单击鼠标右键，在弹出的快捷菜

4、单中也可选择相应的命令来剪切或复制图形。群组与打散图形 在制作Flash动画时，有时为了对多个图形进行整体操作，需要将其组合成一个整体，这时需要用到群组功能；有时又需要将一个图形分离开来，对局部进行操作，这时需要用到打散功能。下面讲解群组和打散的作用与具体操作。群组图形 如果要对多个图形进行整体的编辑操作，可将它们组合起来，这样在进行整体编辑时可以保证这些图形的相对位置不变，并且不会影响其他不需要编辑的图形。群组图形的方法很简单，首先选中要群组的几个图形，如图5-7所示。然后选择修改组合菜单命令，或按【Ctrl+G】键即可将图形组合成一个整体，群组后这几个图形就变为一个图形，并被一个蓝色边框框

5、住，如图5-8所示。图5-7图5-8打散图形图形 打散图形是指将位图、文字或群组后的图形打散成一个一个的像素点，以便对其中的一部分进行编辑。为了理解打散的作用，这里用一张位图来讲解，其具体操作如下。如图5-8所示。（1）新建一个文件，选择文件导入导入到舞台菜单命令，导入图片“人.jpg”，如图5-9所示。图5-9 （3）选择修改分离菜单命令，或按【Ctrl+B】键打散位图。（4）这时用选择工具框选位图的右半部分，会发现右半部分出现许多像素点，再按住鼠标左键向左拖动，将选中的部分移动到图像的左边，如图5-10所示。图5-10用选择工具变形 选择工具除了能选中图形、移动和复制图形外，还能修改图形的

6、形状。但只能应用于打散的位图、矢量图以及文字。下面通过一个实例来练习选择工具的变形功能，其具体操作如下。（1）新建一个文件，在其中绘制一个红色的正方形，再单击选择工具，将鼠标光标移到正方形的右边上，鼠标光标变为形状，按住鼠标左键向左拖动，如图5-11所示。图5-11 （2）到达适当的位置时松开鼠标左键即可使该边线变为弧线，如图5-12所示。图5-12 （3）用同样的方法将正方形的四边都向内拖动，得到如图5-13所示的星星形状。图5-13 （4）不断按【Ctrl+Z】键撤消前面的操作，直至恢复到正方形的形状，将鼠标光标移到矩形的右上角，指针变为形状，如图5-14所示。图5-14 （5）按住鼠标左

7、键向左下角拖动，正方形发生如图5-15所示的变化。当到达适当位置时松开鼠标左键，正方形变为如图5-16所示的图形。图5-15图5-16 在第四课上机实战中，您可能遇到过这种情况：用铅笔勾勒图形轮廓后，如果线条没有封闭，就无法向轮廓内部填充颜色，这时就可以通过选择工具来拉长线条使其封闭。下面来进行练习，其具体操作如下。（1）首先绘制如图5-17所示的叶子。这时用颜料桶工具为叶子填充绿色，发现根据填充不上，这是因为叶子的外轮廓没有封闭。（2）单击选择工具 ，将鼠标光标移到叶子的一条边的端点上，鼠标光标变为形状，如图5-18所示。图5-17图5-18 （3）按住鼠标左键向左下角拖动，使其变长，如图5

8、-19所示。图5-19 （4）用相同的方法将左边的轮廓线条向右下角拉长，直到与右边的线条接触为止，如图5-20所示。这时就可以填充颜色了。图5-20任意变形工具 任意变形工具 是一个功能很强大的编辑工具，利用它可以对图形进行倾斜、翻转、旋转、缩放等操作。单击任意变形工具 后，其选项框变为如图5-21所示。各按钮的作用如下。图5-21旋转与倾斜 ：用于对图形进行旋转和倾斜操作。缩放 ：单击该按钮，将鼠标光标移到图形的任意一角上，当其变为双向箭头时按住鼠标左键拖动可以按比例缩放图形，而不会使对象变形。扭曲 ：用于对图形进行扭曲变形，可用来增强物体的透视效果。封套 ：单击该按钮后，图形周围出现很多控

9、制柄，拖动这些控制柄，可对对象进行更细微的变形。扭曲和封套只对矢量图有效，而对位图和文字无效。下面通过制作一个倒影字来练习任意变形工具的使用，其具体操作如下。：（1）新建一个文件，在舞台中输入文字“阴影字”，并将其设为“方正隶二简体、96、红色”，如图5-22所示。图5-22 （2）用选择工具选中该文字，按住【Ctrl】键向下拖动复制一份文字，选中复制的文字，单击工具栏上的任意变形工具 ，文字周围出现8个控制柄。（3）将鼠标光标移到上方中间的控制柄，鼠标光标变为双向箭头，如图5-23所示。图5-23 （4）按住鼠标左键向下拖动，即可使文字翻转，然后将翻转后的文字移动到原文字的下方，如图5-24

10、所示。图5-24 （5）保持任意变形工具处于选中状态，将鼠标光标移到右下角，当其变为形状时按住鼠标左键向右移动，如图5-25所示。图5-25 （6）当达到适当位置时松开鼠标左键可使文字倾斜，效果如图5-26所示。图5-26 （7）将鼠标光标移到倒置文字的中间，当其变为形状时按住鼠标左键向右拖，使其上方与原文字的下方对齐，如图5-27所示。图5-27 （8）从图5-27可以看出，“阴”字的底边并未重合。为了使两行字的底边完全重合，需要将倒置的文字顺时针旋转一些，将鼠标光标移动到任意一角的外方，使其变为 形状。（9）按住鼠标左键，向顺时针方向旋转，当两行文字的底边完全重合时松开鼠标左键，如图5-2

11、8所示。图5-28 （10）为了使阴影字效果更真实，可以将倒置的文字颜色设为灰色，最终效果如图5-29所示。图5-29在用任意变形工具改变图形形状时，如果按住【Alt】键可以使图形的一边保持不变，便于用户定位。部分选取工具 部分选取工具 主要用于改变图形的形状，它只能作用于打散的图形或文字。下面通过一个小实例来练习部分选取工具的使用。（1）新建一个文件，在舞台中输入文字“鲜血淋淋”，并将其设为“方正隶二简体、96、红色”，如图5-30所示。（2）按两次【Ctrl+B】键将文字打散，单击工具栏中的部分选取工具，框选文字，被选中对象的周围出现许多小节点，如图5-31所示。图5-30图5-31 （3

12、）为了便于观察，在 下拉列表框中将舞台的百分比设置为200%，单击其中一个节点，节点两侧出现两个调节杆，拖动该节点或旋转调节杆可改变图形形状，如图5-32所示。图5-32 （4）当鼠标光标达到适当位置后松开鼠标即可使“鲜”字变为如图5-33所示的形状。图5-33 （5）用同样的方法可以将每个字的下方都向下拉长，得到鲜血淋淋的效果，如图5-34所示。图5-34 就像钢笔工具一样，使用部分选取工具在不同情况下，鼠标光标的形状也不一样。下面简单介绍不同形状的鼠标光标的作用。：表示当前光标位于某个节点上时，这时按住鼠标左键拖动可以改变该节点的位置。：表示当前光标位于没有节点的曲线上，这时按住鼠标左键拖

13、动可以移动整个图形的位置。：表示当前光标位于某节点的调节柄上，按住鼠标左键拖动可以调整与该节点相连的线条的弯曲程度。排列工具 在制作Flash动画时，常常需要创建多个图形，并将这些图形对象按一定的方式整齐地排列在一起，Flash MX 2004提供了辅助线和“对齐”面板来帮助用户排列对象。通过辅助线对齐图形 辅助线是Flash MX 2004新增的一个对齐工功能，移动图形时，图形的边缘会出现水平或垂直的虚线，该虚线自动与另一个图形的边缘对齐，以便于确定图形的新位置。下面通过几个简单的图形来练习用辅助线对齐的方法，其具体操作如下。（1）新建一个文件，在舞台中用椭圆工具、矩形工具和各种编辑工具绘制

14、几个简单的图形，并任意放置，如图5-35所示。图5-35 （2）下面将这几个几何体以正方形的底边为基准水平对齐。首先选中圆形，按住鼠标左键向下方拖动，它的边缘会出现水平或垂直的虚线，标明其他图形的边界线，当其下方的虚线与正方形的底边重合时，松开鼠标左键，如图5-36所示。图5-36 （3）选中三角形，按住鼠标左键向上拖动，当其下方的虚线与正方形的底边重合时，松开鼠标左键，如图5-37所示。图5-37 （4）选中立方体，按住鼠标左键向左上角拖动，当其下方的虚线与正方形的底边重合时，松开鼠标左键，如图5-38所示。图5-38 （5）选中圆锥体，按住鼠标左键向右上角拖动，当其下方的虚线与正方形的底边

15、重合时，松开鼠标左键，如图5-39所示。最终效果如图5-40所示。图5-39图5-40用“对齐”面板对齐图形东 除了用Flash MX 2004的辅助线功能来对齐对象外，还可以用“对齐”面板来对齐图形，选择窗口设计面板对齐菜单命令或按【Ctrl+K】键打开“对齐”面板，如图5-41所示。图5-41 “对齐”面板中“相对舞台分布”按钮没有按下，图形对齐时是以各图形的相对位置为标准。当按下该按钮时，调整图像的位置时将以整个舞台为标准，使图像相对于舞台左对齐、右对齐或居中对齐。“对齐”栏中各按钮的含义如下。左对齐 ：使对象靠左端对齐。水平中齐 ：使对象沿垂直线居中对齐。右对齐 ：使对象靠右端对齐。上

16、对齐 ：使对象靠上端对齐。垂直中齐 ：使对象沿水平线居中对齐。底对齐 ：使对象靠底端对齐。“分布”栏中各按钮的含义如下。顶部分布 ：使每个对象的上端在垂直方向上间距相等。垂直居中分布 ：使每个对象的中心在水平方向上间距相等。底部分布 ：使每个对象的下端在水平方向上间距相等。左侧分布 ：使每个对象的左端在水平方向上左端间距相等。水平居中分布 ：使每个对象的中心在垂直方向上间距相等。右侧 ：使每个对象的右端在垂直方向上间距相等。“匹配大小”栏中各按钮的含义如下。匹配宽度 ：以所选对象中最长的宽度为基准，在水平方向上等尺寸变形。匹配高度 ：以所选对象中最长的高度为基准，在垂直方向上等尺寸变形。匹配宽

17、和高 ：以所选对象中最长和最宽的长度为基准，在水平和垂直方向上同时等尺寸变形。“间隔”栏中各按钮的含义如下：（垂直平均间隔）：使各对象在垂直方向上间距相等。（水平平均间隔）：使各对象在水平方向上间距相等。下面通过例子来练习“对齐”面板的使用，其具体操作如下。（1）新建一个文件，选择文件导入导入到舞台菜单命令，导入几张图片，如图5-42所示。图5-42 （2）选中要对齐的多个对象，选择窗口设计面板对齐菜单命令或按【Ctrl+K】键打开如图5-41所示的“对齐”面板。（3）按【Ctrl+A】键选中所有图形，确认按钮没有被按下，单击图标，使所有图片沿它们所在的最上边对齐，如图5-43所示。图5-43

18、 （4）按【Ctrl+Z】键回到最初的排列状态，然后单击图标，可以使所有图片的水平平均间隔均相同，效果如图5-44所示。图5-44 （5）按【Ctrl+Z】键回到最初的排列状态，然后单击图标，可以使各图形的上端在垂直方向上间距相等，效果如图5-45所示。图5-45橡皮擦工具 在绘制图形时，如果出现了错误，除了可以通过按【Ctrl+Z】键撤消操作外，还可以用橡皮擦工具来擦除绘制错误的线条或填充色块。有时甚至可以借助橡皮擦来达到一些意想不到的效果。橡皮擦工具 只能对矢量图形进行擦除，对文字和位图无效，如果要擦除文字或位图，必须首先将它们打散。在工具栏中单击橡皮擦工具 ，选项区域如图5-46所示。单

19、击 按钮，弹出如图5-47所示的列表框，其中包括了橡皮擦的几种擦除模式。图5-46图5-47 下面通过一个实例来理解各模式的含义和作用。其具体操作如下。（1）新建一个文件，在舞台中绘制一朵红花，如图5-48所示。图5-48 （2）单击 按钮，弹出如图5-47所示的列表框，在其中选择“标准擦除”，在 下拉列表框中选择橡皮擦的形状和大小，如图5-49所示。图5-49 （3）将鼠标光标移到花朵上，按住鼠标左键向外擦除，鼠标光标经过的地方，矢量色块和矢量线条均被擦除了，如图5-50所示。图5-50 （4）不断按【Ctrl+Z】键，直到恢复到原图形，然后单击 按钮，在弹出的下拉列表中选择“擦除填色”选项

20、，再擦除花朵，鼠标光标经过的地方，只有矢量色块被擦除，而矢量线条仍然存在，如图5-51所示。图5-51 （5）不断按【Ctrl+Z】键，直到恢复到原图形，然后单击 按钮，在弹出的下拉列表中选择“擦除线条”选项，再擦除花朵，鼠标光标经过的地方，只有矢量线条被擦除，而矢量色块仍然存在，如图5-52所示。图5-52 （6）按【Ctrl+Z】键恢复原图形，然后单击 按钮，在弹出的下拉列表中选择“擦除所选填充”选项，再擦除花朵，花朵并没有变化。下面用选择工具选中花朵内部的矢量色块，再用“擦除所选填充”模式擦除花朵，这样被选中的填充色块被擦除了，而未被选择的部分不受影响，效果如图5-53所示。图5-53

21、（7）按【Ctrl+Z】键恢复原图形，单击 按钮，在弹出的下拉列表中选择“内部擦除”选项，再擦除花朵，会发现只有当橡皮擦的起点在矢量色块内部时，封闭图形的内部区域才能被擦除，其他部分不受影响，如图5-54所示。（8）双击橡皮擦工具可以擦除舞台中的所有图形。图5-54 在选项区域中单击水龙头工具 ，再单击要擦除的色块可快速擦除矢量色块和线条。旋转对象 除了可以通过任意变形工具旋转图形外，还可以在“变形”面板中旋转图形，按【Ctrl+T】键打开“变形”面板，如图5-55所示，该面板中各选项的含义如下。图5-55 ：用于设置相对于原图形宽度的相对比例。：用于设置相对于原图形高度的相对比例。：选中该复

22、选框可使图形按等比例缩放。：用于设置图形旋转的角度。：用于设置图形倾斜的角度。复制并应用变形 ：单击该按钮可复制选中的图形，并将复制的图形按设置的角度旋转。重制 ：单击该按钮可将选中的图形恢复到变形前的状态。下面讲解如何通过“变形”面板快速绘制如图5-48所示的花朵。（1）单击铅笔工具 ，在选项区域中选择“平滑”选项，在舞台中绘制花瓣的轮廓，如图5-56所示。图5-56 为了使花瓣在旋转时以花瓣的底部为中心旋转，因此需要将花瓣的中心控制点移动到花瓣的底部。（2）用选择工具选中花瓣，再单击任意变形工具 ，花瓣周围出现8个控制点，如图5-57所示，其中中间的小圆圈就是花瓣的中心控制点。图5-57

23、（3）将鼠标光标移到中心控制点上，当其变为 形状时按住鼠标左键向左下角拖动到花瓣底部，如图5-58所示。图5-58 （4）按【Ctrl+T】键打开“变形”面板，在其中选中 单选项，并在其后的文本框中输入45.0，如图5-59所示。图5-59 （5）不断单击“复制并应用变形”按钮 ，花瓣不断复制并旋转，当出现8朵花瓣时形成一朵完整的花，如图5-60所示。图5-60 （6）删除花瓣中间交叉的线条，并为花朵的不同层次填充不同深浅的红色，得到最终效果，如图5-61所示。图5-61辅助工具手形工具缩放工具 辅助工具是指本身不具有绘画功能，但在用户绘制和编辑图形时能够辅助用户进行操作的工具。Flash M

24、X 2004提供了手形工具和缩放工具来帮助用户编辑图形。手形工具 在Flash中，有时图片过大，超出了场景范围，因此无法看到整个图形，这时需要用到手形工具来移动图形，以便观察。其使用方法为：单击“查看”栏中的 按钮，回到场景中，鼠标光标变为 形状，按住鼠标左键向任意方向拖动即可移动场景在整个Flash界面中的位置。如图5-62所示是使用手形工具前的场景，如图5-63所示是使用手形工具将场景向上拖动后的效果。图5-62图5-63缩放工具 在Flash场景中有时图形过小，无法看清图形内容，有时图形又显示过大，无法看到图形全部。这时就需要用缩放工具 来显示过大或过小的图形。单击 按钮后，选项区域如图

25、5-64所示。其中各按钮的作用如下。图5-64放大按钮 ：单击该按钮后，再单击场景，可放大显示场景。缩小按钮 ：单击该按钮后，再单击场景，可缩小显示场景。按下【Alt】键可以在放大和缩小场景之间转换。上机实战 在本课上机实战中将为一个水果吧制作一张招贴广告，最终效果如图5-65所示。其中的各种水果来源于第四课绘制的水果。因此首先需要将绘制好的水果复制到新的舞台中。然后在舞台中输入广告词，并对水果进行各种编辑和排列，组合成一张漂亮的招贴广告。其中涉及到的知识点有：复制/移动图形、旋转/缩放图形、对图形进行变形、群组图形等，是对本课所讲知识点的一个综合练习。对于没练习到的橡皮擦工具和辅助工具，读者

26、可结合课堂讲解自己练习。图5-65制作水果吧招贴广告的具体操作如下。（1）新建一个Flash文件，将其背景颜色设为深红色，并以“招贴广告”为名保存。（2）在舞台中输入图5-65中的广告词，将文字设置为“中特广告体、46、黄色、垂直从右向左、加粗”，然后选中其中的“水果”二字，将其改为绿色，效果如图5-66所示。图5-66 （3）单击线条工具 ，在“属性”面板中将其颜色设为橙黄色，然后在每行文字之间绘制竖直的线条。（4）单击矩形工具 ，在舞台左上角绘制一个无边框的黄色矩形，如图5-67所示。图5-67 （5）将鼠标光标移动矩形的右下角，当其变为 形状时按住鼠标左键向左拖动到边界上，如图5-68所

27、示。图5-68 （6）将鼠标光标移动矩形的右边线上，当其变为 形状时按住鼠标左键向右拖动，将该边线变为弧线，如图5-69所示。当在适当位置时松开鼠标即可。图5-69 （7）在左上角的原矩形中输入“无名”二字，将文字设置为“文鼎海报体繁、54、红色、水平”，并按如图5-70所示排列。图5-70 （8）打开第四课绘制的水果，按【Ctrl+A】键选中所有水果，再按【Ctrl+C】键复制水果。然后切换到“招贴广告”文件，按【Ctrl+V】键粘贴水果，如图5-71所示。图5-71 （9）为了便于对每种水果分别进行整体操作，需要将每种水果分别组合起来。首先框选西瓜，按【Ctrl+G】键组合，用相同的方法将

28、其他水果分别群组，如图5-72所示。图5-72 （10）从图5-72可以看出，每种水果均偏大，需要将它们缩小。首先选中西瓜，单击任意变形工具 ，在选项区域中单击 按钮，将鼠标光标移到西瓜的任意一角上，当其变为双向箭头时按住鼠标左键向内拖动，即可将西瓜按比例缩小。（11）用相同的方法将其他水果分别按比例缩小，如图5-73所示。图5-73 （12）单击自动选择工具 ，按住【Ctrl】键拖动樱桃，复制出3份樱桃，用相同的方法将菠萝复制3份，将香蕉复制2份，然后将每种水果移到如图5-74所示的位置。图5-74 （13）选中最左边的菠萝，单击任意变形工具 ，将鼠标光标移至任意一个角上，当其变为 形状时按住鼠标左键按顺时针方向旋转到如图5-75所示的角度，用同样的方法将其他水果旋转一定角度，最后将文字中的几种水果再按比例缩小一些，得到如图5-76所示的效果。至此，招贴广告制作完成。图5-75图5-76课后练习填空题判断题 选择题问答题 上机操作题上机操作题 （1）参照课堂讲解的内容，利用任意变形工具制作如图5-77所示的阴影字效果。参见5.1.1下4、任意变形工具中的相关内容。图5-77 （2）根据本章所学知识，利用绘制和编辑工具，绘制如图5-78所示的新年贺卡。图5-77