实验 9 动作补间动画与引导路径动画9.1 实验目的：(1) 进一步掌握图层、帧和关键帧的概念(2) 掌握动作补间动画的基本概念及制作(3) 掌握引导路径动画的基本概念和制作(4) 熟悉动画属性面板的设置(5) 熟练掌握利用运动渐变制作出改变大小、发生位移及 Alpha 值改变等效果的动画9.2 实验环境：Windows XP，Flash CS39.3 实验要求：a 制作动画：海底世界。效果查看 9_1.exe 所示。b 制作动画：漫天飞雪。效果查看 9_2.exe 所示。9.4 实验内容：(1) 制作动画：海底世界：i. 在背景为蓝色的文档中，一行颜色为白色、字体为华文行楷的文字“海底世界”逐渐由小变大，最后在屏幕中间显示出来。ii. 在文字逐渐从小变大的同时，一幅海底世界的图片从右向左逐渐展开显示在屏幕的中间，作为“海底世界”的背景图像，替代原来的背景颜色。iii. “海底世界”文字逐渐缩小，并移至底图的右上方，同时一大一小两条彩色的鱼逐渐显现出来。iv. 两条鱼在水中来回游动，大鱼在上层，小鱼在下层。v. 一个自身顺时针旋转的气泡在大鱼和小鱼之间缓慢向上升起，慢慢消失。(2) 制作漫天飞雪的动画效果：绘制小雪花图形；建立 3 个雪花飞舞的影片剪辑；导入背景图片“snow.jpg”到舞台，放置若干个雪花飞舞的影片剪辑，呈现出漫天飞雪的效果。9.5 实验步骤：1. 制作动画：海底世界 制作文字从小变大的动画：i. 打开 9_1.fla 文件，点击属性面板的“大小”按钮，打开文档属性对话框，设置该文档的大小为 600*450 像素，背景颜色为#0066FF。将图层 1 重命名为“文字” 。ii. 点击工具箱中的文本工具，在属性面板设置文本颜色为白色、字体为华文行楷，大小为 11，属性面板的设置如图 9-1 所示，在舞台上输入文字“海底世界” 。利用选择工具，拖动鼠标，选中文字，依次点击“修改”菜单“对齐”“相对舞台分布”命令， “修改”菜单“对齐”“水平居中”命令，“修改”菜单“对齐”“垂直居中”命令，将文字设置为相对于舞台，水平居中，垂直居中。图 9-1iii. 在“文字”图层第 40 帧处，按 F6 键插入一关键帧，选择工具箱中的任意变形工具，点击舞台中央的“海底世界”文字，按住 Shift 键的同时，拖动文字右下角的角柄，将文字放大，效果如图 9-2 所示。图 9-2iv. 单击“文字”层第 140 帧中间的任意一帧，在属性面板“补间”下拉菜单中选择“动画” ，创建好第 140 帧的运动渐变动画。 制作展开的背景：i. 点击图层面板左下角的 “插入图层”按钮，添加一新图层，重命名为“背景” ，拖动鼠标，将该层移动至“文字”层下方。选择“文件”菜单“导入”“导入到库”命令，打开“导入到库”对话框，选择图片“seabg.jpg” ，将其导入到库中。如图 9-3 所示。图 9-3ii. 在库面板中选中该图片，将其拖动至舞台右侧。如图 9-4 所示。图 9-4iii. 在“背景”层第 40 帧处按 F6 键插入关键帧，在这帧中，将图片拖动至舞台中央，覆盖整个舞台。iv. 选择“背景”层第 140 帧中的任意一帧，在属性面板“补间”下拉菜单中选择“动画” ，创建好第 140 帧的运动渐变动画。 制作文字缩小，显示彩色的大鱼小鱼的动画：i. 在“文字”层第 80 帧处按 F6 键插入一关键帧，在这帧中，使用任意变形工具将“海底世界”文字变小，并移动至舞台右上方。ii. 创建“文字”层第 4080 帧的运动渐变动画。iii. 在“背景”层第 80 帧处按 F5 键插入普通帧。iv. 添加一新图层，重命名为 “小鱼” ，拖动鼠标，将“小鱼”层移动到“文字”层上方。在“小鱼”图层的第 40 帧处按 F7 键插入一空白关键帧，将库中的图形元件“fish”拖动至舞台合适位置，利用任意变形工具将其缩小，选择“修改”菜单“变形”“水平翻转”命令，将小鱼水平翻转。v. 在“小鱼”图层的第 80 帧处按 F6 键插入一关键帧。vi. 选择“小鱼”图层的第 40 帧，选中小鱼对象，在属性面板中的颜色下拉框中选择 Alpha，并设置值为 0。如图 9-5 所示。图 9-5vii. 创建“小鱼”层第 4080 帧的运动渐变动画。viii. 在“小鱼”层上方添加一图层“大鱼” ，在“大鱼”图层的第 40 帧处按 F7键插入一空白关键帧，将库中的图形元件“fish”拖动至舞台合适位置。ix. 在“大鱼”图层的第 80 帧处按 F6 键插入一关键帧。x. 选择“大鱼”图层的第 40 帧，选中大鱼对象，在属性面板中设置其 Alpha 值为 0。xi. 创建“大鱼”层第 4080 帧的运动渐变动画。 制作鱼来回游动的动画（选做）：i. 在“小鱼”层第 100 帧处按 F6 键插入关键帧，并将小鱼移动至舞台右侧。ii. 在“小鱼”层第 101 帧处按 F6 键插入关键帧，并将小鱼水平反转。iii. 在“小鱼”层第 120 帧处按 F6 键插入关键帧，并将小鱼移动至舞台左侧。iv. 创建“小鱼”层第 80100 帧，第 101120 帧的运动渐变动画。v. 按上述同样步骤制作“大鱼”层大鱼来回游动的动画。完成后时间轴面板如图 9-6 所示。图 9-6 制作泡泡上升消失的动画（选做）：i. 添加一新图层，重命名为 “泡泡” ，并移动至“大鱼”层上方。ii. 在“泡泡”层第 80 帧处按 F7 键插入一空白关键帧，将库中的图形元件“bubble”拖动至舞台下方。iii. 在“泡泡”层第 120 帧处按 F6 键插入一关键帧，将该帧中的泡泡元件移动至舞台上方，并在属性面板中设置泡泡的 Alpha 属性值为 0。iv. 创建“泡泡”层第 80120 帧的运动渐变动画，并将属性面板中的“旋转”设置为顺时针，5 次。如图 9-7 所示。图 9-7v. 在“背景”层和“文字”层的第 110 帧处各按 F5 键插入普通帧。 选择“调试”菜单“调试影片”命令，测试动画。2、 制作漫天飞雪的动画效果：(1) 新建一个 flash 文档，命名为 snow.fla(2) 绘制小雪花图形：选择“插入”菜单“新建元件”命令，名称设置为“雪花” ，类型选择“图形” 。在属性面板中将文档背景色设为黑色。长按工具箱的矩形工具按钮，在弹出式菜单中选择“多角星形工具” ，如图 9-8 所示。在属性面板中将笔触颜色设为无，填充颜色设为白色。点击“选项”按钮，在弹出的工具设置对话框中设置样式为多边形，边数为 6，如图 9-9 所示。在舞台中央绘制一六边形，利用选择工具，拖动六边形的边线，将其修改成不规则的六边形形状，并将其适当缩小，如图 9-10 所示。图 9-8图 9-9图 9-10(3) 建立雪花飞舞影片剪辑：选择“插入”菜单“新建元件”命令，名称设置为“雪花飞舞 1”，类型选择“影片剪辑” 。选中图层 1 的第 1 帧，将库中的图形元件“雪花”拖动至舞台。(4) 选中图层 1，点击图层面板下方的添加运动引导层按钮，如图 9-11 所示。选中新创建的引导层的第一帧，利用铅笔工具（注意：铅笔模式选择平滑，颜色可选红色，如图 9-12 所示）绘制出雪花飘落的轨迹线，如图 9-13 所示。在第 100 帧，按 F6 键插入关键帧。图 9-11图 9-12图 9-13(5) 选中图层 1 的第一帧，移动雪花图形，使其中心点对准引导线的起点， （为了方便操作，可以将舞台放大） ，如图 9-14 所示，并在属性面板设置雪花图形的 Alpha 值为 60%。在第 100 帧，按 F6 键插入关键帧，移动雪花图形，使其中心点对准引导线的终点，在属性面板设置雪花图形的 Alpha 值为 40%。图 9-14(6) 选中图层 1 第 1100 帧中的任意一帧，在属性面板的“补间”下拉菜单中选择“动画” ，创建好第 1100 帧的运动渐变动画。完成后的时间轴面板如图 9-15 所示。图 9-15(7) 按照上述同样步骤，建立影片剪辑“雪花飞舞 2”， “雪花飞舞 3”。(8) 回到场景 1，依次选择“文件”菜单“导入”“导入到舞台”命令，将背景图片“snow.jpg”导入到舞台，在属性面板中点击大小按钮，在弹出的文档属性窗口中，将“匹配”设置为内容，如图 9-16 所示。图 9-16(9) 将库中的影片剪辑“雪花飞舞 1”， “雪花飞舞 2”， “雪花飞舞 3”拖动到场景中。执行若干次该操作（可将已经拖入的雪花复制多次） ，以得到漫天雪花的效果。如图9-17 所示。图 9-17(10)选择“控制”菜单“测试影片”命令，测试动画。9.6 实验结果1. 截图2 SWF 文件（在 Flash 中，点击菜单“文件”-“导出”-“导出影片” ，然后把保存好的 SWF 文件直接拖放到下面）9_1.swf