《计算机多媒体应用》第七讲 元件、基本动画制作

1、计算机多媒体应用第七讲元件、基本动画制作3.3 元件创建和编辑元件元件是动画制作中可重复使用的资源。在动画中使用元件，好处之一可减少动画文件占用的空间。因为在动画中多次使用一个元件，Flash只需记录一次它的数据。好处之二是修改元件后，用该元件制作的动画也同时被更新。实例创建的元件都存放在“库”中。在“库”面板中可以找到已经创建的各种元件。当把一个元件拖到“舞台”上时，Flash就创建了该元件的一个实例。一个元件可有多个实例。实例是元件的副本。3.3元件创建和编辑Flash中有三种类型的元件： 元件素材可以直接用 Flash的工具绘制；也可以导入用其它软件绘制的。Flash CS5支持多种图形

2、格式。例如：JPGE、GIF、PNG、PSD等。 在导入包含图层的文件时，可选择图层或合并图层。1图形元件2影片剪辑元件3按钮元件3.3元件创建和编辑一、创建元件创建元件有两种方式：（1）用“插入”“新建元件”命令，直接进入元件编辑模式。（2）在“舞台”上选取现有的图形，用“修改”“转换为元件”命令，将已选取的内容转换成元件。3.3元件创建和编辑1用“新建元件”命令和工具绘制图形制作元件 例3.3：创建图形元件。（1）在Flash中，单击“文件”“新建”命令，新建一文档。（2）单击“插入”“新建元件”命令，在弹出的“新建新元件”对话框的“名称”中输入元件名“帆船”（或用原来给定的名：元件1）。

3、在“类型”中选择“图形”。单击“确定”按钮，进入元件编辑模式。此时，“舞台”左上方除了“场景1”外，还有正在编辑的元件名。操作步骤：3.3元件创建和编辑 （3）在元件编辑模式中（中心有个十字），绘制帆船。单击“工具”面板中的“矩形工具”，在“笔触颜色”中选择没有笔触；在“填充颜色”中选择灰色。拖动鼠标绘制一个灰色矩形。 （4）用“选择工具”将矩形调整成帆船的船身。 （5）选择“多角星形工具”。单击“属性”检查器中“工具设置”的“选项”按钮，在“工具设置”的“样式”中选择“多边形”；边数：3。选择没有笔触；选择“填充颜色”为 紫色。绘制一个三角形。再用“选择工具”和“任意变形工具”调整三角形。

4、（6）复制一个紫色三角形。选择“颜料桶工具”，在“填充颜色”中选择蓝色，单击紫色三角形将其变为蓝色。再用“选择工具”和“任意变形工具”调整三角形。 （7）单击左上角“场景1”或 按钮，从元件编辑模式返回场景中。“库”面板中已有“帆船”元件。 （8）用“例3.3”为文件名，Fla格式保存文件。图3.93 帆船3.3元件创建和编辑2用“修改”“转换为元件”命令和外部导入的素材制作元件 （1）在例3.3中，单击“文件”“导入”“导入到舞台”命令。在弹出的“导入”对话框中选择路径和文件名，单击“打开”按钮，将“卡通人物.jpg”文件导入到“舞台”上。 （2）用“选择工具”单击导入的图，单击“修改”“分

5、离”命令。此时，图形已被分离（打散）。选中时，图上显示点状的散点，结果如图3.98。图3.98 分离后的图操作步骤：3.3元件创建和编辑 （3）“选择工具”在图以外的部分单击。 （4）去掉人物以外的部分。单击“工具”面板的“套索工具”，在“工具”面板下的“选项”区域单击“魔术棒”。用“魔术棒”在要去除的部分单击，再按Del键，即可删除“魔术棒”选中的区域。 （5）在其它要删除的部分，重复步骤（4），便可删除人物以外的部分。 （6）如果还有一些残留，用“工具”面板上的“橡皮擦工具”，在下面的“选项”区域中选择“标准擦除” 。在要擦除部分拖动鼠标即可。3.3元件创建和编辑 （7）用“选择工具”单击

6、“舞台”上的人物。单击“修改”“转换为元件”命令，在弹出的“转换为元件”对话框的“名称”中输入：卡通，类型中选择：图形，单击“确定”按钮。此时，“舞台”上的图形已转换成元件。“库”面板如图3.104。 （8）保存文件。图3.103 转换成元件图3.104 “库”面板3.3元件创建和编辑二、编辑元件元件编辑 已经制作完成的元件需要修改时，可以通过“库”面板进入元件编辑模式，对元件进行编辑处理。也可以在“舞台”上双击这个元件的实例，进入元件编辑模式，对元件进行编辑处理。 在元件编辑模式下，对元件进行编辑处理完成后，单击“舞台”左上的场景名按钮 ，返回场景中。3.3元件创建和编辑1更改例3.3中卡通

7、的裤子颜色 （1）双击“库”面板上卡通的图形，进入元件编辑模式。 （2）单击“工具”面板上的“套索工具”，在“选项”区域中选择“魔术棒”。 （3）用“魔术棒”工具在裤子上单击后，并继续在裤子未选中的区域单击，直至将裤子全部选中。 （4）单击“工具”面板上的“颜料桶工具”。在“填充颜色”中选择黄色。用“颜料桶工具”在选中的部分单击，裤子由蓝色变成黄色了。 左 右 图3.105 修改元件操作步骤：3.3元件创建和编辑 （5）单击“舞台”左上的“场景1”，从元件编辑模式返回场景中。 （6）保存文件。 上面仅介绍了图形元件的制作和编辑。影片剪辑元件和按钮元件的创建方法与图形元件相同，只是在元件编辑模式

8、下的处理不同而已。在后面的章节中将介绍影片剪辑元件和按钮元件。3.4基本动画制作动画是对象随着时间的推移而发生的运动或变化。动画制作主要有两种 1. 逐帧动画 逐帧动画在时间轴上的每一帧都是关键帧，即每一帧的内容都不同。这类动画制作简单，但绘制图形的工作量大，文件也大。3.4基本动画制作2.补间动画补间动画是通过为不同帧中的对象属性指定不同的值而创建的动画。 Flash中的补间动画要求使用元件实例。如果所选对象不是一个元件实例，Flash将自动要求把所选的内容转换为元件。 “补间图层”允许在不同关键帧处更改实例的多种属性。 Flash会自动把补间动画分隔在它们自己的图层上，这些图层称为“补间图

9、层” 。每个图层中只能有一个补间动画，不能含有任何其它元素3.4基本动画制作补间动画制作的基本流程：（1）在“舞台”上选取要制作动画的对象。（2）右击鼠标，在弹出的上下文菜单中单击“创建补间动画”命令。此时，在“时间轴”上形成了有蓝色背景的若干帧，为补间范围。可以用鼠标悬停在补间范围的最后一帧处，当鼠标变为双向箭头时，向左或向右拖动鼠标，减少或增加补间范围。（3）将红色播放头移动到（或用鼠标单击）不同的帧处，改变对象属性（创建属性关键帧）。（4）动画制作完成。3.4基本动画制作 - 变形动画一、变形动画 演示：观看例3.4动画效果。 对象大小变化动画是最简单和最基本的动画，也是最常用的动画。制

10、作变形动画可以用“工具”面板上的“任意变形工具”或用“属性”检查器、“变形”面板设置变形的属性值。图3.106 “变形”面板3.4基本动画制作 - 变形动画 例3.4：变形动画。 （1）在Flash中，单击“文件”“新建”命令，新建一个文档。 （2）在“属性”检查器中将“舞台”颜色设为：00CCFF。 （3）单击“文件”“保存”命令，用“例3.4”为文件名，Fla格式保存影片文件。 （4）将“孙悟空.jpg”图片处理成“孙悟空”图形元件。操作步骤：3.4基本动画制作 - 变形动画 （5）单击“插入”“新建元件”命令，创建“金箍棒”图形元件。在元件编辑模式下，用 “线条工具”，在“属性”检查器中

11、选择“笔触颜色”：#FFCC33；选择 “圆角”的 “端点” 。拖动鼠标，画一小段线条。 （6）单击“舞台”左上角“场景1”，返回场景中。 （7）单击“库”面板上“孙悟空”图形元件名，将“库”面板上的孙悟空图形拖到“舞台”右上方，如图3.108。3.4基本动画制作 - 变形动画 （8）在“舞台”上，鼠标右击实例（孙悟空图形），在弹出的上下文菜单中，单击“创建补间动画”。此时，“时间轴”上“图层1”的补间范围为24帧，如图3.108 。 （9）将鼠标悬停在第24帧处，鼠标出现双向箭头时，将鼠标向后拖到60帧处（增加补间范围）。双击“图层1”名，将图层重命名为：悟空1。 （10）将“时间轴”上的红

12、色播放头移动到1帧处，选择“任意变形工具”，拖动对角线上的变形句柄，将实例变小，如图3.108。 （11）将“时间轴”上的红色播放头移动到第20帧处，再用“任意变形工具”放大实例。3.4基本动画制作 - 变形动画 （12） 单击“时间轴”上“新建图层”按钮，创建一新图层，重命名为：棒。 （13）在“棒”图层的第25帧处，单击鼠标右键，在弹出的上下文菜单中选择“插入关键帧”命令。将“金箍棒”元件从“库”面板中拖到“舞台”上孙悟空的左手掌中。创建补间动画。 （14）用“任意变形工具”将“金箍棒”实例的中心（小圆圈）拖到靠手掌的一端；再用“任意变形工具”适当改变金箍棒的大小。 （15）将“时间轴”上

13、的红色播放头移动到“棒”图层的第45帧处，选择“任意变形工具”，拖动“任意变形工具”左上角的变形句柄（金箍棒向左上方伸长）。可用“选择工具”调整金箍棒的位置。注意：调整实例的中心（小圆圈）位置，可以让实例沿一个方向放大或缩小。3.4基本动画制作 - 变形动画 （16）单击“文件”“保存”，保存影片文件。 （17）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。注意： （1）在例3.4中孙悟空和金箍棒的变化都是大小变化，但不相同。孙悟空的变化是拖动“任意变形工具”的对角线上的变形手柄后，以小圆圈为中心，长宽均等变化。在金箍棒的变化中，需要在一个方向上变化（

14、靠孙悟空的掌心方向不变），所以先用“任意变形工具”移动小圆圈（中心）到线条的一端，在另一个方向上拖动变形手柄，金箍棒向反方向上伸展。希望通过以上两种不同的应用，掌握“任意变形工具”的不同变化。 （2）用“任意变形工具”和“属性”检查器中的宽和高以及“变形”面板都可以改变对象大小。如果需要精确的数值，用“属性”检查器和“变形”面板中的属性设置。3.4基本动画制作 - 色彩变化动画演示:双击例3.5.swf文件，观看动画效果。 1制作色调变化动画 例3.5：制作金箍棒变色动画。 （1）打开例3.4.fla文件。用“文件”“另存为”命令，“例3.5”为文件名保存文件。 （2）选择“悟空1”补间图层，

15、在120帧处鼠标右击，在弹出的上下文菜单中，单击“插入帧”命令，延长补间范围。在“棒”补间图层做同样操作。 （3）选中“棒”补间图层，将红色播放头移动到第65帧处。用“选择工具”单击“舞台”上的“金箍棒”（这是关键步骤）。在“属性”检查器中，单击“色彩效果”区域“样式”右边的三角形，在菜单中单击“色调” 。在“着色”中选择绿色。“舞台”上的金箍棒变为绿色。 操作步骤：图3.113 设置“色调”属性3.4基本动画制作 - 色彩变化动画 （4）将“时间轴”上红色播放头移动到第85帧处，重复步骤（3），只是将选择的颜色变为白色。 至此，金箍棒由金黄色变为绿色再变成白色的色调变化的补间动画制作完成。

16、（5）单击“文件”“保存”，保存影片文件。整个影片的时间轴如图3.115。 （6）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。 3.4基本动画制作 - 色彩变化动画2“亮度”变化动画 例3.5中月亮的闪烁是用“亮度”变化制作的动画。亮度变化也是“色彩效果”中的一种。亮度值变化范围：-100-100。 制作例3.5中月亮闪烁的动画。 （1）在例3.5中，用“插入”“新建元件”命令，创建“月亮”图形元件。在元件编辑模式下，单击“工具”面板上的“椭圆工具”，在“属性”检查器中选择黄色的填充颜色（无笔触），按住Shift键并拖动鼠标绘制一个黄色的圆。返回场景

17、中。操作步骤：3.4基本动画制作 - 色彩变化动画 （2）新建一图层，重命名为：月亮。 （3）在“月亮”图层的第1帧，将“库”面板中的“月亮”元件拖到“舞台”的左上角。在月亮实例上右击鼠标，在上下文菜单中单击“创建补间动画”。 （4）将“时间轴”上的红色播放头移到第25帧，用“选择工具”单击月亮实例；在“属性”检查器中，单击“色彩效果”区域的“样式”右边的三角形，在菜单中单击“亮度”，并将亮度值设为：-12。 （5）将“时间轴”上的红色播放头移到第50帧，重复步骤（4），只是将亮度值设为：55。 （6）单击“文件”“保存”，保存影片文件。 （7）单击“控制”“测试影片”“在Flash Prof

18、essional中”命令，测试动画效果。图3.116 设置“亮度”属性3.4基本动画制作 - 色彩变化动画3透明度变化动画（1）制作孙悟空淡入效果的动画。 新建一图层。将新图层重命名为：悟空2。 在第1帧处，从“库”面板中将孙悟空图形元件拖放到“舞台”左下角。 单击“修改”“变形”“水平翻转”命令，让孙悟空转个身。 在“属性”检查器中，单击“色彩效果”区域中的“样式”右边的三角形，在菜单中单击“Alpha”，并将Alpha的值设为0，如图3.118。操作步骤：图3.118 设置“Alpha”属性3.4基本动画制作 - 色彩变化动画 在实例上右击鼠标，在上下文菜单中单击“创建补间动画”。 将“时

19、间轴”上的红色播放头移到第40帧，单击实例，将“属性”检查器中的Alpha的值设为100。 单击“文件”“保存”，保存影片文件。 单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。3.4基本动画制作 - 色彩变化动画（2）在“动画编辑器”面板中，设置“Alpha”值，制作孙悟空淡出再淡入效果的动画。 再新建一图层，重命名为：悟空3。 在第1帧处，从“库”面板中将孙悟空图形元件拖放到“舞台”中下部。 在实例上右击鼠标，在上下文菜单中单击“创建补间动画”。 单击“时间轴”旁的“动画编辑器”面板（如果没有，用“窗口”“动画编辑器”命令，打开面板），在第1帧处（红

20、色播放头所在位置），单击“色彩效果”右边加号下的三角形（ ），在弹出的菜单中单击“Alpha” 。 操作步骤：图3.119 在“动画编辑器”面板中设置“色彩效果3.4基本动画制作 - 色彩变化动画 将“Alpha”的数量设为：100%。 在“动画编辑器”的第40帧上，单击右键，单击“添加关键帧” 。图3.120 设置第1帧“Alpha”属性值图3.121 在“动画编辑器”中添加关键帧3.4基本动画制作 - 色彩变化动画 将“Alpha”的数量设为：0%，如图3.122。此时，在第1帧到第40帧形成了Alpha的值从100%到0%的变化的一条直线，如图3.122 右边部分。 单击“文件”“保存”

21、，保存影片文件。 单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。 图3.122 设置第40帧“Alpha”属性值3.4基本动画制作 -“动画编辑器”面板“动画编辑器”面板是Flash众多面板中的一个，它提供了补间动画的所有属性的详细信息和编辑功能。“动画编辑器”位于“时间轴”的后面，单击“动画编辑器”的选项卡可以进入。如果在“时间轴”后面找不到的话，单击“窗口”“动画编辑器”命令，打开它。图3.124 “动画编辑器”面板3.4基本动画制作 -“动画编辑器”面板 在“动画编辑器”中制作动画的基本操作： （1）创建关键帧在“动画编辑器”中，在某帧处单击右键

22、，或将红色播放头移到某帧处单击右键，用“添加关键帧”命令创建关键帧。要删除已创建的关键帧，可以在关键帧处单击右键，用“删除关键帧”命令，删除关键帧；或选中关键帧，单击左边的“黄色菱形（ ）”图标，删除关键帧。 （2）设置属性值 在关键帧处，设置相应的属性值。在设置属性值时出错的话，单击“动画编辑器”左边的“重置值”按钮（ ），将属性值重置为默认值。也可单击属性左边的“减号”按钮（ ），选取相应的属性，即从“动画编辑器”中删除属性。3.4基本动画制作 -旋转动画制作旋转动画中的一个关键点是：绕哪一点为圆心旋转？圆心位置不同，旋转的效果也不同。 1制作例3.5中悟空2以右掌心为圆心顺时针旋转2圈的

23、动画 （1）打开例3.5.fla文件。 （2）选中“悟空2”补间图层。将“时间轴”上的红色播放头移到第40帧。 （3）选择“工具”面板上的“任意变形工具”。 将悟空2实例上的空心圆圈（在中心，如图3.125左图）移到右掌心，如图3.125右图。操作步骤：图3.125 左图 右图3.4基本动画制作 -旋转动画 （4）单击“悟空2”补间图层上的第40帧，在“属性”检查器的“旋转”区域的“旋转”次数中选择2；“方向”中选择“顺时针”。如图3.126。 （5）单击“文件”“保存”，保存影片文件。 （6）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。图3.126

24、 设置“旋转”属性3.4基本动画制作 -旋转动画2让悟空3以脚为圆心逆时针旋转90度 （1）选择“悟空3”补间图层。 （2）将“时间轴”上的红色播放头移到第70帧。在“属性”检查器的“色彩效果”中，将Alpha的值设为：100%。 （3）用“任意变形工具”将悟空3的空心圆圈移到双脚交叉处。 （4）单击“悟空3”补间图层上的第40帧，将“属性”检查器“旋转”区域中的“旋转”设为0；加号后面的值设为90度；“方向”中选择“逆时针”。操作步骤：图3.127 设置“旋转”角度3.4基本动画制作 -旋转动画 （5）单击“文件”“保存”，保存影片文件。 （6）单击“控制”“测试影片”“在Flash Pro

25、fessional中”命令，测试动画效果。3.4基本动画制作 -滤镜效果动画滤镜可以给实例提供特效，也可以用来制作动画。制作滤镜动画与制作色彩效果变化的动画类似，在一个关键帧中设置滤镜的值，在另一个关键帧中设置不同的滤镜值，Flash会创建两个关键帧之间的平滑过渡。注意：滤镜只能给影片剪辑元件的实例设置效果。3.4基本动画制作 -滤镜效果动画 在例3.5中再创建一个孙悟空2的影片剪辑元件，用于制作滤镜投影效果动画。 （1）打开例3.5.fla文档。 （2）单击“插入”“新建元件”命令，在“创建新元件”对话框的名称输入：孙悟空2；类型：影片剪辑。按“确定”按钮。 （3）在“库”面板中，将“孙悟空

26、”图形元件拖到元件编辑中。 （4）为孙悟空换装。用“选择工具”选中对象，如图3.129（1）。用“修改”“分离”命令，分离图形，如图3.129(2)。操作步骤：3.4基本动画制作 -滤镜效果动画 （5）在图形外单击。选择“套索工具”，并在“选项”区域中选择“魔术棒”。用“魔术棒”单击红色裤子（两次），选中红色裤子，如图3.129（3）。 （6）单击“颜料桶工具”，在“填充颜色”中选择绿色。单击选中的红色裤子，裤子由红变绿，如图3.129(4)。 （7）重复步骤（5）-（6），将孙悟空的黄色衣服换成紫色。 （1） (2) (3) (4) 图3.129 在影片剪辑元件中给孙悟空换装3.4基本动画制

27、作 -滤镜效果动画 （8）单击“舞台”左上角的“场景1”，退出元件编辑状态。 （9）锁住所有图层。在最上层新建一图层，重命名为“悟空4”。 （10）将影片剪辑元件“孙悟空2”拖到“舞台”中央，用“任意变形工具”调整大小。 （11）右击“舞台”上的实例，在上下文菜单中选择“创建补间动画”。 （12）单击“舞台”上的实例，单击“属性”检查器的“滤镜”左边的三角形，打开滤镜，如图3.130。图3.130 “属性”面板中的“滤镜”注意：如果不是用影片剪辑元件制作的实例，在“属性”检查器中是找不到滤镜的。3.4基本动画制作 -滤镜效果动画 （13）单击下面的第一个“添加滤镜（ ）”图标，如图3.130；

28、在弹出的菜单中选择“渐变发光”，如图3.131；并在“渐变发光”中选择相应的参数以及白到黄的渐变，如图3.132。效果如图3.133。 （14）将“时间轴”上的红色播放头移到第40帧，单击实例。重复步骤（13），只是将渐变设置为：白到金黄。 （15）将“时间轴”上的红色播放头移到第80帧，单击实例。重复步骤（13），只是将渐变设置为：白色。 （16）单击“文件”“保存”，保存影片文件。 （17）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。图3.131 滤镜菜单图3.132 “投影”参数设置3.4基本动画制作 -3D效果动画在3D的动画制作中引入了Z轴

29、，形成了三维动画效果。在“工具”面板上选择“3D旋转工具”或“3D平移工具”后，要在“工具”面板下面“选项”区域选择“全局转换”选项。单击“全局转换”按钮，选择了“全局转换”；不按“全局转换”按钮，则选择了“局部转换”。在“全局转换”状态下，实例的移动或旋转相对于全局坐标进行的。在“局部转换”状态下，实例的移动或旋转相对于它自身进行的。注意：3D工具只能给影片剪辑元件的实例设置效果。3.4基本动画制作 -3D效果动画 制作例3.5中孙悟空3D旋转动画。 （1）打开例3.5.fla文档。新建一图层，重命名为：悟空5。锁住其它图层。 （2）在“悟空5”图层，单击第1帧。从“库”面板中，将影片剪辑元

30、件“孙悟空2”拖到“舞台”左中部。用“任意变形工具”调整大小。 （3）用“选择工具”在孙悟空实例上单击右键，在上下文菜单中选择“创建补间动画”命令。操作步骤：3.4基本动画制作 -3D效果动画 （4）将红色播放头移到第40帧。单击“工具”面板上的“3D旋转工具”，在下面的“选项区域”中，单击“全局转换（ ）”按钮，孙悟空实例上出现三维坐标：红色为X轴，绿色为Y轴，蓝色为Z轴，如图3.135。分别拖动Y、X、Z轴，如图3.136、3.137、3.138。或用“变形”面板，精确设置X、Y、Z旋转的度数，如图3.139。图3. 135 “3D旋转工具”图3.138拖动Z轴图3.137 拖动X轴 图3

31、.136 拖动Y轴图3.139 第40帧“变形”参数3.4基本动画制作 -3D效果动画 （5）将红色播放头移到第80帧。分别拖动X、Y、Z轴，或在“变形”面板中设置X、Y、Z的值，如图3.140。 （6）将红色播放头移到第120帧。分别拖动X、Y、Z轴，或在“变形”面板中设置X、Y、Z的值，如图3.141。 （7）单击“文件”“保存”，保存影片文件。 （8）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。图3.140 第80帧“变形”参数图3.141 第120帧“变形”参数 除了制作3D旋转动画，还可以制作3D平移动画。制作方法基本相同。3.4基本动画制

32、作 -位移动画位置改变的动画也是最基本的动画。除了可以让实例沿直线运动，也可以沿曲线运动。与早期版本中曲线运动的动画制作方法相比，Flash CS5中制作沿曲线运动的动画更简单。3.4基本动画制作 -位移动画 1直线运动动画 例3.6：蝴蝶飞舞。 （1）在Flash中新建一文档。 （2）单击“文件”“导入”“导入到舞台”命令，将“日落.jpg”图片导入到“舞台”上。用“任意变形工具”将图片调整到与舞台大小相同（用该图片作为动画背景）。 （3）将“图层1”重命名为：背景。在“背景”图层的第80帧处右击，在上下文菜单中，选择“插入帧”命令。 （4）单击“时间轴”上的“锁定图层（ ）”图标，锁定“背

33、景”图层（在其它图层操作时不会影响已锁定的图层）。单击“时间轴”上的“隐藏图层（ ）”图标，隐藏“背景”图层，使当前编辑的图层无遮挡。操作步骤：注意：导入图片时，在“背景”的第1帧处产生了关键帧。该关键帧在整个动画中始终不变，所以用“插入帧”命令，延续关键帧即可。“背景”图层是普通图层。3.4基本动画制作 -位移动画 （5）用“插入”“新建元件”命令，创建一个名为“蝴蝶”的图形元件。在元件编辑中，用“文件”“导入”“导入到舞台”命令，将蝴蝶.jpg图片导入。 （6）用“修改”“分离”命令，分离蝴蝶。 （7）选择“套索工具”和“选项”中的“魔术棒”，将蝴蝶以外的部分选中，并删除。 （8）单击“场

34、景1”按钮，退出元件编辑状态，返回场景中。 （9）新建一图层。重命名为：蝴蝶1。单击第1帧，从“库”面板中将“蝴蝶”元件拖到“舞台”右下角，并调整大小和方向，如图3.143。 图3.143“蝴蝶1”补间图层第1帧实例3.4基本动画制作 -位移动画 （10）右击蝴蝶实例，在上下文菜单中选择“创建补间动画”命令。 （11）将红色播放头移到第80帧，用“选择工具”把蝴蝶实例拖到“舞台”左上方。此时在蝴蝶实例位移的两点间有一条点画线，示意实例的运动路径，如图3.144。 （12）用“例3.6”为文件名，fla格式保存文档。 （13）单击“控制”“测试影片”“在Flash Professional中”命令，测试动画效果。图3.144“蝴蝶1”补间图层第80帧实例3.4基本动画制作 -位移动画2曲线运动动画 在例3.6.swf中，蝴蝶沿曲线飞。要让蝴蝶沿曲线运动，只要将原来直线路径的改成曲线。 编辑运动路径。 （1）单击“蝴蝶1”补间图层的第1帧。 （2）选择“钢笔工具”中的“转换锚点工具” 。 （3）在“舞台”上运动路径的起点或终点处，按住鼠标拖动；再从锚点处拖动控制句柄。拖动控制句柄改变路径的曲度。如图3.146。 （4）放开鼠标，原来的直线运动路径变为曲线，如图3.147。操作步骤：图3