Flash CS3 入门 加入背景音乐

Flash CS3 入门加入背景音乐

Flash动画分为无声与有声动画，后者由于音频的加入，使得简单的动画富有生命力。本案例就是在图片过渡动画中加入了音频，使简单的图片动画更加富有活力。在制作过程中，为了更好地管理音频，这里将音频添加至空白动画帧中。

练习要点

●导入文件

●音频动画帧

●补间动画

练习过程

（1）在新建文档中，执行【文件】|【导入】|【导入到库】命令，将音频文件与图像文件同时导入到【库】面板中，并且将音频文件拖入空白舞台中，如图57-1所示。

图57-1 将音频文件导入舞台

（2）由于Flash动画中的【帧频】为12fps，而声音为20秒。要想完整播放音频文件，需要将动画帧延长至240帧。方法是选中第240帧后按F5插入普通帧即可，如图57-2所示。

图57-2 添加音频帧

（3）新建“图层2”后，将【库】面板中的素材图像HAI01.jpg拖入舞台中，根据图像尺寸设置舞台尺寸。然后将60帧以后的普通帧删除，并且选中图像按F8，将其转换为图形元件“大海1”，如图57-3所示。

图57-3 将图像转换为图形元件

（4）在第10帧处按F6插入关键帧后，选中第1帧，单击图形元素，设置该实例的【颜色样式】为色调，并且设置颜色为蓝色，如图57-4所示。

图57-4 设置实例颜色属性

（5）选中1帧与10帧之间的任意一个动画帧，在【属性】面板中设置【补间类型】为动画，在两个关键帧之间创建由蓝色到图像渐变的补间动画，如图57-5所示。

由于音频动画帧包括240帧，而素材图像包括4幅。为了使每一幅图像显示

时间适当，可以将动画帧平均分配。

图57-5 创建补间动画

（6）新建“图层3”，并且在第50帧处插入空白关键帧。将【库】面板中的素材图像HAI02拖入舞台中间，并且将图像转换为图形元件“大海2”，如图57-6所示。

图57-6 插入第二幅图像

（7）在第60帧处插入关键帧，设置第50帧中的【颜色样式】为Alpha，参数为0%后，在两个关键帧之间创建补间动画，形成该图像逐渐显示的动画，如图57-7所示。

图57-7 创建不透明度动画

（8）分别在第110与120帧处插入关键帧后，在第121帧处插入空白关键帧插入后面的普通帧。设置第120帧中的实例“大海2”Alpha为0%，并且创建两个关键帧之间的补间动画，形成图像消失动画，如图57-8所示。

图57-8 创建图像消失动画

（9）新建“图层4”后在第110帧处插入空白关键帧，将【库】面板中的素材图像HAI03拖入舞台中间，并且将其转换为图形元件“大海3”。在第130帧插入关键帧后，移动第110中的实例位置如图57-9所示。

图57-9 设置关键帧中实例位置

（10）在两个关键帧之间创建补间动画后，形成图像逐渐向舞台移动的动画，如图57-10所示。然后分别在第170和180帧处插入关键帧，第181帧处插入空白关键帧。

图57-10 创建图像移动动画

（11）将第180帧中的实例“大海3”垂直向下移动至舞台外围后，新建“图层5”并且在第170帧处插入空白关键帧，将【库】面板中的素材图像HAI04拖入舞台中，将其转换为图形元件“大海4”，如图57-11所示。

图57-11 移动实例“大海3”

（12）在“图层5”的第190帧处插入关键帧后，垂直向上移动第170帧中的实例“大海4”至舞台外围。然后分别创建“图层4”中第170与180帧之间、“图层5”中第170与190帧之间的补间动画，形成图像向下移动的动画，如图57-12所示。

图57-12 创建向下移动动画

（13）最后在“图层5”第230和240帧处插入关键帧，并且设置第240帧中实例的【颜色样式】为蓝色调，创建图像逐渐变成蓝色图形动画，与第1帧衔接形成循环动画。最后保存文档后，预览动画效果如图57-13所示。

图57-13 预览动画效果