《网页设计三剑客Flash8.0动画制作.ppt》由会员分享，可在线阅读，更多相关《网页设计三剑客Flash8.0动画制作.ppt（114页珍藏版）》请在三一办公上搜索。
1、Flash 8.0动画制作,动画制作初步Flash 8.0基本操作动画制作技法,1动画制作初步,1.1 认识时间轴1.2 时间轴中的帧,1.1 认识时间轴,从本质上讲，Flash动画是以帧为基本单位、以时间轴为主线的动画。因此，对帧操作的熟练显得尤为重要。在时间轴面板上，影片中的层在时间轴左侧的列中，每个层中包含的帧显示在该层名称右侧的一行中。在时间轴上可以查看每一帧的情况、调整动画播放的速度、安排帧的内容、改变帧与帧之间的关系，添加时间轴等效，从而实现不同的动画效果。时间轴显示的效果如图所示,1.1 认识时间轴,1.2 时间轴中的帧,1.帧的分类普通帧：普通帧也称为静态帧,过度帧，显示同一层
2、上最后一个关键帧的内容。在时间轴上关键帧必须总是在普通帧的前面。前置关键帧的内容显示在随后的每个普通帧中，直至到达另一个关键帧为止。在已填充的关键帧后面的普通帧为银灰色，在空关键帧后的普通帧为白色。,1.2 时间轴中的帧,关键帧：所谓关键帧，是用来定义动画变化的帧，也包含动作脚本的帧。在时间轴中关键帧以黑色的实心圆点显示，用来实现无法用渐变动画实现的效果。但一般不推荐频繁使用，因为关键帧的增加将加大动画文件的大小。,1.2 时间轴中的帧,空白关键帧：空白关键帧是特殊的关键帧，以空心圆表示。它的作用是将前面的关键帧内容清除掉，而使画面的内容变为空白，其作用是使动画中的对象消失掉。在设计Flash
3、动画时，没有内容的帧占了时间线的大部分，所以时间线运行到空帧的点时就会停止放映。,1.2 时间轴中的帧,2.帧的操作在Flash 8.0中可以进行插入、选取、删除、移动和复制帧等基本操作，还能在各种类型帧之间进行相互转化,1.2 时间轴中的帧,（1）插入普通帧、关键帧、空白关键帧（2）选取帧、帧列、指定数量的帧（3）帧的移动、复制与删除,1.2 时间轴中的帧,3.帧居中和洋葱皮工具（1）帧居中,图 移动播放指针,图 帧居中,1.2 时间轴中的帧,（2）洋葱皮功能,图 洋葱皮效果,图 洋葱皮轮廓线,1.2 时间轴中的帧,图 编辑多个帧,图 洋葱皮设置菜单,1.2 时间轴中的帧,4当前帧、帧频率、
4、运行时间状态栏中的这三个数字分别为当前播放指针所在的当前帧号、动画播放速度以及以此速度从头播放到当前帧所需的时间。,1.2 时间轴中的帧,5帧察看菜单,1.2 时间轴中的帧,6.使用帧标签和帧注解 具体操作步骤如下：（1）选择要填加帧标签或注解的帧。（2）在帧属性面板帧标签文本框里输入文本作为帧标签，如果在文本的每一行的开头输入双斜线“/”或在下拉菜单中选择“注释”，则该文本将变为帧注解，如图11-14显示了帧标签和帧注解在时间轴中的显示状态,本节完,例题:制作闪烁字母,具体操作如下：1、新建一个文件，将背景色设置为深蓝色。(在舞台上单击右键,选择文档属性)2、选择【文本工具】，将线条颜色设置
5、为黄色，然后在舞台上输入字母f。3、用【箭头工具】选择文字，将文字打散，使其变成Flash可以处理的矢量图形。,4、执行【修改】【形状（Shape）】【柔化填充边缘（Soften Fill Edges）】命令，打开【柔化填充边缘】对话框，按图所示进行设置。,效果如下图所示：,5、选择时间轴上的第5帧，插入关键帧，此时该帧中的内容与第1帧保持相同的内容。6、选择第6帧，插入空白关键帧。再选择第8帧插入普通帧，时间轴如图所示。,7、将1至8帧选中，复制选中的帧。8、右击第9帧，粘贴所复制的帧。,9、选择【箭头工具】，单击舞台上文字的中心部分，然后拖动鼠标至右侧，如图所示，释放鼠标。,10、选择第1
6、3帧文字的描边部分，再按【Delete】键删除选取部分。最后效果如图所示。,11、右击第17帧，从弹出的快捷菜单中选择【粘贴帧】命令。12、将第9帧至第16帧选中，对帧进行复制，然后在第25帧处进行帧的粘贴，完成后的【时间轴】面板如图所示。,13、将所有帧选中，然后拖动鼠标到第10帧处，移动帧及其结果如图所示。,14、执行【控制】【测试影片（Test Movie）】命令测试动画效果。,4 Flash 8.0Professional 2004基本操作,4.1 新建Flash MX动画文件4.2 定义影片属性4.3 预览并测试电影,4.1 新建Flash MX动画文件,选取“文件”“新建”命令，或
7、单击标准工具栏上的按钮，选择“Flash文档”可以建立一个空白的文件，默认的文件格式为.fla。新建的文件影片是空白的，只有一个图层。,4.2 定义影片属性,新建一个Flash影片文件后，需要设置该影片的相关信息，如影片的尺寸、播放的速率、背景色等。选取“修改”“文档”命令，打开“文档属性”对话框或在属性面板中设置。如图所示,文档属性对话框,4.3 预览并测试电影,打开一个Flash动画文件或制作完成动画后，可以马上预览并测试电影。（1）选择“文件”“打开”命令，或单击标准工具栏上的按钮，在出现的“打开”对话框中，选定要打开的文件，单击按钮即可。（2）打开一个Flash影片文件后，按“Ente
8、r”键，或选取“控制”“播放”命令，或单击控制栏按钮，可以播放该影片。在播放影片的过程中，会发现在时间轴线面板上，一个红色的播放头从左到右移动。,4.3 预览并测试电影,（3）若要测试整个电影，请选取“控制”“测试影片”命令或按“Ctrl+Enter”键。Flash会调用播放器来测试整个电影，临时关闭工作区和时间轴线面板。测试完成后，要返回原来的源文件，可以单击按钮即可（注意不是主程序的按钮）。（4）觉得满意后，可以保存动画文件。选取“文件”“保存”命令可以保存一个Flash动画文件。,本节完,5 Flash动画制作技法,5.1 逐帧动画5.2 运动补间动画5.3 补间形状动画5.4 引导层动
9、画,5.1 逐帧动画,赏析关键帧动画，主要是查看动画造型的设计，分析的是动画运动的规律，如图所示。,例 逐帧动画,下面通过现有图片素材来介绍创建逐帧动画的制作方法，具体操作步骤如下：1、新建一个文件，此时的时间轴上的第一帧是个空白关键帧。2、在其他图片处理程序（如Photoshop）中将准备好的图片素材打开，选中后按【Ctrl+C】组合键进行复制。,3、在Flash中，选择第1帧，按【Ctrl+V】组合键进行粘贴，如图所示。,4、用步骤2中同样的方法复制素材的第2幅图片。5、在第2帧处插入一个关键帧，然后将复制的图片粘贴到第2帧中，如图所示。,6、选择【预览（Preview）】模式，在时间轴上
10、显示每一帧的动画内容，如图所示。,7、执行【控制】【测试影片】命令测试动画效果。,文字逐帧动画 例题(有兴趣可以做),1.逐帧动画实例创建一个“欢迎您回来！”的打字效果的逐帧动画 具体操作步骤如下：（1）选择“文件”“新建”命令，新建一影片文件，设定帧频为“5”。（2）在菜单中选择“插入”“新建元件”命令，或使用快捷键Ctrl+F8进入编辑元件模式，绘制闪动的光标元件。,5.1 逐帧动画,（3）用文本工具在舞台的中心创建一个名为“光标”的元件，如图11-44（a）所示,5.1 逐帧动画,（4）继续用快捷键Ctrl+F8进入编辑元件模式，创建文本“欢”和光标的元件，如图（b）所示。,5.1 逐帧
11、动画,（5）用同样方法再创建文本“欢迎”和光标的元件，如图（c）所示,5.1 逐帧动画,直到最后完成“欢迎来到我的个人网站”元件的创建，如图（d）所示。,5.1 逐帧动画,（6）完成了各基本元件的创建后，下面开始创建动画。首先，单击舞台右上角的切换按钮切换到场景。然后在菜单中选择“视图”“网格”“显示网格”选项，调出背景网格以便调整实例的位置。（7）打开“库”面板，如图所示。将库中的“光标”元件拖入舞台，创建一个“光标”的实例，然后按快捷键F6，插入一个关键帧。,图11-45库面板,5.1 逐帧动画,（8）在时间轴上分别选中第1、2帧，然后再按3次快捷键F5，在第1、2帧后各插入三个普通帧。再
12、分别右键单击两个关键帧后的普通帧，从下拉菜单中选择“转换为空白关键帧”，这样就完成了闪动的光标的制作。这时可以测试一下光标的闪动效果，如图所示,5.1 逐帧动画,（9）在时间轴上创建闪动的光标共用了8帧。选中第9帧，按快捷键F7，插入一个空白关键帧。然后在“库”面板中把元件 2的“欢”字拖拽到舞台闪动的光标的位置上，并与其对齐。（10）重复上一步，在时间轴以后的各帧中将“库”面板中的各个文字元件分别拖入，调整帧的播放频率为5帧。就可以测试动画效果了。该动画最终的时间轴如图11-47所示。,5.2 运动补间动画,补间动画是相对于逐帧动画而言的，它通过定义动画某一部分的起点和终点的内容，然后由Fl
13、ash自动生成两端点间各帧（一般称这些帧为补间帧）的内容。,在Flash中可以建立两种补间动画形状补间（Shape Tween）和运动补间（Motion Tween），每种都有其自己的特性。,5.2 运动补间动画,1.运动补间动画的制作限制 运动补间动画是比较简单的动画之一。其制作限制就是动画的起止对象必须为元件，而且必须为同一个元件。你可以通过选取“插入”“转换为元件”命令，或按“F8”键，将图像、文字、图形对象转换为元件。如果舞台上没有对象，可以建立一个新元件。,例题 创建运动补间动画,下面先通过一个例子来说明创建运动补间的方法，具体操作步骤如下：,1、新建一个文件，然后利用工具箱的工具制
14、作一幅图片，如图所示。,2、新建一个图层【图层 2】。3、用【画笔工具】在舞台上绘制一面红旗，将 颜色设置为红色，如图所示。,4、选择图层 1中的第15帧，插入普通帧。5、选择图层 2，在第1帧上将红旗拖到旗杆的下方，按【Ctrl+G】组合键使其成组。,6、选择第15帧，插入关键帧，将红旗拖至旗杆上方，如图所示，然后释放鼠标。,7、用鼠标右击图层 2的第1帧，从弹出的快捷菜单中选择【创建补间动画（Create Motion Tween）】命令，此时的【时间轴】面板如 图所示。,8、下面来制作降旗的动画。在图层 1的第60帧处插入普通帧。9、在图层 2的第45帧处插入关键帧，然后选中第1帧到第1
15、5帧，复制选中的帧。10、用鼠标右击第46帧，将复制的帧粘贴到此处。,11、选择第46至60帧，翻转动画帧，使升旗过程变为降旗过程。此时的【时间轴】面板及画面如下图所示。,5.2 运动补间动画,2.实例(有兴趣的做一下)运动补间动画实例具体操作步骤如下：（1）选取“文件”“新建”命令，或按“Ctrl+N”键，新建一个动画文件。（2）选择“修改”“文档”命令，打开的文档属性对话框，修改动画的属性。,5.2 运动补间动画,（3）选取第1帧，选择“文件”“导入”命令，导入一幅名为“水草”的背景图像，调整到合适大小，再选取第65帧，右击，从弹出的菜单中选择“插入帧”命令，使从第1帧到第65帧的背景图像
16、都可见。（4）增加2个图层，在元件库中选取导入或自制的“鱼”的影片剪辑元件，如图所示。,5.2 运动补间动画,并将其放置于名为“鱼1、鱼2”的层，拖曳到舞台的右下方，用于创建2个“鱼”元件的实例，并调整其大小，如图所示。,5.2 运动补间动画,（5）分别在时间轴2个鱼的图层的第65帧处单击鼠标右键，在弹出的菜单上选取“插入关键帧”命令或按“F6”键，设置为关键帧，如图所示。,5.2 运动补间动画,（6）第65帧的画面上，将两条鱼移动到舞台的适当位置，并适当缩放其尺寸，调整其色调和Alpha值。（7）在属性帧面板上的“补间”下拉框中选取“动作”项，也可以在中间帧的位置右击，在出现的快捷菜单中选取
17、“创建补间动画”命令，其他选项不变，在时间轴面板上的第1-65帧将出现淡色底纹，至此运动补间动画便制作完成了，如图所示。,5.2 运动补间动画,（8）启动洋葱皮功能，设置洋葱皮效果的范围为全部，可以查看小鱼运动的效果。（9）按Ctrl+Enter键，测试动画，如图所示。,5.3 补间形状动画,形状补间动画是指形状逐渐发生变化的动画，一般称为变形动画。,5.3 补间形状动画,1补间形状动画的制作限制补间形状动画的制作限制是动画的起止对象必须都是图形。Flash是矢量图形动画制作软件，用它自身的工具箱中的工具绘制的都是图形，都可以直接去制作补间形状动画。,5.3 补间形状动画,2.形变动画实例创建
18、一个由“蜗牛变为鸽子”的补间形状动画。具体操作步骤如下：（1）选取“文件”“新建”命令，选择“Flash文档”选项，新建一个动画文件。（2）选择“修改”“文档”命令，在打开的文档属性对话框中设置动画的属性。,5.3 补间形状动画,（3）在舞台上创建一个“蜗牛”的图形（可用工具绘制也可利用其他工具绘制后导入），并删除其边线，完成第一帧的图形，第1帧自动成为一个关键帧。如图11-53所示。,5.3 补间形状动画,（4）在时间轴的第20帧处单击，按“F7”键，插入一个空白关键帧。（5）在舞台右方创建一个“鸽子”的图形，并删除其边线，完成第20帧图形。,5.3 补间形状动画,（6）打开属性面板，在面板
19、上的补间动画下拉框中选取“形状”项，在时间轴面板上的第1帧到第20帧将出现淡色底纹，如图所示,5.3 补间形状动画,如果制作的形状渐变效果不够满意，想让形状按照自己的意愿变化，可以使用Flash提供的“形状提示功能”功能，为图形添加形状提示点可以控制形变的方向。具体操作步骤如下：,5.3 补间形状动画,（1）用鼠标选中第1帧，选取“修改”“形状”“添加形状提示”命令，为第1帧添加2个形变提示点。Flash自动在动画的末帧添加了2个提示点。它们两者是一一对应的，提示点一旦起作用，起始帧的颜色应该为黄色，末帧应该为绿色。其效果如图所示。,5.3 补间形状动画,（2）按照相同的方法为图形添加4个形变
20、提示点，并对其依次分布到合适位置，其效果如图11-56所示。Flash 8.0允许为形变动画最多添加26个形变提示点。,5.3 补间形状动画,（3）按Ctrl+Enter键，测试动画，看看补间形状的效果是否发生了变化。形变提示点在测试动画时是不会显示的。,5.4 引导层动画,1.引导层动画制作实例创建“瓢虫与绿叶”的引导层动画。当播放动画时，一只瓢虫沿着叶脉缓缓爬动，效果如图所示,5.4 引导层动画,具体操作步骤如下：（1）新建一个动画文件。选择“修改”“文档”命令，在打开的文档属性对话框中修改动画的属性，设置背景色为黑色。（2）导入一“绿叶”的背景图像，如图所示,5.4 引导层动画,创建一名
21、为“瓢虫”的图形元件，如图所示。,5.4 引导层动画,（3）新增一图层2，命名为“瓢虫”。选取“窗口”“库”命令，打开元件库，在元件库中选取导入的“背景”与“瓢虫”元件，将其拖入到舞台，创建该元件的实例。并调整到合适大小，如图所示。,5.4 引导层动画,（4）选中“背景”图层，在时间轴的第30帧处单击鼠标右键，在弹出的菜单上选取“插入帧”命令，令背景一直可见。（5）选择“瓢虫”图层，在30帧处右击，在弹出的菜单中选择“插入关键帧”命令或按“F6”键，将第30帧设置为关键帧。在第30帧的画面上，将“瓢虫”移动到绿叶上的合适位置，并适当缩小其尺寸，如图所示。,5.4 引导层动画,（6）在时间轴面板
22、的底部，单击按钮，添加一个“引导层”，引导层的功能是为一般的图层提供路径，以制作自定义轨迹的引导层动画，如图所示。,5.4 引导层动画,（7）将播放头移动到第1帧，单击工具箱上的铅笔工具，再单击选项的“平滑”按钮，在引导层上绘制一条平滑的路径，如图所示。,5.4 引导层动画,（8）单击标准工具栏或工具选项的按钮，或选取“查看”“对齐对象”命令，启动“对齐对象”模式。（9）选取第1帧的“瓢虫”，拖曳瓢虫元件的中心点（小十字）到路径的右端点，使瓢虫上的中心点与路径相结合。,5.4 引导层动画,（10）将播放头移动到第30帧，选取瓢虫，拖曳瓢虫的中心点（小十字）到路径的左端点，使瓢虫上的圆点与路径相
23、结合，如图所示。,5.4 引导层动画,（11）选取图层1的第1帧，打开属性面板，在属性面板上的“补间”下拉选框中选取“动作”项，这样瓢虫便可以沿着引导线进行运动了。你也可以在中间帧的位置单击鼠标右键，然后，在出现的快捷菜单中选取“创建补间动画”命令。在时间轴面板上的第1帧到第29帧将出现淡色底纹。如图所示,5.4 引导层动画,（12）启动洋葱皮功能，设置洋葱皮效果范围为全部，查看瓢虫运动效果，如图所示。,5.4 引导层动画,（13）按“Enter”键，播放动画，按”Ctrl+Enter”键，可以测试动画。若觉得路径碍事，可以将运动引导图层隐藏。,5.5 遮罩动画,1.遮罩动画的概念遮罩就其本质
24、而言，只是确定了一个显示范围。遮罩的制作必须用两个图层才能完成，上面的图层称作遮罩层，下面的图层称作被遮罩层。在遮罩层中的对象将成为透明区域，而对象外的区域将不透明，这样，被遮罩层对象仅能通过遮罩层中的对象显示出来。遮罩效果不能直接嵌套使用，就是“时间轴”面板中的一个遮罩层不能套着一个遮罩层。要实现嵌套使用，必须先在一个元件中完成一个遮罩效果，然后将这个元件引入到另一个元件中再进行遮罩处理。,5.5 遮罩动画,2.遮罩动画制作实例创建一个“礼花绽放”效果的遮罩动画，在深邃的夜空中，绽放的礼花分外妖娆 具体操作步骤如下：（1）建立一个新的影片文件。按“Ctrl+N”键，打开影片属性对话框，设置舞
25、台的背景色为黑色。,5.5 遮罩动画,（2）新建一图形元件“线”，画出几条曲线，选择“修改”“形状”“将线条转换为填充”命令，将这几条曲线转换为矢量图形，如图11-69所示。,5.5 遮罩动画,（3）制作一个名为“遮罩”的影片剪辑元件。将元件库中的名为“线”的元件拖入舞台中，然后复制翻转，形成如图所示的图形。,5.5 遮罩动画,（4）制作一个图形元件“色环”。绘制一个圆，并应用“放射状”渐变填充，如图所示。,5.5 遮罩动画,（5）在场景中，将元件“色环”放在“图层”，元件“遮罩”放在“图层2”，两者中心重合，如图所示。,5.5 遮罩动画,（6）制作“色环”实例动画。选中第30帧，使其比例在3
26、0帧内从7%变化到37%。（7）制作“遮罩”实例动画，使其在30帧内向下移动40，这样礼花会产生逐渐下落的效果。,5.5 遮罩动画,（8）将“图层2”设置为遮罩层，“图层1”变成被遮罩层，如图所示。,5.5 遮罩动画,（9）测试影片，会看到夜空中绽放的礼花，如图11-74所示。,5.5 遮罩动画,（10）为了使礼花看上去更绚烂，可多增加几个图层，将“色环”元件修改颜色后拖入，测试影片，最终效果如图11-75、11-76所示。,5.6 交互式按钮动画,动态按钮的制作效果是：当鼠标移到该花形上时，花儿开始开放；当鼠标按下时，花形开始旋转并同时进行缩放。,5.6 交互式按钮动画,具体操作步骤如下：（
27、1）选择“文件”“新建”，再选择“Flash文档”，建立一个新文件。（2）首先制作弹起（Up）状态下按钮的图像。选择菜单“插入”“新建元件”或者按“Ctrl+F8”键，弹出创建新元件对话框，在名称框中输入一个名称“花形”，在行为选项中选择“图形”作为元件类型，单击按钮，如图11-77所示,5.6 交互式按钮动画,（3）进入图形元件编辑模式。我们现在来创建弹起（Up）状态的按钮图像。使用绘图工具箱中的工具，在舞台上绘制一个花形，并删除边线，为花形对象填充颜色。移动花形对象或使用“对齐”面板，将它的十字中心点与舞台中心对齐，如图11-78所示。弹起（Up）帧的图像制作完毕。选取舞台上花形图形，按“
28、Ctrl+C”复制它，以备“指针经过”和“按下”帧使用。单击时间轴上的“场景1”标签，回到场景中。,5.6 交互式按钮动画,（4）现在开始制作“指针经过（Over）”帧的影片剪辑元件。选取“插入”“新建元件”命令或者按“Ctrl+F8”键，弹出创建新元件对话框，为新按钮输入一个名字“花形1”，在行为选项中选择“影片剪辑”作为元件类型，单击按钮。,返回本节录,5.6 交互式按钮动画,（5）转到元件编辑模式，工作区的上方显示了元件“花形1”的名称。选取“编辑”“粘贴到当前位置”命令或打开“库”窗口，如图11-79所示,返回本节录,5.6 交互式按钮动画,将“花形按钮”元件从库中拖曳到第1帧中，这时
29、，在原来的位置上就出现了“花形”元件的实例。用鼠标右键单击图层1的第20帧，在弹出的菜单中选择“插入帧”项，即把图层1的帧数增加到20帧，如图11-80所示。,返回本节录,5.6 交互式按钮动画,（6）点击时间轴左下角的按钮，在图层1的上方增加一新图层2。从库中拖入“花形”元件，将它放于工作区正中央并修改其颜色。在图层2的第20帧处单击，按F6键，创建关键帧。选择工具箱中的“任意变形工具”调整按钮元件的大小，然后将它放置于右下角，如图11-81所示,返回本节录,5.6 交互式按钮动画,调整Alpha值为0，并创建运动补间动画，如图11-82所示。,返回本节录,5.6 交互式按钮动画,（7）重复
30、第6步的操作，完成向右上角、左上角、左下角运动渐变、颜色渐变、大小渐变的动画，完成效果如图11-83所示。,返回本节录,5.6 交互式按钮动画,（8）单击时间轴上的“场景1”标签，回到场景中。现在开始制作“按下（Down）”帧的影片剪辑元件。选取“插入”“新建元件”或者按Ctrl+F8键，弹出“创建新元件”对话框，如图11-84所示。为新按钮输入一个名字“花形2”，在“行为”选项中选择“影片剪辑”作为元件类型，单击按钮。,返回本节录,5.6 交互式按钮动画,（9）转到元件编辑模式。工作区的上方显示了元件的名称，选取“编辑”“粘贴到当前位置”命令或打开“库”窗口。将花形的元件拖曳到原来的位置上。
31、用鼠标右键点击图层1的第20帧，按F6键，创建关键帧，即把图层1的帧数增加到20帧。选择工具箱中的“任意变形工具”按钮，将花形向左旋转180度。,返回本节录,5.6 交互式按钮动画,（10）点击时间轴左下角的增加图层按钮，在图层1的上方增加一新图层2。从库中拉入花形元件，将它放于工作区正中央，在图层2的第20帧处单击，按F6键，创建关键帧。选择常用工具栏的“任意变形工具”按钮，将“花形2”缩小，如图11-85所示。,返回本节录,5.6 交互式按钮动画,（11）选择属性面板中的Alpha项，并把它的值设置为20。这时我们看到“花形2”已变淡了，如图11-86所示。,返回本节录,5.6 交互式按钮
32、动画,（12）用鼠标右键点击图层2的第一帧，在弹出的菜单中选择“创建补间动画”项。一段旋转渐变、颜色渐变、大小渐变的动画便完成了。“按下”状态下的按钮动画效果制作完成，单击时间轴上的“场景1”标签，回到场景中。,返回本节录,5.6 交互式按钮动画,（13）现在开始组合上面建立的各个状态下的元件，以便形成动画按钮。选取“插入”“新建元件”或按“Ctrl+F8”键，弹出创建新元件对话框，如图11-87所示，为新按钮输入一个名称“动态按钮”，在“行为”选项中选择“按钮”作为元件类型，单击按钮。,返回本节录,5.6 交互式按钮动画,（14）转到元件编辑模式，时间轴显示了四个连贯的帧，分别标注为弹起（U
33、p）、指针经过（Over）、按下（Down）和点击（Hit）。第一帧Up是一个空白关键帧。选取“窗口”“库”命令，打开元件库，元件库中存放了刚才创建的3个元件。,返回本节录,5.6 交互式按钮动画,（15）将元件库中的“花形按钮”元件拖曳到舞台上，并使它的十字中心点对准舞台中间的十字元件，“弹起（Up）帧”自动变为关键帧。将元件库中的“花形1”元件拖曳到舞台上，并使它的十字中心点对准舞台中间的十字元件，“指针经过（Over）帧”自动变为关键帧。将元件库中的“花形2”拖曳到舞台上，并使它的十字中心点对准舞台中间的十字元件，“按下（Down）帧”自动变为关键帧。将元件库中的“花形按钮”元件拖曳到舞
34、台上，并使它的十字中心点对准舞台中间的十字元件，使用工具箱中的“自由变换工具”，将元件适当放大，作为鼠标感应范围，“点击（Hit）帧”自动变为关键帧，如图11-88所示。,返回本节录,5.6 交互式按钮动画,（16）选择“场景1”，切换到场景1或选取“编辑”“编辑文档”命令回到影片编辑模式。选取“窗口”“库”命令，打开动画文件的元件库，然后拖曳库中的动画按钮元件到舞台上，就创建了该按钮的一个实例。,返回本节录,5.6 交互式按钮动画,（17）启动按钮功能以测试按钮。选取“控制”“启用简单按钮”命令或执行“控制”“测试影片”命令，移动鼠标指针到按钮实例上，并按下按钮，就可以测试刚才制作的动态按钮效果，按钮各帧效果如图11-99所示。,本节完,返回本节录,
