第5章制作动画

1、1韩山师范学院潮州师范分院韩山师范学院潮州师范分院 沈珊沈珊Email: 手机：手机短号：短号：69032一、时间轴一、时间轴1、时间轴的组成、时间轴的组成图层图层帧帧播放头播放头时间标尺时间标尺帧号帧号绘图纸工具绘图纸工具显示当前帧的帧号显示当前帧的帧号帧频帧频播放到当前帧播放到当前帧所花的时间所花的时间关键帧关键帧滚动到播放头滚动到播放头时间标尺中的每时间标尺中的每一格代表一帧一格代表一帧帧的序号，每隔帧的序号，每隔5帧显示一个帧号帧显示一个帧号包含对象在内包含对象在内的普通帧的普通帧可预览动画，按下可预览动画，按下Enter键播放影片。键播放影片。用鼠标拖动播放

2、头用鼠标拖动播放头到某个位置，可查到某个位置，可查看相应帧的内容。看相应帧的内容。单击该按钮，即单击该按钮，即可使时间轴以当可使时间轴以当前帧为中心前帧为中心可同时显示动画可同时显示动画的多个帧的多个帧每秒播放的帧数每秒播放的帧数动画所在的分层信息动画所在的分层信息有黑色实心圆的格子有黑色实心圆的格子选项选项按钮按钮3 单击时间轴右侧的单击时间轴右侧的“选项选项”按钮，打开时间按钮，打开时间轴选项菜单，设置时间轴的位置和帧在时间轴选项菜单，设置时间轴的位置和帧在时间轴上的显示状态。轴上的显示状态。4 二、帧二、帧帧是构成帧是构成Flash动画的基本元素。不同状态动画的基本元素。不同状态的帧，在

3、时间轴上有不同的显示，可以从时的帧，在时间轴上有不同的显示，可以从时间轴来识别动画的内容或变化。间轴来识别动画的内容或变化。 1、帧的分类、帧的分类（1）普通帧）普通帧（有内容，灰色）（有内容，灰色）（2）普通空白帧）普通空白帧 （没有任何内容，白色）（没有任何内容，白色）（3）关键帧）关键帧 （有内容，灰色，有黑色实心（有内容，灰色，有黑色实心圆点）圆点）（4）空白关键帧）空白关键帧 （没有任何内容，白色，（没有任何内容，白色，有空心圆点）有空心圆点）5各类帧的作用：各类帧的作用：普通帧普通帧是对关键帧的继续沿用（延长关键帧是对关键帧的继续沿用（延长关键帧的播放时间）。的播放时间）。关键帧关

4、键帧是动画的一帧，是动画变化的是动画的一帧，是动画变化的控制点控制点，是工作区中对象的性质发生变化的位置。是工作区中对象的性质发生变化的位置。关键帧关键帧是动画的真正关键，只有两个关键帧是动画的真正关键，只有两个关键帧之间才能够自动生成之间才能够自动生成过渡帧过渡帧，实现动画效果。，实现动画效果。空白关键帧空白关键帧：没有内容的关键帧。一旦在空：没有内容的关键帧。一旦在空白关键帧中创建了对象，空白关键帧就变成白关键帧中创建了对象，空白关键帧就变成了关键帧。了关键帧。6 2、过渡帧：、过渡帧： 两个关键帧之间的帧就是过渡帧，每帧的内两个关键帧之间的帧就是过渡帧，每帧的内容都由容都由Flash计算

5、得来，不能编辑修改。计算得来，不能编辑修改。（1）运动补间：）运动补间：蓝色，有黑色箭头；蓝色，有黑色箭头；（2）形状补间：）形状补间：绿色，有黑色箭头。绿色，有黑色箭头。过渡帧的作用：过渡帧的作用：Flash可准确地自动生成关键可准确地自动生成关键帧之间的过渡画面，节省制作动画的时间和精力。帧之间的过渡画面，节省制作动画的时间和精力。如果补间动画是一条如果补间动画是一条虚线虚线，表示动画存在，表示动画存在问问题题，补间是断的或不完整的。，补间是断的或不完整的。7 3、帧标签、帧标签 创建的方法：创建的方法：在帧属性面板的在帧属性面板的帧标签帧标签编辑框编辑框中输入名字，并选择中输入名字，并选

6、择标签类型：标签类型：（1）帧名称：）帧名称： 给帧命名有标志性的名称（关键帧上有给帧命名有标志性的名称（关键帧上有红色红色的小旗的小旗） 注意：注意：不要过长，否则影响不要过长，否则影响SWF文件大小。文件大小。（2）帧注释：）帧注释： 补充说明补充说明 （关键帧上有（关键帧上有绿色的双斜线绿色的双斜线 / ） 注意：注意：不能输出，但不限定长度，可直接不能输出，但不限定长度，可直接在输入名字之前加在输入名字之前加/。8（3）帧锚记）帧锚记（金色的锚记金色的锚记） 除以上两者的功能外，帧锚记还具有如下功除以上两者的功能外，帧锚记还具有如下功能：能：能让能让IE浏览器记住锚记所在的位置，收藏后

7、浏览器记住锚记所在的位置，收藏后下次打开浏览器可以直接进入下次打开浏览器可以直接进入flash中的这中的这个位置，而不用从头开始。个位置，而不用从头开始。导航作用，可使用浏览器中的导航作用，可使用浏览器中的“前进前进”和和“后退后退”按钮实现帧或场景间的跳转。按钮实现帧或场景间的跳转。9 4、帧动作、帧动作 某关键帧上有字母某关键帧上有字母 a ，表示该帧中已分配了，表示该帧中已分配了动作。动作。 例：例：打开文件打开文件“1帧操作帧操作.fla”，观察其时间轴，运，观察其时间轴，运行动画看效果，并进行如下操作：行动画看效果，并进行如下操作： 在图层在图层1中：中： 第第1个关键帧添加注释：圆

8、变方变三角；个关键帧添加注释：圆变方变三角； 第第3个关键帧添加名称：三角形；个关键帧添加名称：三角形； 第第2个关键帧添加动作：个关键帧添加动作：Stop( ); 使动画播放到第使动画播放到第16帧时停止播放。帧时停止播放。10三、帧的选取三、帧的选取选择单个帧：选择单个帧：单击时间轴上对应的小格子。单击时间轴上对应的小格子。 选择多个帧的方法：选择多个帧的方法：1）在同一层中选择）在同一层中选择连续连续的多个帧：先单击的多个帧：先单击起始帧，按住起始帧，按住Shift键单击结束帧；或用键单击结束帧；或用鼠鼠标拖曳标拖曳来选中连续帧；来选中连续帧；2）在同一层中选择）在同一层中选择不连续不连

9、续的多个帧，可先的多个帧，可先选取某一帧，选取某一帧，按按Crtl键键，再单击其他帧。，再单击其他帧。在不同层中的多个帧也可以同样选择。在不同层中的多个帧也可以同样选择。11四、帧的编辑四、帧的编辑（先选取，后操作）（先选取，后操作）例例：打开：打开“1帧操作帧操作.fla”，进行下列各种帧的编辑操作：，进行下列各种帧的编辑操作：1、插入、删除帧、插入、删除帧（1）插入帧的方法）插入帧的方法：（方法有三种）：（方法有三种） 选取帧，按选取帧，按F5； 或执行或执行“插入插入时间轴时间轴帧帧”； 或右键快捷菜单或右键快捷菜单“插入帧插入帧”。若要同时插入多个帧，可选取多个帧后再插入帧。若要同时插

10、入多个帧，可选取多个帧后再插入帧。 例例：打开文件：打开文件“1帧操作帧操作.fla”，观察其时间轴，运行，观察其时间轴，运行动画看效果，并在图层动画看效果，并在图层1末尾插入帧，延长至第末尾插入帧，延长至第40帧。帧。12（2）帧的删除：）帧的删除： 选取帧，按选取帧，按Shift+ F5； 或执行或执行“编辑编辑时间轴时间轴删除删除帧帧”； 或右键快捷菜单或右键快捷菜单“删除帧删除帧”。13（3）插入关键帧的方法：）插入关键帧的方法： 选取帧，按选取帧，按F6； 或执行或执行“插入插入时间轴时间轴关键帧关键帧”； 或右键快捷菜单或右键快捷菜单“插入关键帧插入关键帧”。（4）插入空白关键帧：

11、）插入空白关键帧： 按按F7或或执行执行“插入插入时间轴时间轴空白空白关键关键帧帧”。（5）删除关键帧：）删除关键帧： 选取关键帧，选取关键帧，Shift+ F6； 或执行或执行“编辑编辑时间轴时间轴删除删除帧帧”； 或右键快捷菜单或右键快捷菜单“删除帧删除帧”。 Delete键：键： 只能删除帧的内容只能删除帧的内容,不能删除帧。不能删除帧。14 例例：在文件：在文件“1帧操作帧操作.fla”中，观察其时中，观察其时间轴，完成如下操作，并运行动画看效间轴，完成如下操作，并运行动画看效果。果。1）将图层）将图层3第第1帧中的内容删除掉；帧中的内容删除掉；2）在图层）在图层2的第的第15帧处插入

12、空白关键帧，帧处插入空白关键帧，再插入空白帧，使得下一个关键帧的内再插入空白帧，使得下一个关键帧的内容推迟至第容推迟至第20帧处才出现。帧处才出现。151）移动帧）移动帧 拖动鼠标移到帧或关键帧。拖动鼠标移到帧或关键帧。2）复制关键帧）复制关键帧 选取关键帧，按选取关键帧，按Alt+拖动鼠标；拖动鼠标； 或执行或执行“编辑编辑复制帧复制帧”，重重 新定位，执行新定位，执行“编辑编辑粘贴粘贴帧帧”。不同文件间的帧的移动或复制，要使用右键不同文件间的帧的移动或复制，要使用右键快捷菜单中的剪切帧、复制帧或粘贴帧命令。快捷菜单中的剪切帧、复制帧或粘贴帧命令。16（3）清除帧和关键帧）清除帧和关键帧 选

13、取帧，执行右键菜单选取帧，执行右键菜单清除帧清除帧 / 清除关键帧。清除关键帧。 清除帧清除帧： A）清除图层中的）清除图层中的末尾帧末尾帧：该帧变为空白关键帧；：该帧变为空白关键帧； B）清除图层）清除图层位于中间部位的帧位于中间部位的帧：该帧变为空白关：该帧变为空白关键帧，其后面的键帧，其后面的1帧将变成关键帧。帧将变成关键帧。清除关键帧清除关键帧： 将关键帧变为普通帧，（沿用前一个关键帧的内将关键帧变为普通帧，（沿用前一个关键帧的内 容）。容）。转化为关键帧：转化为关键帧：将普通帧变为关键帧。将普通帧变为关键帧。17（4）多帧编辑）多帧编辑 多帧的移动、复制操作同单帧操作。多帧的移动、复

14、制操作同单帧操作。1819（5）帧的翻转）帧的翻转 颠倒动画中帧的顺序。将选中的一系列帧逆颠倒动画中帧的顺序。将选中的一系列帧逆序排列，其效果就是倒着播放动画。序排列，其效果就是倒着播放动画。 方法：方法：选中一段动画，可包含多个层，选中一段动画，可包含多个层，“修修改改”菜单菜单“时间轴时间轴”“翻转帧翻转帧”。 例例：颠倒：颠倒“2帧翻转帧翻转.fla”动画中图层动画中图层“光线光线”中帧的顺序，并播放。中帧的顺序，并播放。2021（6）设置帧频率）设置帧频率 帧频率帧频率 ：动画的播放速度，以每秒播放的帧的多动画的播放速度，以每秒播放的帧的多 少计算。少计算。 设置方法：设置方法：修改影

15、片属性：修改影片属性： “修改修改” “文档文档” 设置帧频设置帧频 单击场景空白区域单击场景空白区域“文档属性文档属性”面板面板设置帧频。设置帧频。 （3）帧频率的大小）帧频率的大小 fpsWeb（网页）（网页）12帧帧/秒秒标准运动画面（电影）标准运动画面（电影） 24帧帧/秒秒电视电视 25帧帧/秒（秒（PAL制式）；制式）； 30帧帧/秒（秒（NTSC制式）制式） 例例：将将“bird.fla”的帧频率由的帧频率由 12 改成改成 2，看效果，看效果 如如何。何。225.2 图层图层一、一、 图层概述图层概述n1、图层的概念：、图层的概念：图层就象叠在一起的透明纸，图层就象叠在一起的透

16、明纸，从上面可以看到下从上面可以看到下 面的一层，当层中有图象时，面的一层，当层中有图象时，图象的范围内不能图象的范围内不能 看到下一层。相反，图象范看到下一层。相反，图象范围以外可以看到下一层。围以外可以看到下一层。n2、图层的作用、图层的作用：图层可将处于同一的场景的图层可将处于同一的场景的对象分开，并分别处理。即各层之间可以独立对象分开，并分别处理。即各层之间可以独立编辑、操作。编辑、操作。用户可以通过图层创建出各种复杂的动画。用户可以通过图层创建出各种复杂的动画。n3、图层操作区：、图层操作区：在在时间轴的左侧部分。时间轴的左侧部分。n4、图层的操作命令、图层的操作命令:在图层的右键快

17、捷菜单中。在图层的右键快捷菜单中。23显示显示/隐藏所有图层隐藏所有图层锁定锁定/解锁所有图层解锁所有图层显示图层的轮廓线显示图层的轮廓线普通图层普通图层图层文件夹图层文件夹插入图层插入图层插入图层文件夹插入图层文件夹删除图层删除图层添加运动引导层添加运动引导层引导图层引导图层遮罩图层遮罩图层被遮罩的图层被遮罩的图层被引导的图层被引导的图层24二、图层的相关操作二、图层的相关操作 例例：打开文件：打开文件“3图层操作图层操作.fla”，进行图层的添加、，进行图层的添加、删除、重命名、更改图层顺序、复制、设置图层编删除、重命名、更改图层顺序、复制、设置图层编辑状态等操作。辑状态等操作。1、添加普

18、通图层、添加普通图层方法：方法：1）单击）单击“插入图层插入图层”按钮；按钮；2）选择菜单）选择菜单“插入插入时间轴时间轴图层图层”；3）右键快捷菜单）右键快捷菜单 “插入图层插入图层” 。新建的图层将出现在新建的图层将出现在当前图层当前图层的的上面上面，图层名字以，图层名字以“图层图层1、图层、图层2、图层、图层3”依次排序命名。依次排序命名。252、删除普通图层、删除普通图层方法：方法：（1）单击）单击“删除图层删除图层”按钮，或把图层拖按钮，或把图层拖曳曳 到垃圾箱中；到垃圾箱中；（2）右键快捷菜单）右键快捷菜单 “删除图层删除图层”。263、层的选取、层的选取（1）选取单个图层）选取单

19、个图层（三种方法）（三种方法） 单击图层的名称；单击图层的名称； 单击某一帧，将选中该帧所在的层；单击某一帧，将选中该帧所在的层； 选中一个对象，将选中该对象所在的层。选中一个对象，将选中该对象所在的层。（2）选取多个图层：）选取多个图层：选取选取连续连续的多个图层的多个图层:按住按住shift键，单击需要选键，单击需要选中的图层；中的图层；选取选取不连续不连续的多个图层的多个图层:按住按住Ctrl键单击需要选键单击需要选中的图层。中的图层。274、命名图层、命名图层方法（两种）：方法（两种）：（1）双击图层的名称，输入新名字）双击图层的名称，输入新名字+ Enter。（2）右击图层）右击图层

20、图层属性图层属性名称。名称。5、调整图层的顺序、调整图层的顺序 选中该层并拖放到新的位置。选中该层并拖放到新的位置。28步骤：步骤：（1）选取图层（单击图层名称）选取图层（单击图层名称） ；（2）执行）执行“编辑编辑”菜单菜单“复制复制”；（3）创建一个新层；）创建一个新层；（4）选取新图层，执行）选取新图层，执行“编辑编辑”菜单菜单 “粘贴到中心位置粘贴到中心位置/当前位置当前位置”；29显示显示/隐藏图层：隐藏图层：是否显示图层对象；是否显示图层对象；锁定锁定/解锁图层：解锁图层：能否编辑图层对象；能否编辑图层对象；图层轮廓：图层轮廓：是否显示图层对象的轮廓线。是否显示图层对象的轮廓线。（

21、2）设置方法：）设置方法： 1）同时对所有层：）同时对所有层：单击对应图标单击对应图标 ； 2）某一层：）某一层：单击该层对应图标下的小黑点单击该层对应图标下的小黑点 ； 3）多个连续的层：）多个连续的层：拖曳鼠标选中某列小黑；拖曳鼠标选中某列小黑； 4）除某层外的其他所有图层：）除某层外的其他所有图层：按按Alt键键+单击某层单击某层 小黑点。小黑点。效果：设置效果如图所示。效果：设置效果如图所示。（3）解除设置：）解除设置：再次执行以上的操作即可。再次执行以上的操作即可。308、设置图层属性、设置图层属性方法：方法：右击图层右击图层图层属性；图层属性；图层属性：图层属性：名称、类型、轮廓颜

22、色、图层高度。名称、类型、轮廓颜色、图层高度。31二、图层文件夹（管理多图层）二、图层文件夹（管理多图层） 1、创建、创建/删除图层文件夹删除图层文件夹作用：作用：为了便于管理图层，可以将相近的图层放在同为了便于管理图层，可以将相近的图层放在同 一个文件夹下。一个文件夹下。操作：操作：鼠标右键快捷菜单鼠标右键快捷菜单“插入文件夹插入文件夹”命令；命令； 或单击图层面板下方或单击图层面板下方“插入图层文件夹插入图层文件夹”按按钮；钮；2、命名图层文件夹、命名图层文件夹3、图层移入、图层移入/移出图层文件夹移出图层文件夹4、关闭、关闭/打开图层文件夹打开图层文件夹 需要编辑的时候可以展开，不需要的

23、时候可以折叠，需要编辑的时候可以展开，不需要的时候可以折叠，便于图层的选择。便于图层的选择。32 例：例：打开文件打开文件“4多图层管理多图层管理.fla”，创建图，创建图层文件夹层文件夹“蝴蝶蝴蝶”，将所有图层移入图层文，将所有图层移入图层文件夹中，再将图层件夹中，再将图层“背景背景”移出。移出。33由由和和组成，引导层位于被组成，引导层位于被引导层的上方。引导层的上方。在引导层中绘制在引导层中绘制指定对象的运动方向，实指定对象的运动方向，实现补间动画效果。现补间动画效果。在影片的制作过程中只起到辅助的作用，在在影片的制作过程中只起到辅助的作用，在最终效果中不会显示出来。最终效果中不会显示出

24、来。1、普通引导层：、普通引导层：起辅助起辅助静态定位静态定位的作用（参照物）的作用（参照物）2、运动引导层、运动引导层：起：起引导运动路径引导运动路径的作用，可实现某的作用，可实现某个对象沿着某个路径移动（如做曲线运动）个对象沿着某个路径移动（如做曲线运动）34三、引导层的创建三、引导层的创建1、创建普通引导层、创建普通引导层方法：方法：先创建一般图层，再将其属性改为普通引导层先创建一般图层，再将其属性改为普通引导层 选中图层选中图层右键快捷菜单右键快捷菜单引导层。引导层。 例：例：打开打开“5普通引导层普通引导层.fla”，将图层，将图层“结构结构”设置为普通引导层，并测试影片查看效果。设

25、置为普通引导层，并测试影片查看效果。35 练习练习：打开：打开“普通引导层装修普通引导层装修.fla”，在，在“家家具具”图层上装饰上合适家具进行房间设计，图层上装饰上合适家具进行房间设计，将将“结构结构”图层设置为普通引导层，测试影图层设置为普通引导层，测试影片效果。片效果。注意注意：普通引导图层中的所有内容仅作为制：普通引导图层中的所有内容仅作为制作影片时的作影片时的参考参考（如辅助线），不会出现在（如辅助线），不会出现在最终输出的动画中。最终输出的动画中。36372、创建运动引导层、创建运动引导层 为某一图层创建为某一图层创建运动引导层运动引导层的方法（三种）：的方法（三种）：1）选中该

26、图层，单击）选中该图层，单击“添加运动引导层添加运动引导层”图标图标 ；2）选中该图层，右键快捷菜单）选中该图层，右键快捷菜单“添加引导层添加引导层”；3）选中该图层，执行菜单）选中该图层，执行菜单“插入插入时间轴时间轴运动引运动引导导 层层”。38例例：制作飞机曲线飞行的效果：制作飞机曲线飞行的效果打开文件打开文件“6曲线运动曲线运动.fla”，完成以下操作：，完成以下操作：1、在图层、在图层“飞行飞行”中，从库中拖入中，从库中拖入元件元件“小飞机小飞机”；2、为图层、为图层“飞行飞行”添加添加运动引导层运动引导层，名为，名为“飞行引飞行引 导导”，用铅笔工具画出曲线作引导线，并延长帧。，用

27、铅笔工具画出曲线作引导线，并延长帧。3、在、在“飞行飞行”层中插入第层中插入第2个关键帧（例如在第个关键帧（例如在第30帧帧 插入），调整飞机的前后位置。创建补间动画：插入），调整飞机的前后位置。创建补间动画： 类型类型-动画，选项动画，选项-紧贴。（若想让飞机沿路径旋紧贴。（若想让飞机沿路径旋 转，则多设置转，则多设置“调整到路径调整到路径”）。）。4、保存测试动画。（、保存测试动画。（Ctrl+Enter）393、 将普通引导层转换为运动引导层将普通引导层转换为运动引导层 普通引导层无法引导对象做曲线运动，需将普通引导层无法引导对象做曲线运动，需将其转换为运动引导层才行。其转换为运动引导层

28、才行。方法：方法：选中被引导图层，将其拖拽到引导层选中被引导图层，将其拖拽到引导层的下一层。的下一层。注意注意：在拖的时候最好是先将：在拖的时候最好是先将被引导层被引导层拖动拖动到到普通引导层普通引导层的的上面上面，再，再从从普通引导层普通引导层的的上面上面拖下来。拖下来。40 例：例：打开打开“7普通引导层转为运动引导层普通引导层转为运动引导层.fla”，将，将普通引导层转换为运动引导层，引导普通引导层转换为运动引导层，引导 “大鱼大鱼”和和“小鱼小鱼”两个图层中的实例沿着同一条曲线做方向两个图层中的实例沿着同一条曲线做方向相反的曲线运动。相反的曲线运动。操作提示：操作提示：（1）分别在）分

29、别在“大鱼大鱼”图层和图层和“小鱼小鱼”图层中第图层中第35帧处插入关键帧。帧处插入关键帧。“紧紧贴至对象贴至对象”按钮按下。按钮按下。（2）在）在“大鱼大鱼”图层和图层和“小鱼小鱼”图层中，分别将大鱼和小鱼的中心点与图层中，分别将大鱼和小鱼的中心点与路径左边及右边的端点重合。如果图层重叠，可单击路径左边及右边的端点重合。如果图层重叠，可单击“隐藏图层隐藏图层”图图标将需要的图层隐藏。标将需要的图层隐藏。（3）分别在）分别在“大鱼大鱼”图层和图层和“小鱼小鱼”图层中创建补间动画：类型图层中创建补间动画：类型-动画，动画，选项选项-紧贴，调整到路径。紧贴，调整到路径。（4）先将）先将“大鱼大鱼”

30、图层和图层和“小鱼小鱼”图层拖到图层拖到“曲线曲线”普通引导层的上面，普通引导层的上面，再将再将“大鱼大鱼”图层和图层和“小鱼小鱼”图层分别拖拽到图层分别拖拽到“曲线曲线”普通引导层的普通引导层的下一层，则下一层，则“曲线曲线”普通引导层变为运动引导层，普通引导层变为运动引导层，“大鱼大鱼”图层和图层和“小鱼小鱼”图层变为被引导层。图层变为被引导层。（5）测试动画，保存文件。）测试动画，保存文件。41n运动引导层在影片制作中起着运动引导层在影片制作中起着设置运动路径设置运动路径和和导向导向的作用。在动画播放时，它是的作用。在动画播放时，它是自动隐藏自动隐藏的。的。n在运动引导层中绘制在运动引导

31、层中绘制引导线引导线作为路径，引导线中不作为路径，引导线中不能出现闭合、交叉或重叠的现象。能出现闭合、交叉或重叠的现象。n元件实例、组、位图或文本块均可被引导，沿着路元件实例、组、位图或文本块均可被引导，沿着路径运动。径运动。n被引导对象的被引导对象的中心点中心点一定要分别吸附到引导线的两一定要分别吸附到引导线的两个端点上，否则将变成直线运动。个端点上，否则将变成直线运动。n允许多个对象沿着同一条引导线运动，只要将多个允许多个对象沿着同一条引导线运动，只要将多个层链接到同一个运动引导层即可。层链接到同一个运动引导层即可。42n方法一：方法一：1）创建图层并插入对象（作为）创建图层并插入对象（作

32、为被引导层被引导层）；）；2）为该图层添加）为该图层添加运动引导层运动引导层，在运动引导层中绘制，在运动引导层中绘制不闭合的不闭合的 曲线曲线，并延长帧；，并延长帧；3）在）在被引导层被引导层中添加第中添加第2个关键帧，并在前后两个关键帧个关键帧，并在前后两个关键帧 中，将对象的中，将对象的中心点中心点分别吸附到曲线的两个端点上。分别吸附到曲线的两个端点上。4）设置前一个关键帧的属性，创建补间动画：类型）设置前一个关键帧的属性，创建补间动画：类型-动画，动画， 选项选项-紧贴。紧贴。n方法二：方法二： 将方法一中的第将方法一中的第2）步改为：步改为： 创建新创建新图层图层，绘制曲线，将该层属性

33、设置为，绘制曲线，将该层属性设置为普通引导层普通引导层，再将普通引导层转换为再将普通引导层转换为运动引导层运动引导层。43 打开文件打开文件“书写古诗书写古诗.fla”，利用库中所提供的素材，利用库中所提供的素材完成动画，使得动画效果如下：（完成动画，使得动画效果如下：（完成后上交到完成后上交到邮箱。）邮箱。）提示：提示：在在“毛笔毛笔”图层创建图形元件图层创建图形元件“笔笔图图”的实例。的实例。在在“古诗古诗”图层创建古诗，颜色为图层创建古诗，颜色为#006600。古诗的文字要打散。（文。古诗的文字要打散。（文字不要设置粗体，否则部分字体打散字不要设置粗体，否则部分字体打散后会糊。）后会糊。

34、）为为“毛笔图层毛笔图层”创建创建“引导层引导层”，用铅笔工具绘制毛笔的引导线。用铅笔工具绘制毛笔的引导线。毛笔沿着文字的书写方向做曲线运毛笔沿着文字的书写方向做曲线运动，用动，用“任意变形工具任意变形工具”改变改变“毛笔毛笔”实例的中心点在笔尖。实例的中心点在笔尖。文字逐一显示的方法：将文字逐一显示的方法：将“古诗古诗”图层第图层第2-50帧转换为关键帧。依次选帧转换为关键帧。依次选择第择第1至至50帧，用橡皮工具将毛笔位帧，用橡皮工具将毛笔位置以下的其他文字删除。置以下的其他文字删除。44 通通 知知 请同学们下节课带耳机来上课，学习在动画请同学们下节课带耳机来上课，学习在动画中插入音乐。

35、中插入音乐。4546一、遮罩图层的定义一、遮罩图层的定义1、什么叫遮罩？、什么叫遮罩？ 顾名思义，就是将物体的某一部分遮住。顾名思义，就是将物体的某一部分遮住。2、遮罩图层的效果：、遮罩图层的效果： 遮罩图层下与其关联的图层（被遮罩层）被遮罩图层下与其关联的图层（被遮罩层）被遮罩，被遮罩层中的内容只有在遮罩层中的遮罩，被遮罩层中的内容只有在遮罩层中的填充区域下的部分才可见，而遮罩层中的任填充区域下的部分才可见，而遮罩层中的任何部分都是不可见的。何部分都是不可见的。47二、创建遮罩图层的步骤：二、创建遮罩图层的步骤： 1、创建一个、创建一个背景层背景层，并在上面编辑好透过遮罩层，并在上面编辑好透

36、过遮罩层 要显示的内容；要显示的内容；2、插入一个新图层，作为、插入一个新图层，作为遮罩图层遮罩图层使用；使用；3、在遮罩层上画上、在遮罩层上画上填充区域；填充区域；4、选中、选中遮罩层遮罩层，右键快捷菜单，右键快捷菜单“遮罩遮罩”，即将该，即将该 层变为遮罩图层，被遮罩的图层向右缩进，表层变为遮罩图层，被遮罩的图层向右缩进，表 示被遮罩。示被遮罩。 注意注意：遮罩后，遮罩图层和被遮罩图层都被琐：遮罩后，遮罩图层和被遮罩图层都被琐定，不能被编辑。定，不能被编辑。 如果要编辑，先要解锁。如果要编辑，先要解锁。 编辑后，可以执行右键快捷菜单编辑后，可以执行右键快捷菜单“显示遮罩显示遮罩”，看到遮罩

37、效果。看到遮罩效果。48例：例：制作在文字中播放电影的效果制作在文字中播放电影的效果1、打开文件、打开文件 “8遮罩效果遮罩效果.fla”，创建一个图形元创建一个图形元 件，元件名称为件，元件名称为“字字”。（文字内容自定，。（文字内容自定，文文 字打散）字打散）2、在场景、在场景1的的“背景背景”图层第图层第1帧中，插入库中帧中，插入库中 的山峰图片，调整其大小。的山峰图片，调整其大小。在在40帧的位置帧的位置 插入第插入第2个关键帧，改变山峰图片位置，创个关键帧，改变山峰图片位置，创 建补间动画。建补间动画。3、在、在“文字文字”图层中，拖入文字元件，调整大图层中，拖入文字元件，调整大 小

38、，并延长帧。小，并延长帧。4、将、将“文字文字”图层变为遮罩层。图层变为遮罩层。 5、测试影片。、测试影片。491、遮罩图层中的遮罩项目可以是填充的形状、遮罩图层中的遮罩项目可以是填充的形状、文字对象、图形元件实例和影片剪辑。文字对象、图形元件实例和影片剪辑。2、在遮罩层中、在遮罩层中, 线条是无效的。线条是无效的。3、一个遮罩层中只能包含一个遮罩项目。、一个遮罩层中只能包含一个遮罩项目。4、按钮内部不可以有遮罩层，也不能将一个、按钮内部不可以有遮罩层，也不能将一个遮罩用于另一个遮罩。遮罩用于另一个遮罩。 拓展思考：拓展思考： 若上例中，若上例中，“字字”元件改为影元件改为影片剪辑元件，表现圆

39、形变星形的形状补间动片剪辑元件，表现圆形变星形的形状补间动画，效果如何？画，效果如何？50三、使普通图层成为三、使普通图层成为被遮罩被遮罩层的方法有层的方法有: 1、在遮罩层的下面建立新层、在遮罩层的下面建立新层 选中上面的图层，执行选中上面的图层，执行“修改修改时间轴时间轴图层属图层属性性”，设置图层属性：，设置图层属性：“遮罩遮罩”；2、在时间轴窗口，将已存在的普通层拖拽到遮罩、在时间轴窗口，将已存在的普通层拖拽到遮罩层的下面一层。层的下面一层。注意注意：如果要取消图层与遮罩图层的关联，只：如果要取消图层与遮罩图层的关联，只需要执行相反的操作。需要执行相反的操作。在遮罩层与背景层中均可制作

40、出动画效果。在遮罩层与背景层中均可制作出动画效果。51 练习：练习：变形遮罩照片效果。变形遮罩照片效果。 打开文件打开文件“9变形遮罩照片变形遮罩照片.fla”，利用所提，利用所提供的元件制作出遮罩相片效果。供的元件制作出遮罩相片效果。52操作提示：操作提示：1、遮罩图层：在、遮罩图层：在20帧创建关键帧，调整第帧创建关键帧，调整第1帧和第帧和第20帧心型的大小，创建小心型变大心型的运动补帧心型的大小，创建小心型变大心型的运动补间动画。（按住间动画。（按住Shift键，图形按原比例进行缩键，图形按原比例进行缩放。）放。）2、边框图层：在、边框图层：在20帧创建关键帧，调整第帧创建关键帧，调整第

41、1帧和第帧和第20帧边框的大小，创建小边框变大边框的运动补帧边框的大小，创建小边框变大边框的运动补间动画。间动画。 （按住（按住Shift键，图形按原比例进行缩键，图形按原比例进行缩放。）放。）3、照片图层：延长帧到、照片图层：延长帧到20帧。帧。4、女孩图层：延长帧到、女孩图层：延长帧到20帧。帧。5、设置遮罩图层为、设置遮罩图层为“遮罩层遮罩层”属性，设置照片图层属性，设置照片图层为为“被遮罩层被遮罩层”属性。属性。6、新建、新建“心动心动”图层在图层在“边框图层边框图层”的上方，拖动的上方，拖动“心动心动”影片剪辑到舞台的合适位置。影片剪辑到舞台的合适位置。53分类分类1、 “逐帧逐帧”

42、动画：动画：用户制作动画的每一个画面，是用户制作动画的每一个画面，是传统的动画；传统的动画；2、“补间补间”动画：动画：制作若干个关键的画面，由制作若干个关键的画面，由Flash生成中间的过渡画面，包括生成中间的过渡画面，包括运动运动补间动画和补间动画和形状形状补间动画。补间动画。54 一、逐帧动画一、逐帧动画 也称也称“帧帧动画帧帧动画” ：即编辑每一帧的内容，然后：即编辑每一帧的内容，然后将其串联起来形成一个动画。（将其串联起来形成一个动画。（ 是我们自己动手是我们自己动手做的动画，做的动画，FLASH 只是将其一幅一幅的播放。）只是将其一幅一幅的播放。）创建过程：创建过程： 重复重复插入

43、关键帧插入关键帧和编辑该帧的内容，直到完成动画和编辑该帧的内容，直到完成动画的所有画面。的所有画面。注意注意：为保证动画之间能平滑、连贯的过渡，在制为保证动画之间能平滑、连贯的过渡，在制作过程中要经常地播放正在制作的动画，进行测试。作过程中要经常地播放正在制作的动画，进行测试。55 例：例：打开文件打开文件“10逐帧动画逐帧动画.fla”，在舞台中，在舞台中央制作出数字央制作出数字1到到5的变化。的变化。 操作步骤：操作步骤：1）在第）在第1帧场景中输入数字帧场景中输入数字“1”；2）反复操作）反复操作1），在第），在第5、10、15、20帧插入关帧插入关 键帧，分别输入数字键帧，分别输入数字

44、“2”、 “3”、 “4”、 “5”；3）保存并测试。）保存并测试。56二、创建形状补间动画二、创建形状补间动画（Shape Tween) 变形过渡动画：变形过渡动画：实现对象从一个形状到另一个形状实现对象从一个形状到另一个形状的渐变的渐变1、适用对象：、适用对象：矢量图形；由绘图工具画的、打散后的矢量图形；由绘图工具画的、打散后的位图或文本；位图或文本；2、动画过渡效果：、动画过渡效果：形状变形、变色、位置移动、大小形状变形、变色、位置移动、大小缩放、旋转等渐变；缩放、旋转等渐变；3、创建方法：、创建方法： 选中关键帧后，选中关键帧后，A）设置帧面板，补间设置帧面板，补间形状；形状； B）右

45、键菜单）右键菜单创建补间形状。创建补间形状。574、选项设置、选项设置缓动：缓动： 0 ：先加速后减速。先加速后减速。 0 ：先加速后减速。先加速后减速。 0 ：先减速后加速。先减速后加速。 =0 ：匀速匀速 旋转：旋转：在运动时产生旋转（次数为在运动时产生旋转（次数为0时，不旋转）时，不旋转） 调整到路径：调整到路径：使对象按所制定的路径运动；使对象按所制定的路径运动； 同步：同步：使使“影片剪辑影片剪辑”元件实例动画能够在主动元件实例动画能够在主动画中准确地完成循环播放；画中准确地完成循环播放； 贴紧：贴紧：使对象沿着引导路径运动；使对象沿着引导路径运动； 声音：声音：选择声音效果。选择声

46、音效果。61 例：例：打开文件打开文件“12动作补间动画动作补间动画.fla” 库中有元件库中有元件“球球”，请在场景，请在场景1中建立四个中建立四个图层，分别使得球在各层中分别做如下的渐图层，分别使得球在各层中分别做如下的渐变：变：1）移动（左）移动（左右），顺时针旋转右），顺时针旋转50次次2）在场景中央旋转）在场景中央旋转180度，并放大度，并放大200%3）做颜色渐变（红）做颜色渐变（红绿），色彩数量绿），色彩数量50%4）做淡出效果渐变）做淡出效果渐变621、相同点：、相同点： 由用户制作关键画面，而画面内容的过渡则由由用户制作关键画面，而画面内容的过渡则由 Flash计算得出；操作

47、简单，所生成的文件较小计算得出；操作简单，所生成的文件较小2、不同点：、不同点：（1）对象不同）对象不同形状补间动画形状补间动画：形状形状的渐变，对象是的渐变，对象是矢量图形矢量图形动作补间动画动作补间动画：对象必须是：对象必须是元件实例、组元件实例、组（2）过渡帧在时间轴显示不同）过渡帧在时间轴显示不同形状补间动画形状补间动画：绿色：绿色动作补间动画动作补间动画：蓝色：蓝色631）动画的制作）动画的制作 逐帧动画逐帧动画 ：每一画面都由用户自己动手制作，：每一画面都由用户自己动手制作，Flash只只是将其一幅一幅的播放，用户必须自己设计画面的连续是将其一幅一幅的播放，用户必须自己设计画面的连续性。性。 补间动画补间动画 ：用户只需制作关键画