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