黔教版六年级下册信息技术第7课 圣诞老人来了 教学ppt课件.ppt

1、学习目标学习目标 第第7课课 圣诞老人来了圣诞老人来了 掌握动作补间动画的原理和创建方法掌握动作补间动画的原理和创建方法 。 掌握使用动作补间动画表现蝙蝠飞翔的效果掌握使用动作补间动画表现蝙蝠飞翔的效果 。 掌握时间轴特效的原理和使用方法掌握时间轴特效的原理和使用方法 。 掌握使用时间轴特效制作动态影集的方法掌握使用时间轴特效制作动态影集的方法 。 1.1 动作补间动画原理 1.2 时间轴特效 1.3 课后作业 本章大纲本章大纲 1.1 动作补间动画原理 1.1.1 知识点讲解 动作补间是动作补间是Flash动画应用最多的表现手法，只要有动画产生的动画应用最多的表现手法，只要有动画产生的 实例

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

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

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

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

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

7、建动作补间动画，此时【时 间轴】效果如图1-8所示 。 图图1-7 调整篮球位置二调整篮球位置二 图图1-8 创建动作补间动画创建动作补间动画 5、按、按Ctrl+Enter快捷键测试播放影片，虽然篮球运动起来了，但快捷键测试播放影片，虽然篮球运动起来了，但 是动作显的十分坚硬是动作显的十分坚硬 。 6、选中第、选中第1帧，在帧，在【属性属性】面板中设置面板中设置【缓动缓动】为“为“100”，如，如 图图1-9所示，选中第所示，选中第30帧，在帧，在【属性属性】面板中设置面板中设置【缓动缓动】为为 “100”，如图，如图1-10所示所示 。 图图1-9 设置缓动为“设置缓动为“100” 图图1

8、-10 设置缓动为“设置缓动为“100” 7、按、按Ctrl+Enter快捷键测试播放影片，篮球的运动看起来具有一快捷键测试播放影片，篮球的运动看起来具有一 定的速率变化了。定的速率变化了。 8、选中第、选中第1帧，在帧，在【属性属性】面板中设置面板中设置【旋转旋转】为“顺时针”，为“顺时针”，【 次次】为“为“1”，如图，如图1-11所示，选中第所示，选中第30帧，在帧，在【属性属性】面板中做相面板中做相 同的旋转设置。同的旋转设置。 图图1-11 设置旋转设置旋转 9、再次测试播放影片，篮球的运动效果基本达到要求、再次测试播放影片，篮球的运动效果基本达到要求 。 1.1.3 范例解析（二）

9、制作“云海日出” 花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制花是带给人们幸福与浪漫的精灵。本例将使用形状补间动画来制 作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫作一个“浪漫的绽放”动画，带领读者来一同体验自己绘制出的浪漫 感觉，其设计思路及效果如图感觉，其设计思路及效果如图1-8所示所示 。 图图1-12 制作思路及效果制作思路及效果 1、制作云层元件。、制作云层元件。 （1）新建一个）新建一个Flash文档，设置文档文档，设置文档【背景颜色背景颜色】为“为“#666666”， 其他文档属性使用默认参数。其他文档属性使用默认参数。 （2）新建一个影片剪辑元件并命

10、名为“云块”，单击）新建一个影片剪辑元件并命名为“云块”，单击 按钮进按钮进 入元件内部进行编辑。入元件内部进行编辑。 （3）选择）选择【椭圆椭圆】工具，设置工具，设置【笔触颜色笔触颜色】为“无”，为“无”，【填充颜填充颜 色色】为“白色”，在编辑区绘制为“白色”，在编辑区绘制5个椭圆形成一片云的形状，如个椭圆形成一片云的形状，如 图图1-13所示。所示。 （4）新建一个影片剪辑元件并命名为“云层”，单击）新建一个影片剪辑元件并命名为“云层”，单击 按钮进按钮进 入元件内部进行编辑。入元件内部进行编辑。 （5）将）将【库库】面板中的“云块”元件拖入编辑区，打开面板中的“云块”元件拖入编辑区，打

11、开【滤镜滤镜】 面板，单击面板左上角的面板，单击面板左上角的 按钮，选择“模糊”滤镜，设置按钮，选择“模糊”滤镜，设置 参数参数【模糊模糊X】和和【模糊模糊Y】都为“都为“30”，如图，如图1-14所示。所示。 图图1-13 绘制云块绘制云块 图图1-14 滤镜参数滤镜参数 【滤镜滤镜】面板默认情况下位于面板默认情况下位于【属性属性】面板窗格中面板窗格中，单单 击窗格上方击窗格上方“属性属性”右侧的右侧的“滤镜滤镜”便可转到便可转到【滤镜滤镜】 面面 板，也可执行板，也可执行【窗口窗口】/【属性属性】/【滤镜滤镜】菜单命令打开菜单命令打开 【滤镜滤镜】面板。面板。 （6）按住）按住Ctrl键不

12、放，利用键不放，利用【选择选择】工具拖动“云块”元件，复工具拖动“云块”元件，复 制元件并摆放成如图制元件并摆放成如图1-15所示的云层状。所示的云层状。 图图1-15 复制云块复制云块 2、制作天空元件、制作天空元件 。 （1）新建一个影片剪辑元件并命名为“天空”，单击）新建一个影片剪辑元件并命名为“天空”，单击 按钮进入按钮进入 元件内部进行编辑。元件内部进行编辑。 （2）选择）选择【矩形矩形】工具，在工具，在【颜色颜色】面板中设置面板中设置【笔触颜色笔触颜色】为“为“ 无”，无”，【填充颜色填充颜色】的的【类型类型】为“线性”，从左至右第为“线性”，从左至右第1个色块个色块 颜色为“白色

13、”，第颜色为“白色”，第2个色块颜色为“个色块颜色为“#0099FF”，如图，如图1-16所示所示 。 （3）在编辑区绘制一个宽高为“）在编辑区绘制一个宽高为“550px400px”的矩形，并居中对的矩形，并居中对 齐，然后利用齐，然后利用【填充变形填充变形】工具调整填充方向和位置如图工具调整填充方向和位置如图1-17所所 示。示。 图图1-16 填充颜色填充颜色 图图1-17 调整填充调整填充 3、制作太阳元件 。 （1）新建一个影片剪辑元件并命名为“太阳”，单击 按钮进入 元件内部进行编辑 。 （2）选择【椭圆】工具，在【颜色】面板中设置【笔触颜色】为“ 无”，【填充颜色】的【类型】为“放

14、射状”，从左至右第1个 色块颜色为“白色”，第2个色块颜色为“#FFFF00”，第3个色 块颜色为“#FFFF00”且【Alpha】参数为“0%”，如图1-18所示 。 （3）按住Shift键不放，在编辑区绘制一个宽高都为“100px”的圆形 ，并相对于舞台居中对齐，如图1-19所示。 图图1-18 填充颜色二填充颜色二 图图1-19 绘制太阳绘制太阳 4、导入高山元件、导入高山元件 。 （1）返回主场景，执行）返回主场景，执行【文件文件】/【导入导入】/【打开外部库打开外部库】菜单命菜单命 令，选择教学资源中的“素材令，选择教学资源中的“素材云海日出云海日出高山素材高山素材.fla”文件并打

15、文件并打 开，将里面的“高山开，将里面的“高山1”、“高山、“高山2”和“高山和“高山3”元件拖入当前文元件拖入当前文 件的件的【库库】面板中。面板中。 （2）至此，所需元件制作完成，此时当前）至此，所需元件制作完成，此时当前【库库】面板如图面板如图1-20所所 示。示。 5、布置动画场景。、布置动画场景。 （1）新建并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图1-21所示所示 。 图图1-20 【库库】面板面板 图图1-21 新建并重命名图层新建并重命名图层 （2）选择“天空”图层，将）选择“天空”图层，将【库库】面板中的“天空”元件拖入舞面板中的“天空”元件拖入舞 台

16、并居中对齐，使元件刚好覆盖整个舞台。台并居中对齐，使元件刚好覆盖整个舞台。 （3）选择“太阳”图层，将）选择“太阳”图层，将【库库】面板中的“太阳”元件拖入舞面板中的“太阳”元件拖入舞 台，放置在舞台的右下角，位置坐标台，放置在舞台的右下角，位置坐标x、y分别为“分别为“450”、 “300”，如图，如图1-22所示。所示。 （4）选择“云层）选择“云层1”图层，将图层，将【库库】面板中的“云层”元件拖入舞面板中的“云层”元件拖入舞 台，放置到如图台，放置到如图1-23所示的位置。所示的位置。 图图1-22 放置“太阳”元件放置“太阳”元件 图图1-23 放置第放置第1个云层个云层 由于不同的

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

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

19、的位置个云层的位置 （9）选择“高山）选择“高山3”图层，将图层，将【库库】面板中的“高山面板中的“高山3”元件拖入舞台元件拖入舞台 ，设置位置坐标，设置位置坐标x、y分别为“分别为“2”、“、“145”，如图，如图1-28所示。所示。 （10）选择“飘云”图层，将）选择“飘云”图层，将【库库】面板中的“云块”元件拖入舞台面板中的“云块”元件拖入舞台 ，添加“模糊”滤镜，如图，添加“模糊”滤镜，如图1-29所示。所示。 图图1-28 放置第放置第3个高山个高山 图图1-29 滤镜参数滤镜参数 （11）利用）利用【任意变形任意变形】工具减小“云块”元件的高，使其变得细长工具减小“云块”元件的高，

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

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

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

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

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

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

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

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

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

29、55帧中的“高山帧中的“高山3”元件，设置其元件，设置其【颜色颜色】属性如图属性如图1-45 所示所示 。 图图1-45 设置元件颜色属性十三设置元件颜色属性十三 （2）在第）在第55帧创建补间动画帧创建补间动画 。 14、制作“飘云”动画。、制作“飘云”动画。 （1）在“飘云”图层的第）在“飘云”图层的第70帧和第帧和第120帧插入关键帧，删除第帧插入关键帧，删除第1帧帧 中的“云块”元件。中的“云块”元件。 （2）选择第）选择第70帧中的“云块”元件，设置其帧中的“云块”元件，设置其【颜色颜色】属性如图属性如图1-46 所示。所示。 图图1-46 设置元件颜色属性十四设置元件颜色属性十四

30、（3）将将“云块云块”元件的位置向右移动约元件的位置向右移动约“120px”，向下移动约向下移动约 “30px”，然后在第，然后在第70帧创建补间动画，以形成逐渐飘出的效果，帧创建补间动画，以形成逐渐飘出的效果， 至此全部动画制作完成。至此全部动画制作完成。 （4）保存测试影片，即可欣赏惟妙惟肖的云海日出景观）保存测试影片，即可欣赏惟妙惟肖的云海日出景观 。 1.1.4 1.1.4 课堂练习制作“夜空中的蝙蝠” 本例将使用动作补间动画来制作一个月色正浓而又寂静的 夜晚，几只幽灵般的蝙蝠横空出世，惊起一阵哗然的效果，如图 1-47所示 。 1、绘制夜空。、绘制夜空。 （1）新建一个）新建一个Fl

31、ash文档，文档所有属性使用默认参数文档，文档所有属性使用默认参数 。 图图1-47 效果图效果图 （2）新建并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图1-48所示。所示。 图图1-48 图层效果一图层效果一 （3）选择）选择【矩形矩形】工具，在工具，在【颜色颜色】面板中设置面板中设置【笔触颜色笔触颜色】为为 “无”，“无”，【填充颜色填充颜色】的的【类型类型】为“线形”，从左至右第为“线形”，从左至右第1个个 色块颜色为“色块颜色为“#000099”，第，第2个色块颜色为“黑色”，个色块颜色为“黑色”，【颜色颜色 】面板设置效果如图面板设置效果如图6-49所示，在“背

32、景”图层上绘制一个宽所示，在“背景”图层上绘制一个宽 高为“高为“550px400px”的矩形，并居中对齐到舞台，效果如图的矩形，并居中对齐到舞台，效果如图 1-50所示所示 。 图图1-49 【颜色颜色】面板面板 图图1-50 填充背景填充背景 2、绘制圆月、绘制圆月 。 （1）选择）选择【椭圆椭圆】工具，设置工具，设置【笔触颜色笔触颜色】为“无”，设置为“无”，设置【填充填充 颜色颜色】为“放射状”，从左至右第为“放射状”，从左至右第1个色块为“个色块为“#FFFF00”，第，第2 个色块为“白色”且其个色块为“白色”且其【Alpha】值为“值为“0%”，在“月亮”图层，在“月亮”图层 上

33、绘制一个宽高均为“上绘制一个宽高均为“138px”的圆形，其位置对齐到舞台中央的圆形，其位置对齐到舞台中央 ，效果如图，效果如图1-51所示所示 。 【颜色颜色】面板面板 圆形圆形 图图1-51 绘制月亮绘制月亮 （2）选中舞台上刚刚绘制的月亮，按）选中舞台上刚刚绘制的月亮，按F8快捷键将其转换影片剪辑快捷键将其转换影片剪辑 元件并命名为“月亮”。元件并命名为“月亮”。 3、制作蝙蝠飞翔效果。、制作蝙蝠飞翔效果。 （1）按）按Ctrl+F8快捷键新建一个影片剪辑元件并命名为“蝙蝠”，快捷键新建一个影片剪辑元件并命名为“蝙蝠”， 单击单击 按钮进入元件编辑界面。按钮进入元件编辑界面。 （2）新建

34、并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图1-52所示。所示。 （3）选择）选择【椭圆椭圆】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为“为“ 无”，设置无”，设置【填充颜色填充颜色】为“黑色”，在“头部”图层上绘制一为“黑色”，在“头部”图层上绘制一 个宽高为“个宽高为“34.5px”的圆形，其位置居中对齐到舞台，效果如图的圆形，其位置居中对齐到舞台，效果如图 1-53所示所示 。 图图1-52 图层效果二图层效果二 图图1-53 绘制头部绘制头部 （4）选择）选择【线条线条】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色

35、】为为 “黑色”，设置“黑色”，设置【笔触高度笔触高度】为“为“1”，在“左耳朵”图层上绘，在“左耳朵”图层上绘 制一个三角形，效果如图制一个三角形，效果如图1-54所示。所示。 （5）选择）选择【颜料桶颜料桶】工具，设置工具，设置【填充颜色填充颜色】为“黑色”，填充为“黑色”，填充 三角形。填充完成后删除边界线，并利用三角形。填充完成后删除边界线，并利用【选择选择】工具调整耳工具调整耳 朵的形状，效果如图朵的形状，效果如图1-55所示。所示。 （6）将“左耳朵”图层上的图形复制到“右耳朵”图层上，执行）将“左耳朵”图层上的图形复制到“右耳朵”图层上，执行 【修改修改】/【变形变形】/【水平翻

36、转水平翻转】菜单命令将其水平翻转，并向菜单命令将其水平翻转，并向 右移动一段距离，使左右耳朵相对头部对称效果如图右移动一段距离，使左右耳朵相对头部对称效果如图1-56所示所示 。 图图1-54 绘制“左耳朵”大体形状绘制“左耳朵”大体形状 图图1-55 编辑“左耳朵”图形编辑“左耳朵”图形 图图1-56 绘制“右耳朵”绘制“右耳朵” （7）将两只耳朵向舞台下方移动将两只耳朵向舞台下方移动，直至蝙蝠的头部直至蝙蝠的头部，效果如图效果如图 1-57所示。所示。 （8）选择）选择【线条线条】工具，在工具，在【属性属性】面板中设置面板中设置【笔触颜色笔触颜色】为为 “黑色”，设置“黑色”，设置【笔触高

37、度笔触高度】为“为“1”，在“翅膀”图层上绘制，在“翅膀”图层上绘制 一个翅膀的图形，效果如图一个翅膀的图形，效果如图1-58所示。所示。 图图6-57 对齐“耳朵”对齐“耳朵” 图图1-58 绘制“翅膀”大体形状绘制“翅膀”大体形状 （9）利用）利用【颜料桶颜料桶】工具将翅膀填充为“黑色”，填充完成工具将翅膀填充为“黑色”，填充完成 后删除边界线，并利用后删除边界线，并利用【选择选择】工具调整翅膀的形状，效工具调整翅膀的形状，效 果如图果如图1-59所示。所示。 （10）选中舞台上的翅膀图形，按）选中舞台上的翅膀图形，按F8快捷键将其转换为影片剪快捷键将其转换为影片剪 辑元件并命名为“翅膀”

38、。辑元件并命名为“翅膀”。 （11）双击舞台上的“翅膀”元件进入元件编辑界面，在前）双击舞台上的“翅膀”元件进入元件编辑界面，在前4 帧都按帧都按F6键插入关键帧，效果如图键插入关键帧，效果如图1-60所示。所示。 图图1-59 编辑“翅膀”图形编辑“翅膀”图形 图图1-60 【时间轴时间轴】效果一效果一 （12）在第）在第2帧处，利用帧处，利用【任意变形任意变形】工具将翅膀调整到如图工具将翅膀调整到如图 1-61所示的形状。所示的形状。 （13）在第）在第3帧处，利用帧处，利用【任意变形任意变形】工具将翅膀调整到如图工具将翅膀调整到如图 1-62所示的形状，这样就完成了翅膀飞翔状态制作所示的

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

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

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

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

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

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

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

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

47、中的“素材第第6讲讲夜空中的蝙蝠夜空中的蝙蝠翅膀声音翅膀声音1.wav”和“翅膀和“翅膀 声音声音2.wav”文件导入到库中文件导入到库中 。 （2）新建图层并重命名为“声音”，在第）新建图层并重命名为“声音”，在第21帧、第帧、第75帧和第帧和第109 帧处插入关键帧，在第帧处插入关键帧，在第21帧和第帧和第75帧处分别插入声音“翅膀帧处分别插入声音“翅膀 声音声音1”和“翅膀声音和“翅膀声音2”，效果如图，效果如图1-74所示。所示。 图图1-74 添加声音添加声音 （3）保存测试影片，模拟蝙蝠和月亮的影片就制作完成）保存测试影片，模拟蝙蝠和月亮的影片就制作完成 。 1.2 时间轴特效 时间轴特效功能经常用于以模板的形式制作一些复杂而重复的时间轴特效功能经常用于以模板的形式制作一些复杂而重复的 动画，例如模糊、位移等，恰当合理地运用动画，例如模糊、位移等，恰当合理地运用Flash的时间轴特效功能的时间轴特效功能 ，可以为，可以为Flash动画添加一些动感动画添加一些动