单元十一 声音和视频的应用(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元十一 声音和视频的应用 单元11 声音和视频的应用 在Flash动画中添加声音,可以增强作品的感染力,使用音频文件,可以为文档添加背景音乐,也可以在动画文档中为对话配音,使动画效果更加丰富,如为作品添加背景音乐和各种音效,另外还可以制作课文朗诵、英语听力、音乐欣赏等类型作品;添加视频,可以真实地再现事物的发展过程,如物理和化学实验、历史纪录片等。本单元主要介绍声音和视频在动画中的应用。 学习目标 01 掌握声音及视频的导入方法。 02 掌握声音在动画中的应用技巧。 03 掌握视频在动画中的应用技巧。 任务1 声音在动画设计中的应用 (1)导入声音到“库”面板中。 ①首先为声音创建一个图层。也可以为声音创建多个图层,形成多个声音的同时播放。 ②执行菜单命令“文件”→“导入”→“导入到库”,弹出“导入”对话框,利用它选择声音文件,并导入声音。导入的声音会加载到“库”面板中。 ③单击“库”面板中的一个声音文件名称或图标,再单击“库”面板上面窗口内的箭头按钮,即可听到播放的声音。 1.导入声音 任务1 声音在动画设计中的应用 (2)使用“库”面板中的声音文件。 ①用鼠标拖动“库”面板内的一个声音文件到舞台上,即可看到在声音图层的第1帧内显示出声音的波形。 ②也可以单击某个关键帧,再单击“属性”面板,在“属性”面板的“声音”选项区中选择某个声音文件。 ③采用以上同样方法,也可将声音导入按钮的各帧中。注意,声音只能添加到关键帧中或按钮的各帧中。 ④用鼠标拖动图层中的声音波形,可以调整它的位置。调整声音波形的位置,可以使声音和动画同步播放。 1.导入声音 任务1 声音在动画设计中的应用 为作品添加背景音乐,可以先创建一个单独的图层,然后将导入的音乐元件放入该图层中。 2.添加背景音乐 任务1 声音在动画设计中的应用 为按钮添加声音后,当鼠标指针移到按钮上或在按钮上单击时,会发出设定的声音。 按钮有“弹起”“指针经过”“按下”和“点击”4个状态,对应时间轴上的4个帧,为按钮添加声音只需在相应状态的帧上建立关键帧,将声音从“库”面板中拖动到舞台上即可。 3.添加按钮声音 案例11-1 添加背景音乐 案例描述 本案例是为文档添加一个背景音乐,动画运行效果是显示图片贝多芬的头像及一架钢琴,同时播放贝多芬的《命运交响曲》,案例的效果如图11-1所示。 图11-1 案例的效果 案例11-1 添加背景音乐 制作步骤 (1)添加图片。 ①新建一个文件,在“新建文档”对话框中,将舞台背景颜色设置为“淡黄色”。 ②双击“图层1”的名称,重命名为“图片”,执行菜单命令“文件”→“导入”→“导入到舞台”,导入事先准备好的图片文件“BEETHOVEN.jpg”,导入贝多芬的头像。 ③选中舞台中的图片,执行菜单命令“修改”→“分离”(或按组合键Ctrl+B),将该位图图片的像素分离;在舞台的空白处单击,取消对图片的选中状态。 案例11-1 添加背景音乐 制作步骤 (1)添加图片。 ④单击工具箱中的“套索工具”下拉按钮,在下拉列表中单击“魔术棒”工具,在其“属性”面板中设置“阈值”为5,在“平滑”下拉列表中选择“像素”,魔术棒属性设置如图11-2所示。 ⑤继续使用“魔术棒”工具单击图片上的空白区域,按Delete键删除;用相同的方法依次将图片周围的空白区域全部删除,使其透明,如图11-3所示。 图11-2 魔术棒属性设置 图11-3 抠除图片的紫色背景 案例11-1 添加背景音乐 制作步骤 (1)添加图片。 ⑥选中抠除背景之后的图片,按组合键Ctrl+G将其组合,单击工具箱中的“任意变形工具”将图片缩小,并拖动图片到舞台左上角。 ⑦执行菜单命令“文件”→“导入”→“导入到舞台”,在弹出的“导入”对话框中选中图片“PIANO.png”,导入钢琴图片。同前面方法,将图片周围空白区域删除。 ⑧单击工具箱中的“任意变形工具”,将鼠标指针移到钢琴右上角的缩放控制点上,按住Shift键的同时,向内侧拖动鼠标使图片等比例缩小。 案例11-1 添加背景音乐 (2)添加说明文字。 ① 插入一个新图层,重命名为“文字”。单击工具箱中的“文本工具”,设置类型为“静态文本”,字体为“华文新魏”,大小为60,颜色为红色,在舞台中输入文字“命运交响曲”。 ②依据步骤①的方法设定第一段文字介绍,类型为“静态文本”,字体为“幼圆”,大小为12,颜色为黑色。 ③依据步骤①的方法设定第二段文字介绍,类型为“静态文本”,字体为“幼圆”,大小为16,颜色为黑色。 制作步骤 案例11-1 添加背景音乐 制作步骤 (3)添加背景音乐。 ①单击时间轴上的“新建图层”按钮,在“文字”图层之上插入“图层3”,重命名为“背景音乐”。 ②执行菜单命令“文件”→“导入”→“导入到库”,选中声音文件“mingyun.w