实验09动作补间动画与引导路径动画

1、实验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. 在背景为蓝色的文档中，一行颜色为白色、字体为华文行楷的文字“海底世界”逐渐由小变大，最后

2、在屏幕中间显示出来。ii. 在文字逐渐从小变大的同时，一幅海底世界的图片从右向左逐渐展开显示在屏幕的中间，作为“海底世界”的背景图像，替代原来的背景颜色。iii. “海底世界”文字逐渐缩小，并移至底图的右上方，同时一大一小两条彩色的鱼逐渐显现出来。iv. 两条鱼在水中来回游动，大鱼在上层，小鱼在下层。v. 一个自身顺时针旋转的气泡在大鱼和小鱼之间缓慢向上升起，慢慢消失。(2) 制作漫天飞雪的动画效果：绘制小雪花图形；建立3个雪花飞舞的影片剪辑；导入背景图片“snow.jpg”到舞台，放置若干个雪花飞舞的影片剪辑，呈现出漫天飞雪的效果。9.5 实验步骤：1. 制作动画：海底世界 制作文字从小变大

3、的动画：i. 打开9_1.fla文件，点击属性面板的“大小”按钮，打开文档属性对话框，设置该文档的大小为600*450像素，背景颜色为#0066FF。将图层1重命名为“文字”。ii. 点击工具箱中的文本工具，在属性面板设置文本颜色为白色、字体为华文行楷，大小为11，属性面板的设置如图9-1所示，在舞台上输入文字“海底世界”。利用选择工具，拖动鼠标，选中文字，依次点击“修改”菜单“对齐”“相对舞台分布”命令，“修改”菜单“对齐”“水平居中”命令，“修改”菜单“对齐”“垂直居中”命令，将文字设置为相对于舞台，水平居中，垂直居中。图9-1iii. 在“文字”图层第40帧处，按F6键插入一关键帧，选择

4、工具箱中的任意变形工具，点击舞台中央的“海底世界”文字，按住Shift键的同时，拖动文字右下角的角柄，将文字放大，效果如图9-2所示。图9-2iv. 单击“文字”层第140帧中间的任意一帧，在属性面板“补间”下拉菜单中选择“动画”，创建好第140帧的运动渐变动画。 制作展开的背景：i. 点击图层面板左下角的“插入图层”按钮，添加一新图层，重命名为“背景”，拖动鼠标，将该层移动至“文字”层下方。选择“文件”菜单“导入”“导入到库”命令，打开“导入到库”对话框，选择图片“seabg.jpg”，将其导入到库中。如图9-3所示。图9-3ii. 在库面板中选中该图片，将其拖动至舞台右侧。如图9-4所示。

5、图9-4iii. 在“背景”层第40帧处按F6键插入关键帧，在这帧中，将图片拖动至舞台中央，覆盖整个舞台。iv. 选择“背景”层第140帧中的任意一帧，在属性面板“补间”下拉菜单中选择“动画”，创建好第140帧的运动渐变动画。 制作文字缩小，显示彩色的大鱼小鱼的动画：i. 在“文字”层第80帧处按F6键插入一关键帧，在这帧中，使用任意变形工具将“海底世界”文字变小，并移动至舞台右上方。ii. 创建“文字”层第4080帧的运动渐变动画。iii. 在“背景”层第80帧处按F5键插入普通帧。iv. 添加一新图层，重命名为“小鱼”，拖动鼠标，将“小鱼”层移动到“文字”层上方。在“小鱼”图层的第40帧处

6、按F7键插入一空白关键帧，将库中的图形元件“fish”拖动至舞台合适位置，利用任意变形工具将其缩小，选择“修改”菜单“变形”“水平翻转”命令，将小鱼水平翻转。v. 在“小鱼”图层的第80帧处按F6键插入一关键帧。vi. 选择“小鱼”图层的第40帧，选中小鱼对象，在属性面板中的颜色下拉框中选择Alpha，并设置值为0。如图9-5所示。图9-5vii. 创建“小鱼”层第4080帧的运动渐变动画。viii. 在“小鱼”层上方添加一图层“大鱼”，在“大鱼”图层的第40帧处按F7键插入一空白关键帧，将库中的图形元件“fish”拖动至舞台合适位置。ix. 在“大鱼”图层的第80帧处按F6键插入一关键帧。x

7、. 选择“大鱼”图层的第40帧，选中大鱼对象，在属性面板中设置其Alpha值为0。xi. 创建“大鱼”层第4080帧的运动渐变动画。 制作鱼来回游动的动画（选做）：i. 在“小鱼”层第100帧处按F6键插入关键帧，并将小鱼移动至舞台右侧。ii. 在“小鱼”层第101帧处按F6键插入关键帧，并将小鱼水平反转。iii. 在“小鱼”层第120帧处按F6键插入关键帧，并将小鱼移动至舞台左侧。iv. 创建“小鱼”层第80100帧，第101120帧的运动渐变动画。v. 按上述同样步骤制作“大鱼”层大鱼来回游动的动画。完成后时间轴面板如图9-6所示。图9-6 制作泡泡上升消失的动画（选做）：i. 添加一新图

8、层，重命名为“泡泡”，并移动至“大鱼”层上方。ii. 在“泡泡”层第80帧处按F7键插入一空白关键帧，将库中的图形元件“bubble”拖动至舞台下方。iii. 在“泡泡”层第120帧处按F6键插入一关键帧，将该帧中的泡泡元件移动至舞台上方，并在属性面板中设置泡泡的Alpha属性值为0。iv. 创建“泡泡”层第80120帧的运动渐变动画，并将属性面板中的“旋转”设置为顺时针，5次。如图9-7所示。图9-7v. 在“背景”层和“文字”层的第110帧处各按F5键插入普通帧。 选择“调试”菜单“调试影片”命令，测试动画。2、 制作漫天飞雪的动画效果：(1) 新建一个flash文档，命名为snow.fl

9、a(2) 绘制小雪花图形：选择“插入”菜单“新建元件”命令，名称设置为“雪花”，类型选择“图形”。在属性面板中将文档背景色设为黑色。长按工具箱的矩形工具按钮，在弹出式菜单中选择“多角星形工具”，如图9-8所示。在属性面板中将笔触颜色设为无，填充颜色设为白色。点击“选项”按钮，在弹出的工具设置对话框中设置样式为多边形，边数为6，如图9-9所示。在舞台中央绘制一六边形，利用选择工具，拖动六边形的边线，将其修改成不规则的六边形形状，并将其适当缩小，如图9-10所示。图9-8图9-9图9-10(3) 建立雪花飞舞影片剪辑：选择“插入”菜单“新建元件”命令，名称设置为“雪花飞舞1”，类型选择“影片剪辑”

10、。选中图层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) 将库中的影片剪辑“雪花飞舞