课堂导入

  无论是传统动画还是Flash动画，声音都是不可缺少的重要元素。在Flash中，可以通过多种方法在动画中添加声音，创建有声动画。这些声音不仅可以和动画同步播放，还可以独立于时间轴连续播放。用户可以为按钮添加声音，从而使按钮具有更强的互动性。另外，通过为声音设置淡入淡出效果，可以创建出更加优美的音效。

学习目标

1、掌握动画声音的构成要素；

2、了解可导入flash中的声音格式。

学习任务单

教学视频

教学课件

拓展资源

（一）思考一下：如何制作如下图的音乐日历呢？

（二）操作步骤

步骤1：新建一个Flash(ActionScript2.0)文件，设置影片舞台尺寸为600px*600px，将文件以“calendar”命名并保存到电脑中指定的目录。

步骤2：将素材中的位图文件全部导入到库中。

步骤3：将位图01拖入绘图工作区，通过信息面板，调整其位置到与舞台画面的上边缘对齐，如下图所示。

步骤4：按F8键将其转换成一个图形元件p01，在时间轴的第15帧、第45帧、第60帧处分别插入关键帧并创建补间动画，如下图所示。

步骤5：打开属性面板，将第1帧和第60帧中图形元件p01的Alpha值设为0，编辑出第一个红叶图片淡入淡出的效果。

步骤6：新建一个图层，在第45帧插入一个空白关键帧，参照上面的方法制作位图02的淡入淡出动画，编辑出前两个红叶图片之间的渐变显示效果，如下图所示。

步骤7：使用同样的方法，新建图层并编辑出其余红叶图片依次渐变显示的动画效果，然后创建一个图层文件夹“img”，将12个图层放入其中，以便进行管理和修改。

步骤8：由于动画是不断循环播放的，为了保持红叶图片渐变显示的连续循环，就还需要进行如下操作，在图层12上再新建图层13，用剪切帧的方法，将图层12中最后红叶淡出动画内容粘贴到图层13的开始位置，如下图所示。

步骤9：在图层文件夹上新建一个图层DataChooser，打开UI组件，将DateChooser和Label组件拖入到绘图工作区中，调整其大小，如下图所示。（如果创建的是Flash(ActionScript3.0)格式的文件，则没有DataChooser组件，需要另外添加。）

步骤10：通过属性面板分别将组件DateChooser和Label的实例名称设为DateChooser和YY_choose，以便绑定时使用。

步骤11：选定组件DateChooser并打开组件检查器面板，选择“绑定”标签，进入其设置窗口，如下图所示。

步骤12：单击该页左上角的“+”添加绑定按钮，开启添加绑定对话框，在列表框中选择SelectedData：Data选项，对组件DateChooser中的日期进行数据绑定，如下图所示。

步骤13：单击组件检查器面板中的“bound to”，打开“绑定到”面板。在组件路径窗格中选择组件Label，（YY_choose），为DateChooser组件中的日期选择绑定对象，如下图所示。

步骤14：通过属性面板或者组件检查器中的“参数”标签页，可以对该组件中显示日期的样式等属性进行设置。按照通常使用习惯，将组件DateChooser中的日期格式设置成熟悉的样式，如下图所示。

步骤15：对组件YY_choose也添加绑定，使其与组件DateChooser连接起来，使组件DateChooser通过它显示日期，如下图所示。

步骤16：通过属性面板设置组件YY_choose的显示样式，如下图所示。

步骤17：将素材中的声音文件music.mp3导入影片。新建图层action，点选该图层的第1帧并打开属性面板，将其设置为循环播放，如下图所示。

步骤18：再为该帧添加如下动作命令，使影片以全屏形式播放

fscommand(“fullscreen”,true);

fscommand(“allowscale”,false);

步骤19：保存文件，测试影片效果。

课后检测

同学们，请扫描以下二维码进行课后检测，我们将全程记录你的答题情况。