[整理][实验09 动作补间动画与引导路径动画].

实验9动作补间动画与引导路径动画
9.1实验目的：
(1)进一步掌握图层、帧和关键帧的概念
(2)掌握动作补间动画的基本概念及制作
(3)掌握引导路径动画的基本概念和制作
(4)熟悉动画属性面板的设置
(5)熟练掌握利用运动渐变制作出改变大小、发生位移及Alpha值改变等效果的动画
9.2 实验环境：
Windows XP，Flash CS3
9.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-1
iii.在“文字”图层第40帧处，按F6键插入一关键帧，选择工具箱中的任意变形工具，点击舞台中央的“海底世界”文字，按住Shift键的同时，拖动文字
右下角的角柄，将文字放大，效果如图9-2所示。

图9-2
iv.单击“文字”层第1—40帧中间的任意一帧，在属性面板“补间”下拉菜单中选择“动画”，创建好第1—40帧的运动渐变动画。

③制作展开的背景：
i.点击图层面板左下角的“插入图层”按钮，添加一新图层，重命名为“背景”，
拖动鼠标，将该层移动至“文字”层下方。

选择“文件”菜单→“导入”→“导
入到库”命令，打开“导入到库”对话框，选择图片“seabg.jpg”，将其导入
到库中。

如图9-3所示。

图9-3
ii.在库面板中选中该图片，将其拖动至舞台右侧。

如图9-4所示。

图9-4
iii.在“背景”层第40帧处按F6键插入关键帧，在这帧中，将图片拖动至舞台中央，覆盖整个舞台。

iv.选择“背景”层第1—40帧中的任意一帧，在属性面板“补间”下拉菜单中选择“动画”，创建好第1—40帧的运动渐变动画。

④制作文字缩小，显示彩色的大鱼小鱼的动画：
i.在“文字”层第80帧处按F6键插入一关键帧，在这帧中，使用任意变形工
具将“海底世界”文字变小，并移动至舞台右上方。

ii.创建“文字”层第40—80帧的运动渐变动画。

iii.在“背景”层第80帧处按F5键插入普通帧。

iv.添加一新图层，重命名为“小鱼”，拖动鼠标，将“小鱼”层移动到“文字”
层上方。

在“小鱼”图层的第40帧处按F7键插入一空白关键帧，将库中的
图形元件“fish”拖动至舞台合适位置，利用任意变形工具将其缩小，选择“修
改”菜单→“变形”→“水平翻转”命令，将小鱼水平翻转。

v.在“小鱼”图层的第80帧处按F6键插入一关键帧。

vi.选择“小鱼”图层的第40帧，选中小鱼对象，在属性面板中的颜色下拉框中选择Alpha，并设置值为0。

如图9-5所示。

图9-5
vii.创建“小鱼”层第40—80帧的运动渐变动画。

viii.在“小鱼”层上方添加一图层“大鱼”，在“大鱼”图层的第40帧处按F7键插入一空白关键帧，将库中的图形元件“fish”拖动至舞台合适位置。

ix.在“大鱼”图层的第80帧处按F6键插入一关键帧。

x.选择“大鱼”图层的第40帧，选中大鱼对象，在属性面板中设置其Alpha值为0。

xi.创建“大鱼”层第40—80帧的运动渐变动画。

⑤制作鱼来回游动的动画（选做）：
i.在“小鱼”层第100帧处按F6键插入关键帧，并将小鱼移动至舞台右侧。

ii.在“小鱼”层第101帧处按F6键插入关键帧，并将小鱼水平反转。

iii.在“小鱼”层第120帧处按F6键插入关键帧，并将小鱼移动至舞台左侧。

iv.创建“小鱼”层第80—100帧，第101—120帧的运动渐变动画。

v.按上述同样步骤制作“大鱼”层大鱼来回游动的动画。

完成后时间轴面板如图9-6所示。

图9-6
⑥制作泡泡上升消失的动画（选做）：
i.添加一新图层，重命名为“泡泡”，并移动至“大鱼”层上方。

ii.在“泡泡”层第80帧处按F7键插入一空白关键帧，将库中的图形元件“bubble”
拖动至舞台下方。

iii.在“泡泡”层第120帧处按F6键插入一关键帧，将该帧中的泡泡元件移动至舞台上方，并在属性面板中设置泡泡的Alpha属性值为0。

iv.创建“泡泡”层第80—120帧的运动渐变动画，并将属性面板中的“旋转”设置为顺时针，5次。

如图9-7所示。

图9-7
v.在“背景”层和“文字”层的第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)
(6)选中图层1的第一帧，移动雪花图形，使其中心点对准引导线的起点，（为了方便操
作，可以将舞台放大），如图9-14所示，并在属性面板设置雪花图形的Alpha值为60%。

在第100帧，按F6键插入关键帧，移动雪花图形，使其中心点对准引导线的终点，在属性面板设置雪花图形的Alpha值为40%。

图9-14
(7)
(8)选中图层1第1—100帧中的任意一帧，在属性面板的“补间”下拉菜单中选择“动
画”，创建好第1—100帧的运动渐变动画。

完成后的时间轴面板如图9-15所示。

图9-15
(9)
(10)按照上述同样步骤，建立影片剪辑“雪花飞舞2”，“雪花飞舞3”。

(11)回到场景1，依次选择“文件”菜单→“导入”→“导入到舞台”命令，将背景图片
“snow.jpg”导入到舞台，在属性面板中点击大小按钮，在弹出的文档属性窗口中，将“匹配”设置为内容，如图9-16所示。

图9-16
(12)将库中的影片剪辑“雪花飞舞1”，“雪花飞舞2”，“雪花飞舞3”拖动到场景中。

执
行若干次该操作（可将已经拖入的雪花复制多次），以得到漫天雪花的效果。

如图9-17所示。

图9-17
(13)
(14)选择“控制”菜单→“测试影片”命令，测试动画。

9.6 实验结果
1. 截图
SWF文件直接拖放到下面）。