制作动作补间动画课件.ppt

1、学习目标学习目标 第第6 6讲讲 制作动作补间动画 l掌握动作补间动画的原理和创建方法掌握动作补间动画的原理和创建方法。l掌握使用动作补间动画表现蝙蝠飞翔的效果掌握使用动作补间动画表现蝙蝠飞翔的效果。l掌握时间轴特效的原理和使用方法掌握时间轴特效的原理和使用方法。l掌握使用时间轴特效制作动态影集的方法掌握使用时间轴特效制作动态影集的方法。6.1 动作补间动画原理 6.2 时间轴特效 5.3 课后作业本章大纲本章大纲6.1 动作补间动画原理 6.1.1 知识点讲解 动作补间是动作补间是Flash动画应用最多的表现手法，只要有动画产生的动画应用最多的表现手法，只要有动画产生的实例中就会使用动作补间

2、，其重要性不言而喻，这里首先来认识其原实例中就会使用动作补间，其重要性不言而喻，这里首先来认识其原理理。图图6-1 动作补间动画动作补间动画 一、动作补间动画原理。一、动作补间动画原理。动作补间动画是指在两个或两个以上的关键帧之间对元件进行补间的动画，使一个元件随着时间幻化其颜色、位置、旋转等属性，如图6-1所示。红色花朵舞台左边015蓝色花朵舞台右边颜色补间位置补间旋转补间动作补间动画只能对元件进行补间，如果对非元件的对动作补间动画只能对元件进行补间，如果对非元件的对象进行动作补间动画时，软件将自动将其转化为元件。象进行动作补间动画时，软件将自动将其转化为元件。二、创建动作补间动画。二、创建

3、动作补间动画。在存储着同一元件两种不同属性的两关键帧之间任选在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在帧，然后在【属性属性】面板上的面板上的【补间补间】下拉列表中选择下拉列表中选择【动作动作】命令或直接在该命令或直接在该帧上单击鼠标右键，在弹出的快捷菜单中选择帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画创建补间动画】命命令，如图令，如图6-2所示就可创建动作补间动画。所示就可创建动作补间动画。如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间如果两关键帧之中的任何一个关键帧的内容为空，将创建动作补间动画失败，如图动画失败，如图6-3所示所示。图图6-2 右键操

4、作右键操作 图图6-3 创建失败创建失败 三、认识形状补间动画的属性面板三、认识形状补间动画的属性面板 当选中动作补间动画的任一帧时，其当选中动作补间动画的任一帧时，其【属性属性】面板如图面板如图6-4所示。所示。图图6-4 【属性属性】面板面板 其中常用的选项为其中常用的选项为【缓动缓动】和和【旋转旋转】选项，在选项，在【旋转旋转】选选项中选择不同的方式，将使元件按不同的方式旋转。项中选择不同的方式，将使元件按不同的方式旋转。（1）“顺时针顺时针”是指元件播放时以顺时针方向进行旋转，并可在是指元件播放时以顺时针方向进行旋转，并可在【次次】项中设置旋转次数。项中设置旋转次数。（2）“逆时针逆时

5、针”是指元件播放时以逆时针方向进行旋转，并可在是指元件播放时以逆时针方向进行旋转，并可在【次次】项中设置旋转次数。项中设置旋转次数。（3）“自动自动”是指元件的旋转由用户自己进行设置。是指元件的旋转由用户自己进行设置。（4）“无无”是指元件不产生旋转是指元件不产生旋转。6.1.2 范例解析（一）创建动作补间动画练习 请同学们在老师的带领下进一步学习动作补间动画的创建方请同学们在老师的带领下进一步学习动作补间动画的创建方法，并按要求完成以下操作法，并按要求完成以下操作。1、打开教学资源中的、打开教学资源中的“素材素材第第6讲讲创建动作补间动画创建动作补间动画创建动作补创建动作补间动画间动画.fl

6、a”文件，如图文件，如图6-5所示。所示。2、在、在“篮球篮球”图层的第图层的第30帧处插入关键帧，然后向下移动篮球到如帧处插入关键帧，然后向下移动篮球到如图图6-6所示的位置。所示的位置。图图6-5 打开制作模板打开制作模板 图图6-6 调整篮球位置一调整篮球位置一 3、在第60帧处插入关键帧，调整篮球的位置如图6-7所示。4、分别在“篮球”图层的第1帧和第30帧处单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，从而在第1帧第30帧、第30帧第60帧之间创建动作补间动画，此时【时间轴】效果如图6-8所示。图图6-7 调整篮球位置二调整篮球位置二 图图6-8 创建动作补间动画创建动作

7、补间动画 5、按、按Ctrl+Enter快捷键测试播放影片，虽然篮球运动起来了，但快捷键测试播放影片，虽然篮球运动起来了，但是动作显的十分坚硬是动作显的十分坚硬。6、选中第、选中第1帧，在帧，在【属性属性】面板中设置面板中设置【缓动缓动】为为“100”，如，如图图6-9所示，选中第所示，选中第30帧，在帧，在【属性属性】面板中设置面板中设置【缓动缓动】为为“100”，如图，如图6-10所示所示。图图6-9 设置缓动为设置缓动为“100”图图6-10 设置缓动为设置缓动为“100”7、按、按Ctrl+Enter快捷键测试播放影片，篮球的运动看起来具有一快捷键测试播放影片，篮球的运动看起来具有一定

8、的速率变化了。定的速率变化了。8、选中第、选中第1帧，在帧，在【属性属性】面板中设置面板中设置【旋转旋转】为为“顺时针顺时针”，【次次】为为“1”，如图，如图6-11所示，选中第所示，选中第30帧，在帧，在【属性属性】面板中做面板中做相同的旋转设置。相同的旋转设置。图图6-11 设置旋转设置旋转 9、再次测试播放影片，篮球的运动效果基本达到要求、再次测试播放影片，篮球的运动效果基本达到要求。6.1.3 范例解析（二）制作“云海日出”花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制作一个作一个“浪漫的绽放浪漫的绽放”动画，带领读者来

9、一同体验自己绘制出的浪漫动画，带领读者来一同体验自己绘制出的浪漫感觉，其设计思路及效果如图感觉，其设计思路及效果如图5-8所示所示。图图6-12 制作思路及效果制作思路及效果 1、制作云层元件。、制作云层元件。（1）新建一个）新建一个Flash文档，设置文档文档，设置文档【背景颜色背景颜色】为为“#666666”，其他文档属性使用默认参数。其他文档属性使用默认参数。（2）新建一个影片剪辑元件并命名为）新建一个影片剪辑元件并命名为“云块云块”，单击，单击 按钮按钮进入元件内部进行编辑。进入元件内部进行编辑。（3）选择）选择【椭圆椭圆】工具，设置工具，设置【笔触颜色笔触颜色】为为“无无”，【填充颜

10、填充颜色色】为为“白色白色”，在编辑区绘制，在编辑区绘制5个椭圆形成一片云的形状，如个椭圆形成一片云的形状，如图图6-13所示。所示。（4）新建一个影片剪辑元件并命名为）新建一个影片剪辑元件并命名为“云层云层”，单击，单击 按钮按钮进入元件内部进行编辑。进入元件内部进行编辑。（5）将）将【库库】面板中的面板中的“云块云块”元件拖入编辑区，打开元件拖入编辑区，打开【滤镜滤镜】面板，单击面板左上角的面板，单击面板左上角的 按钮，选择按钮，选择“模糊模糊”滤镜，设置滤镜，设置参数参数【模糊模糊X】和和【模糊模糊Y】都为都为“30”，如图，如图6-14所示。所示。图图6-13 绘制云块绘制云块 图图6

11、-14 滤镜参数滤镜参数【滤镜滤镜】面板默认情况下位于面板默认情况下位于【属性属性】面板窗格中，单面板窗格中，单击窗格上方击窗格上方“属性属性”右侧的右侧的“滤镜滤镜”便可转到便可转到【滤镜滤镜】面面板，也可执行板，也可执行【窗口窗口】/【属性属性】/【滤镜滤镜】菜单命令打开菜单命令打开【滤镜滤镜】面板。面板。（6）按住）按住Ctrl键不放，利用键不放，利用【选择选择】工具拖动工具拖动“云块云块”元件，复元件，复制元件并摆放成如图制元件并摆放成如图6-15所示的云层状。所示的云层状。图图6-15 复制云块复制云块 2、制作天空元件、制作天空元件。（1）新建一个影片剪辑元件并命名为）新建一个影片

12、剪辑元件并命名为“天空天空”，单击，单击 按钮进入按钮进入元件内部进行编辑。元件内部进行编辑。（2）选择）选择【矩形矩形】工具，在工具，在【颜色颜色】面板中设置面板中设置【笔触颜色笔触颜色】为为“无无”，【填充颜色填充颜色】的的【类型类型】为为“线性线性”，从左至右第，从左至右第1个色块个色块颜色为颜色为“白色白色”，第，第2个色块颜色为个色块颜色为“#0099FF”，如图，如图6-16所示所示。（3）在编辑区绘制一个宽高为）在编辑区绘制一个宽高为“550px400px”的矩形，并居中对的矩形，并居中对齐，然后利用齐，然后利用【填充变形填充变形】工具调整填充方向和位置如图工具调整填充方向和位置

13、如图6-17所所示。示。图图6-16 填充颜色填充颜色 图图6-17 调整填充调整填充 3、制作太阳元件。（1）新建一个影片剪辑元件并命名为“太阳”，单击 按钮进入元件内部进行编辑。（2）选择【椭圆】工具，在【颜色】面板中设置【笔触颜色】为“无”，【填充颜色】的【类型】为“放射状”，从左至右第1个色块颜色为“白色”，第2个色块颜色为“#FFFF00”，第3个色块颜色为“#FFFF00”且【Alpha】参数为“0%”，如图6-18所示。（3）按住Shift键不放，在编辑区绘制一个宽高都为“100px”的圆形，并相对于舞台居中对齐，如图6-19所示。图图6-18 填充颜色二填充颜色二 图图6-19

14、 绘制太阳绘制太阳 4、导入高山元件、导入高山元件。（1）返回主场景，执行）返回主场景，执行【文件文件】/【导入导入】/【打开外部库打开外部库】菜单命菜单命令，选择教学资源中的令，选择教学资源中的“素材素材第第6讲讲云海日出云海日出高山素材高山素材.fla”文文件并打开，将里面的件并打开，将里面的“高山高山1”、“高山高山2”和和“高山高山3”元件拖入元件拖入当前文件的当前文件的【库库】面板中。面板中。（2）至此，所需元件制作完成，此时当前）至此，所需元件制作完成，此时当前【库库】面板如图面板如图6-20所所示。示。5、布置动画场景。、布置动画场景。（1）新建并重命名图层，直至图层效果如图）新

15、建并重命名图层，直至图层效果如图6-21所示所示。图图6-20 【库库】面板面板 图图6-21 新建并重命名图层新建并重命名图层（2）选择）选择“天空天空”图层，将图层，将【库库】面板中的面板中的“天空天空”元件拖入舞元件拖入舞台并居中对齐，使元件刚好覆盖整个舞台。台并居中对齐，使元件刚好覆盖整个舞台。（3）选择）选择“太阳太阳”图层，将图层，将【库库】面板中的面板中的“太阳太阳”元件拖入舞元件拖入舞台，放置在舞台的右下角，位置坐标台，放置在舞台的右下角，位置坐标x、y分别为分别为“450”、“300”，如图，如图6-22所示。所示。（4）选择）选择“云层云层1”图层，将图层，将【库库】面板中

16、的面板中的“云层云层”元件拖入舞元件拖入舞台，放置到如图台，放置到如图6-23所示的位置。所示的位置。图图6-22 放置放置“太阳太阳”元件元件 图图6-23 放置第放置第1个云层个云层 由于不同的读者制作出的云层的大小和形状可能有所不同，所以确定“高山”元件的坐标可方便读者对照效果图对“云层”元件的位置进行合理的调整。（5）选择）选择“高山高山1”图层，将图层，将【库库】面板中的面板中的“高山高山1”元件拖入舞台元件拖入舞台，设置位置坐标，设置位置坐标x、y分别为分别为“260”、“256”，如图，如图6-24所示所示。（6）选择）选择“云层云层2”图层，将图层，将【库库】面板中的面板中的“

17、云层云层”元件拖入到舞元件拖入到舞台台中，放置到如图中，放置到如图6-25所示的位置，使云层刚好遮住所示的位置，使云层刚好遮住“高山高山1”的底部。的底部。图图6-24 放置第放置第1个高个高 图图6-25 放置第放置第2个云层个云层（7）选择）选择“高山高山2”图层，将图层，将【库库】面板中的面板中的“高山高山2”元件拖入舞台元件拖入舞台，设置位置坐标，设置位置坐标x、y分别为分别为“108”、“195”，如图，如图6-26所示。所示。（8）选择）选择“云层云层3”图层，将图层，将【库库】面板中的面板中的“云层云层”元件拖入舞台元件拖入舞台，遮住，遮住“高山高山2”元件的底部，最终元件的底部

18、，最终3个个“云层云层”元件的位置如图元件的位置如图6-27所示。所示。图图6-26 放置第放置第2个高山个高山 图图6-27 3个云层的位置个云层的位置（9）选择）选择“高山高山3”图层，将图层，将【库库】面板中的面板中的“高山高山3”元件拖入舞台元件拖入舞台，设置位置坐标，设置位置坐标x、y分别为分别为“2”、“145”，如图，如图6-28所示。所示。（10）选择）选择“飘云飘云”图层，将图层，将【库库】面板中的面板中的“云块云块”元件拖入舞台元件拖入舞台，添加，添加“模糊模糊”滤镜，如图滤镜，如图6-29所示。所示。图图6-28 放置第放置第3个高山个高山 图图6-29 滤镜参数滤镜参数

19、（11）利用）利用【任意变形任意变形】工具减小工具减小“云块云块”元件的高，使其变得细长元件的高，使其变得细长，并放置到如图，并放置到如图6-30所示的位置，至此场景布置完成所示的位置，至此场景布置完成。图图6-30 调整调整“云块云块”元件元件 6、制作、制作“天空天空”动画。动画。（1）在所有图层的第）在所有图层的第160帧插入帧。帧插入帧。（2）在）在“天空天空”图层的第图层的第70帧和第帧和第120帧插入关键帧，选择第帧插入关键帧，选择第1帧中帧中的的“天空天空”元件，在元件，在【属性属性】面板中调整面板中调整【颜色颜色】下拉列表中的下拉列表中的“亮度亮度”选项，设置亮度参数为选项，设

20、置亮度参数为“100%”，如图，如图6-31所示所示。图图6-31 设置元件颜色属性一设置元件颜色属性一（3）选择第）选择第70帧中的帧中的“天空天空”元件，在元件，在【属性属性】面板中调整面板中调整【颜色颜色】选项为选项为“色调色调”，设置色调参数如图，设置色调参数如图6-32所示所示。图图6-32 设置元件颜色属性二设置元件颜色属性二（4）分别在）分别在“天空天空”图层的第图层的第1帧和第帧和第70帧单击鼠标右键，在弹出帧单击鼠标右键，在弹出的快捷菜单中选择的快捷菜单中选择【创建补间动画创建补间动画】命令，此时命令，此时【时间轴时间轴】状态状态如图如图6-33所示所示。图图6-33 【时间

21、轴时间轴】状态状态 7、制作、制作“太阳太阳”动画。动画。（1）在）在“太阳太阳”图层的第图层的第35帧和第帧和第120帧插入关键帧，删除第帧插入关键帧，删除第1帧中帧中的太阳元件。的太阳元件。（2）选择第）选择第35帧中的帧中的“太阳太阳”元件，在元件，在【属性属性】面板中设置其面板中设置其【颜颜色色】参数如图参数如图6-34所示所示。图图6-34 设置元件颜色属性三设置元件颜色属性三 场景中的元件较多，为了方便选择正确的元件并防止对其场景中的元件较多，为了方便选择正确的元件并防止对其余元件的误操作，应灵活利用图层的锁定和隐藏功能。余元件的误操作，应灵活利用图层的锁定和隐藏功能。（3）选择第

22、）选择第120帧中的帧中的“太阳太阳”元件，调整元件的位置到元件，调整元件的位置到“云块云块”元件的上方，如图元件的上方，如图6-35所示所示。图图6-35 调整太阳位置调整太阳位置（4）在）在“太阳太阳”图层的第图层的第35帧单击鼠标右键，选择帧单击鼠标右键，选择【创建补间动创建补间动画画】命令命令。8、制作、制作“云层云层1”动画动画。（1）在）在“云层云层1”图层的第图层的第25帧、第帧、第80帧和第帧和第120帧插入关键帧，选帧插入关键帧，选择第择第1帧中的帧中的“云层云层”元件，在元件，在【属性属性】面板中设置其面板中设置其【颜色颜色】属属性性如图如图6-36所示所示。图图6-36

23、设置元件颜色属性四设置元件颜色属性四 这里所说的这里所说的“云层云层”元件是指元件是指“云层云层1”图层中的图层中的“云层云层”元件，为了防止选错元件，可将元件，为了防止选错元件，可将“云层云层1”图层以外的图层以外的图层全部锁定。在下面制作图层全部锁定。在下面制作“高山高山”和和“云层云层”动画时动画时也使用同样的方法。也使用同样的方法。（2）选择第）选择第25帧中的帧中的“云层云层”元件，在元件，在【属性属性】面板中设置其面板中设置其【颜色颜色】属性如图属性如图6-37所示所示。图图6-37 设置元件颜色属性五设置元件颜色属性五（3）选择第）选择第80帧中的帧中的“云层云层”元件，设置其元

24、件，设置其【颜色颜色】属性如图属性如图6-38所示。所示。图图6-38 设置元件颜色属性六设置元件颜色属性六（4）分别在第）分别在第25帧和第帧和第80帧处创建补间动画。帧处创建补间动画。9、制作、制作“高山高山1”动画动画。（1）在）在“高山高山1”图层的第图层的第45、120帧插入关键帧，分别选择第帧插入关键帧，分别选择第1、45帧中的帧中的“高山高山1”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-39所示所示。图图6-39 设置元件颜色属性七设置元件颜色属性七（2）在第）在第45帧创建补间动画帧创建补间动画。10、制作、制作“云层云层2”动画。动画。（1）在）在“云层云层2”

25、图层的第图层的第35、70、120帧插入关键帧，分别选择第帧插入关键帧，分别选择第1、35帧中的帧中的“云层云层”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-40所示所示 图图6-40 设置元件颜色属性八设置元件颜色属性八（2）选择第）选择第70帧中的帧中的“云层云层”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-41所示所示。图图6-41 设置元件颜色属性九设置元件颜色属性九（3）设置元件颜色属性九分别在第）设置元件颜色属性九分别在第35帧和第帧和第70帧创建补间动画。帧创建补间动画。11、制作、制作“高山高山2”动画。动画。（1）在）在“高山高山2”图层的第图层的第5

26、5帧和第帧和第120帧插入关键帧，分别选择帧插入关键帧，分别选择第第1帧和第帧和第55帧中的帧中的“高山高山2”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-42所所示示。图图6-42 设置元件颜色属性十设置元件颜色属性十（2）在第）在第55帧创建补间动画帧创建补间动画。12、制作、制作“云层云层3”动画动画。（1）在）在“云层云层3”图层的第图层的第45帧、第帧、第70帧和第帧和第120帧插入关键帧，分帧插入关键帧，分别选择第别选择第1帧和第帧和第45帧中的帧中的“云层云层”元件，设置其元件，设置其【颜色颜色】属性属性如图如图6-43所示。所示。图图6-41 设置元件颜色属性十一设

27、置元件颜色属性十一（2）选择第）选择第70帧中的帧中的“云层云层”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-44所示所示。图图6-41 设置元件颜色属性十二设置元件颜色属性十二（3）分别在第）分别在第45帧和第帧和第70帧创建补间动画帧创建补间动画 13、制作、制作“高山高山3”动画动画。（1）在）在“高山高山3”图层的第图层的第55帧和第帧和第120帧插入关键帧，分别选择第帧插入关键帧，分别选择第1帧和第帧和第55帧中的帧中的“高山高山3”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-45所示所示。图图6-45 设置元件颜色属性十三设置元件颜色属性十三（2）在第）在第

28、55帧创建补间动画帧创建补间动画。14、制作、制作“飘云飘云”动画。动画。（1）在）在“飘云飘云”图层的第图层的第70帧和第帧和第120帧插入关键帧，删除第帧插入关键帧，删除第1帧帧中的中的“云块云块”元件。元件。（2）选择第）选择第70帧中的帧中的“云块云块”元件，设置其元件，设置其【颜色颜色】属性如图属性如图6-46所示。所示。图图6-46 设置元件颜色属性十四设置元件颜色属性十四（3）将）将“云块云块”元件的位置向右移动约元件的位置向右移动约“120px”，向下移动约，向下移动约“30px”，然后在第，然后在第70帧创建补间动画，以形成逐渐飘出的效果，帧创建补间动画，以形成逐渐飘出的效果

29、，至此全部动画制作完成。至此全部动画制作完成。（4）保存测试影片，即可欣赏惟妙惟肖的云海日出景观）保存测试影片，即可欣赏惟妙惟肖的云海日出景观。6.1.4 6.1.4 课堂练习制作“夜空中的蝙蝠”本例将使用动作补间动画来制作一个月色正浓而又寂静的夜晚，几只幽灵般的蝙蝠横空出世，惊起一阵哗然的效果，如图6-47所示。1、绘制夜空。、绘制夜空。（1）新建一个）新建一个Flash文档，文档所有属性使用默认参数文档，文档所有属性使用默认参数。图图6-47 效果图效果图（2）新建并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图6-48所示。所示。图图6-48 图层效果一图层效果一（3）

30、选择）选择【矩形矩形】工具，在工具，在【颜色颜色】面板中设置面板中设置【笔触颜色笔触颜色】为为“无无”，【填充颜色填充颜色】的的【类型类型】为为“线形线形”，从左至右第，从左至右第1个个色块颜色为色块颜色为“#000099”，第，第2个色块颜色为个色块颜色为“黑色黑色”，【颜色颜色】面板设置效果如图面板设置效果如图6-49所示，在所示，在“背景背景”图层上绘制一个宽图层上绘制一个宽高为高为“550px400px”的矩形，并居中对齐到舞台，效果如图的矩形，并居中对齐到舞台，效果如图6-50所示所示。图图6-49 【颜色颜色】面板面板 图图6-50 填充背景填充背景2、绘制圆月、绘制圆月。（1）选

31、择）选择【椭圆椭圆】工具，设置工具，设置【笔触颜色笔触颜色】为为“无无”，设置，设置【填充填充颜色颜色】为为“放射状放射状”，从左至右第，从左至右第1个色块为个色块为“#FFFF00”，第，第2个色块为个色块为“白色白色”且其且其【Alpha】值为值为“0%”，在，在“月亮月亮”图层图层上绘制一个宽高均为上绘制一个宽高均为“138px”的圆形，其位置对齐到舞台中央的圆形，其位置对齐到舞台中央，效果如图，效果如图6-51所示所示。【颜色颜色】面板面板 圆形圆形图图6-51 绘制月亮绘制月亮（2）选中舞台上刚刚绘制的月亮，按）选中舞台上刚刚绘制的月亮，按F8快捷键将其转换影片剪辑快捷键将其转换影片

32、剪辑元件并命名为元件并命名为“月亮月亮”。3、制作蝙蝠飞翔效果。、制作蝙蝠飞翔效果。（1）按）按Ctrl+F8快捷键新建一个影片剪辑元件并命名为快捷键新建一个影片剪辑元件并命名为“蝙蝠蝙蝠”，单击单击 按钮进入元件编辑界面。按钮进入元件编辑界面。（2）新建并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图6-52所示。所示。（3）选择）选择【椭圆椭圆】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为“无无”，设置，设置【填充颜色填充颜色】为为“黑色黑色”，在，在“头部头部”图层上绘制一图层上绘制一个宽高为个宽高为“34.5px”的圆形，其位置居中对齐到舞

33、台，效果如图的圆形，其位置居中对齐到舞台，效果如图6-53所示所示。图图6-52 图层效果二图层效果二 图图6-53 绘制头部绘制头部（4）选择）选择【线条线条】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为“黑色黑色”，设置，设置【笔触高度笔触高度】为为“1”，在，在“左耳朵左耳朵”图层上绘图层上绘制一个三角形，效果如图制一个三角形，效果如图6-54所示。所示。（5）选择）选择【颜料桶颜料桶】工具，设置工具，设置【填充颜色填充颜色】为为“黑色黑色”，填充，填充三角形。填充完成后删除边界线，并利用三角形。填充完成后删除边界线，并利用【选择选择】工具调整耳工具调整耳朵的

34、形状，效果如图朵的形状，效果如图6-55所示。所示。（6）将）将“左耳朵左耳朵”图层上的图形复制到图层上的图形复制到“右耳朵右耳朵”图层上，执行图层上，执行【修改修改】/【变形变形】/【水平翻转水平翻转】菜单命令将其水平翻转，并向菜单命令将其水平翻转，并向右移动一段距离，使左右耳朵相对头部对称效果如图右移动一段距离，使左右耳朵相对头部对称效果如图6-56所示所示。图图6-54 绘制绘制“左耳朵左耳朵”大体形状大体形状 图图6-55 编辑编辑“左耳朵左耳朵”图形图形 图图6-56 绘制绘制“右耳朵右耳朵”（7）将两只耳朵向舞台下方移动，直至蝙蝠的头部，效果如图）将两只耳朵向舞台下方移动，直至蝙蝠

35、的头部，效果如图6-57所示。所示。（8）选择）选择【线条线条】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为“黑色黑色”，设置，设置【笔触高度笔触高度】为为“1”，在，在“翅膀翅膀”图层上绘制图层上绘制一个翅膀的图形，效果如图一个翅膀的图形，效果如图6-58所示。所示。图图6-57 对齐对齐“耳朵耳朵”图图6-58 绘制绘制“翅膀翅膀”大体形状大体形状（9）利用）利用【颜料桶颜料桶】工具将翅膀填充为工具将翅膀填充为“黑色黑色”，填充完成，填充完成后删除边界线，并利用后删除边界线，并利用【选择选择】工具调整翅膀的形状，效工具调整翅膀的形状，效果如图果如图6-59所示。

36、所示。（10）选中舞台上的翅膀图形，按）选中舞台上的翅膀图形，按F8快捷键将其转换为影片剪快捷键将其转换为影片剪辑元件并命名为辑元件并命名为“翅膀翅膀”。（11）双击舞台上的）双击舞台上的“翅膀翅膀”元件进入元件编辑界面，在前元件进入元件编辑界面，在前4帧都按帧都按F6键插入关键帧，效果如图键插入关键帧，效果如图6-60所示。所示。图图6-59 编辑编辑“翅膀翅膀”图形图形 图图6-60 【时间轴时间轴】效果一效果一（12）在第）在第2帧处，利用帧处，利用【任意变形任意变形】工具将翅膀调整到如图工具将翅膀调整到如图6-61所示的形状。所示的形状。（13）在第）在第3帧处，利用帧处，利用【任意变

37、形任意变形】工具将翅膀调整到如图工具将翅膀调整到如图6-62所示的形状，这样就完成了翅膀飞翔状态制作所示的形状，这样就完成了翅膀飞翔状态制作。图图6-61 制作飞翔的制作飞翔的“翅膀翅膀”（1）图图6-62 制作飞翔的制作飞翔的“翅膀翅膀”（2）在这里调整在这里调整“翅膀翅膀”形状时，将光标移动到最左边的边形状时，将光标移动到最左边的边界处，当鼠标光标变为界处，当鼠标光标变为 形状，然后进行移动和翅膀形状，然后进行移动和翅膀形状调整形状调整。（14）双击）双击【库库】面板中的面板中的“蝙蝠蝙蝠”元件，进入元件，进入“蝙蝠蝙蝠”元件的元件的编辑界面。将翅膀调整到合适的大小和位置，效果如图编辑界面

38、。将翅膀调整到合适的大小和位置，效果如图6-63所示。所示。（15）选中舞台上的）选中舞台上的“翅膀翅膀”文件，按文件，按Ctrl+C快捷键复制，按快捷键复制，按Ctrl+Shift+V快捷键粘贴到当前位置，并执行快捷键粘贴到当前位置，并执行【修改修改】/【变变形形】/【水平翻转水平翻转】菜单命令将其水平翻转，最后调整其水平菜单命令将其水平翻转，最后调整其水平位置，效果如图位置，效果如图6-64所示。蝙蝠飞翔效果制作完成。所示。蝙蝠飞翔效果制作完成。图图6-63 调整调整“翅膀翅膀”的位置的位置 图图6-64 制作另一个制作另一个“翅膀翅膀”4、制作蝙蝠飞向月亮的动画。、制作蝙蝠飞向月亮的动画

39、。（1）回到主场景中，在）回到主场景中，在3个图层的第个图层的第120帧处插入帧，效果如图帧处插入帧，效果如图6-65所示所示。图图6-65 【时间轴时间轴】效果二效果二（2）选择）选择“背景背景”图层，在第图层，在第20帧处按帧处按F6快捷键插入关键帧，快捷键插入关键帧，并在第并在第1帧第帧第20帧之间创建形状补间动画。帧之间创建形状补间动画。（3）选中）选中“背景背景”图层上第图层上第1帧的图形，利用帧的图形，利用【填充变形填充变形】工具工具，调整填充的颜色，将颜色中心向上移动一段距离，效果如，调整填充的颜色，将颜色中心向上移动一段距离，效果如图图6-66所示。所示。（4）选择）选择“月亮

40、月亮”图层，在第图层，在第20帧处按帧处按F6快捷键插入关键帧，快捷键插入关键帧，并在第并在第1帧第帧第20帧之间创建动作补间动画。帧之间创建动作补间动画。（5）选中）选中“月亮月亮”图层上第图层上第1帧的月亮，将其拖放到舞台的右下帧的月亮，将其拖放到舞台的右下角，效果如图角，效果如图6-67所示。所示。颜色中心点图图6-66 调整背景颜色调整背景颜色 图图6-67 制作制作“月亮月亮”升起效果升起效果（6）选择）选择“蝙蝠蝙蝠”图层，在第图层，在第21帧处按帧处按F6快捷键插入关键帧，快捷键插入关键帧，将将【库库】面板的面板的“蝙蝠蝙蝠”元件拖入舞台中，调整它的宽高为元件拖入舞台中，调整它的

41、宽高为“108px18.4px”，并相对于舞台居中对齐，效果如图，并相对于舞台居中对齐，效果如图6-68所所示。然后在第示。然后在第35帧、第帧、第45帧和第帧和第60帧处插入关键帧，并在第帧处插入关键帧，并在第21帧帧第第35帧，第帧，第45帧第帧第60帧之间创建动作补间动画。帧之间创建动作补间动画。（7）选中第）选中第21帧的蝙蝠，将其拖放到画布之外，并利用帧的蝙蝠，将其拖放到画布之外，并利用【任意任意变形变形】工具将蝙蝠放大，效果如图工具将蝙蝠放大，效果如图6-69所示，完成蝙蝠飞入所示，完成蝙蝠飞入的动画效果。的动画效果。图图6-68 将将“蝙蝠蝙蝠”拖入舞台拖入舞台 图图6-69 制

42、作制作“蝙蝠蝙蝠”的飞入效果的飞入效果（8）选中第）选中第60帧的蝙蝠，利用帧的蝙蝠，利用【任意变形任意变形】工具将蝙蝠缩小至工具将蝙蝠缩小至看不见，代表蝙蝠越飞越远，效果如图看不见，代表蝙蝠越飞越远，效果如图6-70所示。所示。（9）在第）在第80帧和第帧和第100帧处插入关键帧。然后在第帧处插入关键帧。然后在第61帧处按帧处按F7快捷键插入空白关键帧，代表蝙蝠完全消失，最后在第快捷键插入空白关键帧，代表蝙蝠完全消失，最后在第80帧帧和第和第100帧之间创建动作补间动画。帧之间创建动作补间动画。（10）选中第）选中第100帧的蝙蝠，将其拖放到画布之外，利用帧的蝙蝠，将其拖放到画布之外，利用【

43、任意任意变形变形】工具将蝙蝠拉大，效果如图工具将蝙蝠拉大，效果如图6-71所示。完成蝙蝠飞出所示。完成蝙蝠飞出的效果。的效果。（11）最后在第）最后在第101帧处按帧处按F7快捷键插入空白关键帧快捷键插入空白关键帧。缩小的蝙蝠图图6-70 缩小缩小“蝙蝠蝙蝠”图图6-71 制作制作“蝙蝠蝙蝠”的飞出效果的飞出效果（12）新建两个图层并重命名，直至图层效果如图）新建两个图层并重命名，直至图层效果如图6-72所示。所示。（13）然后按住）然后按住Shift键选中键选中“蝙蝠蝙蝠”图层的第图层的第21帧第帧第101帧，帧，单击鼠标右键，在弹出的菜单中选择单击鼠标右键，在弹出的菜单中选择【复制帧复制帧

44、】命令，最后命令，最后分别在分别在“蝙蝠蝙蝠2”图层的第图层的第25帧和帧和“蝙蝠蝙蝠3”图层的第图层的第30帧单击鼠标右键，帧单击鼠标右键，在弹出的菜单中选择在弹出的菜单中选择【粘贴帧粘贴帧】命令。最后删除时间轴上超命令。最后删除时间轴上超出了出了120帧外的多余帧，效果如图帧外的多余帧，效果如图6-73所示。所示。图图6-72 图层效果三图层效果三 图图6-73 图层效果三四图层效果三四5、添加音效。、添加音效。（1）执行）执行【文件文件】/【导入导入】/【导入到库导入到库】菜单命令，将教学资菜单命令，将教学资源中的源中的“素材素材第第6讲讲夜空中的蝙蝠夜空中的蝙蝠翅膀声音翅膀声音1.wa

45、v”和和“翅膀翅膀声音声音2.wav”文件导入到库中文件导入到库中 。（2）新建图层并重命名为）新建图层并重命名为“声音声音”，在第，在第21帧、第帧、第75帧和第帧和第109帧处插入关键帧，在第帧处插入关键帧，在第21帧和第帧和第75帧处分别插入声音帧处分别插入声音“翅膀翅膀声音声音1”和和“翅膀声音翅膀声音2”，效果如图，效果如图6-74所示。所示。图图6-74 添加声音添加声音（3）保存测试影片，模拟蝙蝠和月亮的影片就制作完成）保存测试影片，模拟蝙蝠和月亮的影片就制作完成。6.2 时间轴特效 时间轴特效功能经常用于以模板的形式制作一些复杂而重复的时间轴特效功能经常用于以模板的形式制作一些

46、复杂而重复的动画，例如模糊、位移等，恰当合理地运用动画，例如模糊、位移等，恰当合理地运用Flash的时间轴特效功能的时间轴特效功能，可以为，可以为Flash动画添加一些动感动画添加一些动感。6.2.1 知识点讲解图图6-75 添加时间轴特效添加时间轴特效 图图6-76 【库库】面板面板 一、添加时间轴特效一、添加时间轴特效。给一个对象添加时间轴特效时，给一个对象添加时间轴特效时，Flash会新建一个图层，同时会新建一个图层，同时把对象传送到新建的层中。对象被放置在特效图形中，特效所需的把对象传送到新建的层中。对象被放置在特效图形中，特效所需的所有过渡和变形存放在新建层的图形中。新建层的名称与特

47、效的名所有过渡和变形存放在新建层的图形中。新建层的名称与特效的名称相同，并加一个编号，表示特效应用的顺序，如图称相同，并加一个编号，表示特效应用的顺序，如图6-75所示。所示。添加时间轴特效时，在库中会添加一个以特效名命名的文件添加时间轴特效时，在库中会添加一个以特效名命名的文件夹，内含创建该特效所用的元素，如图夹，内含创建该特效所用的元素，如图6-76所示。所示。二、时间轴特效设置二、时间轴特效设置。在在Flash中包含中包含8种时间轴特效，每种时间轴特效都以特定的方种时间轴特效，每种时间轴特效都以特定的方式来处理对象式来处理对象。用户可以通过改变特效的各个参数，以获得理想的。用户可以通过改

48、变特效的各个参数，以获得理想的特效。在特效预览窗口中，可以修改特效的参数，快速预览修改参特效。在特效预览窗口中，可以修改特效的参数，快速预览修改参数后的变化，以选择满意的效果数后的变化，以选择满意的效果。6.2.2 6.2.2 范例解析（一）时间轴特效练习 同学们在老师的带领下进一步熟悉时间轴特效的创建方法和参数同学们在老师的带领下进一步熟悉时间轴特效的创建方法和参数设置，并按要求完成以下操作设置，并按要求完成以下操作。1、新建一个、新建一个Flash文档，执行文档，执行【文件文件】/【导入导入】/【导入到舞台导入到舞台】菜菜单命令，将教学资源中的单命令，将教学资源中的“素材素材第第6讲讲时间

49、轴特效练习时间轴特效练习图片图片.jpg”导入舞台导入舞台。2、选中舞台上的、选中舞台上的“图片图片.jpg”，然后利用，然后利用【插入插入】/【时间轴特效时间轴特效】/【效果效果】/【模糊模糊】命令打开命令打开【模糊模糊】窗口，如图窗口，如图6-77所示。所示。3、观察、观察【模糊模糊】窗口，左边为窗口，左边为“参数参数”设置区域，右边为设置区域，右边为“动画动画”阅览区域。请同学们依次设置各种阅览区域。请同学们依次设置各种“参数参数”后，在右边预览窗口后，在右边预览窗口观察动画的变化情况。观察动画的变化情况。4、设置完成后，单击、设置完成后，单击 按钮将其动作添加到时间轴上，效果如图按钮将

50、其动作添加到时间轴上，效果如图6-78所示。所示。图图6-77 模糊特效设置窗口模糊特效设置窗口 图图6-78 【时间轴时间轴】效果三效果三 6.2.3 范例解析（二）制作“汽车影集”本例将使用时间轴特效制作一个动感而又漂亮的汽车影集，其本例将使用时间轴特效制作一个动感而又漂亮的汽车影集，其设计思路及效果如图设计思路及效果如图6-79所示所示。1、素材准备。、素材准备。（1）新建一个）新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“400px300px”，文档，文档【帧频帧频】为为“24fps”，文档其他属性使用默认参数，文档其他属性使用默认参数。图图6-79 设计思路及效果设