《网页动画设计与制作FlashMX2004 项目10-声音的添加.ppt》由会员分享，可在线阅读，更多相关《网页动画设计与制作FlashMX2004 项目10-声音的添加.ppt（29页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、网页动画设计与制作Flash项目十项目十 声音的添加声音的添加项目十项目十 声音的添加声音的添加【项目背景项目背景】小张通过学习，已完成了公司经理要求他做的交互动画。他兴高采烈地拿着做好的作品找经理，经理看着小张的作品，觉得比较满意，但要求他在动画的播放的过程中加点音乐，并对音乐进行相应的控制，以增加动画的吸引力与感染力。【项目分析项目分析】1Flash中使用声音的格式有哪些？如何导入声音？2Flash中对声音文件能作什么处理？3作品发布时如何处理声音与动画？【任务分解任务分解】任务1：导入与添加声音。任务2：编辑声音。任务3：添加按钮声音。任务4：导出电影声音。任务任务1 导入与添加声音导入
2、与添加声音 确定Flash中的声音类型。了解能被Flash MX 2004导入的声音文件格式。导入一个声音文件，并加载到库。为动画正确添加声音。多个声音文件的处理。1确定确定Flash中的声音类型中的声音类型（1 1）“事件声音事件声音”：一般指应用在按钮或某：一般指应用在按钮或某种动作中的声音，例如鼠标移动到某个按钮上种动作中的声音，例如鼠标移动到某个按钮上时就会自动发出声音。这种类型最大的特点是时就会自动发出声音。这种类型最大的特点是需要对动作进行实时响应，因此一般选择比较需要对动作进行实时响应，因此一般选择比较短的文件。短的文件。（2 2）“流声音流声音”：一般指应用于背景音乐或：一般指
3、应用于背景音乐或是不需要与场景内容配合的情况，动画画面也是不需要与场景内容配合的情况，动画画面也不需用要与声音同步，当浏览器在播放这种类不需用要与声音同步，当浏览器在播放这种类型的声音时，只要先接收到一定的声音后，就型的声音时，只要先接收到一定的声音后，就可以开始播放，余下的数据可以稍后再下载。可以开始播放，余下的数据可以稍后再下载。2了解能被了解能被Flash MX 2004导入导入的声音文件格式的声音文件格式 AU格式。WAV格式。AIFF格式。MP3格式。3导入一个声音文件，并加载到导入一个声音文件，并加载到库库（1 1）执行）执行“文件文件”“”“导入导入”“”“导入到舞导入到舞台台”
4、命令或命令或“导入到库导入到库”命令。命令。（2 2）打开）打开“导入导入”对话框，选择要导入的声对话框，选择要导入的声音文件。音文件。（3 3）选择想要导入的声音后，单击）选择想要导入的声音后，单击“打开打开”按钮。按钮。（4 4）导入的声音会自动加载到库中，声音文）导入的声音会自动加载到库中，声音文件在库面板中用图标表示。所有导入到库的声件在库面板中用图标表示。所有导入到库的声音文件都会成为一个元件，可以重复使用。音文件都会成为一个元件，可以重复使用。4为动画正确添加声音为动画正确添加声音 （1 1）单击时间轴层控制区的）单击时间轴层控制区的“插入图层插入图层”按按钮，为声音文件在时间轴中
5、插入一个图层，并钮，为声音文件在时间轴中插入一个图层，并双击图层名，改名为双击图层名，改名为“sound”sound”。（2 2）选中）选中soundsound图层，将声音文件从库中直接图层，将声音文件从库中直接拖动到场景中，并在第拖动到场景中，并在第4040帧处插入关键帧，这帧处插入关键帧，这时我们可看到第时我们可看到第11第第4040帧出现的声音波形图。帧出现的声音波形图。（3 3）也可以选中要加入声音的帧，打开）也可以选中要加入声音的帧，打开“属属性性”面板，在面板，在“属性属性”面板的面板的“声音声音”下拉式下拉式列表框中选择要添加的声音文件名列表框中选择要添加的声音文件名 5多个声音
6、文件的处理多个声音文件的处理 如果在库中有多个声音文件，会在声音下拉式列表框中显示所有的声音，选中想要插入的声音后即可加入声音。Flash允许在同一个动画中添加多个声音文件，只要将不同的声音文件分别放置在不同的层即可。任务任务2 编辑声音编辑声音 设置声音的效果。设置声音同步。编辑声音。1设置声音的效果设置声音的效果（1 1）选中）选中soundsound声音图层的关键帧。声音图层的关键帧。（2 2）在）在“属性属性”面板的面板的“效果效果”中设置声音效果。中设置声音效果。“效果效果”下拉式列表框中可进行如下设置。下拉式列表框中可进行如下设置。“无无”：不对声音文件设置任何效果。：不对声音文件
7、设置任何效果。“左声道左声道”：只有左声道有声音。：只有左声道有声音。“右声道右声道”：只有右声道有声音。：只有右声道有声音。“从左到右淡出从左到右淡出”：播放的声音渐渐由左声道移到右：播放的声音渐渐由左声道移到右声道。声道。“从右到左淡出从右到左淡出”：播放的声音渐渐由右声道移到左：播放的声音渐渐由右声道移到左声道。声道。“淡入淡入”：从没有声音到声音逐渐增强。：从没有声音到声音逐渐增强。“淡出淡出”：从有声音到声音逐渐减弱。：从有声音到声音逐渐减弱。“自定义自定义”：用户可以通过使用：用户可以通过使用“编辑封套编辑封套”来创建来创建自已的声音。自已的声音。2设置声音同步设置声音同步（1 1
8、）选中）选中soundsound声音图层的关键帧。声音图层的关键帧。（2 2）在）在“属性属性”面板的面板的“同步同步”中设置声音播放方式。中设置声音播放方式。（3 3）可以在）可以在“同步同步”下拉式列表框中进行如下设置：下拉式列表框中进行如下设置：“事件事件”：与事件同步播放。：与事件同步播放。“开始开始”：与：与“事件事件”选项的功能相近，只是它不再选项的功能相近，只是它不再随事件的重复而重新播放声音随事件的重复而重新播放声音“停止停止”：停止播放声：停止播放声音。音。“数据流数据流”：流式播放与帧同步。与事件声音不同的：流式播放与帧同步。与事件声音不同的是，事件声音可以在动画之后仍然播
9、放，而流式声音是，事件声音可以在动画之后仍然播放，而流式声音则与动画同时停止，流式声音播放的时间与帧长度相则与动画同时停止，流式声音播放的时间与帧长度相同。同。（4 4）最后，在）最后，在“重复重复”框内可输入声音循环播放的次数。框内可输入声音循环播放的次数。3编辑声音编辑声音（1 1）选中）选中soundsound声音图层的关键帧。声音图层的关键帧。（2 2）在）在“属性属性”面板中单击面板中单击“编辑编辑”按钮或者在按钮或者在“效果效果”下拉菜单下拉菜单中选择中选择“自定义自定义”项，将弹出项，将弹出“编辑封套编辑封套”对话框，可以利用此对对话框，可以利用此对话框进行声音的编辑。在话框进行
10、声音的编辑。在“编辑封套编辑封套”对话框中，上部是左声道的对话框中，上部是左声道的声效，下部是右声道的声效，中间是时间轴。声效，下部是右声道的声效，中间是时间轴。（3 3）对话框中的小方块（也称为封套）是用来调节此处声音的音量，）对话框中的小方块（也称为封套）是用来调节此处声音的音量，单击对话框的某处，可以添加小方块，上下两组声道中每组最多可单击对话框的某处，可以添加小方块，上下两组声道中每组最多可添加添加8 8对小方块。对小方块。（4 4）拖动小方块可以改变它的位置，若要删除小方块，只要将它拖）拖动小方块可以改变它的位置，若要删除小方块，只要将它拖到窗口外即可。到窗口外即可。任务任务3 添加
11、按钮声音添加按钮声音 将声音添加到按钮。将声音添加到按钮。设置场景并导入音乐设置场景并导入音乐 创建按钮元件，插入音乐创建按钮元件，插入音乐 绘制随音乐舞动的图形绘制随音乐舞动的图形 添加影片控制语句。添加影片控制语句。1、将声音添加到按钮、将声音添加到按钮 为了制作一个随声音舞动的动感按钮，必须将声音添加到按钮中。将声音添加到按钮的方法与向动画中添加声音类似，可参照以前所述的步骤自行完成。2、设置场景并导入音乐、设置场景并导入音乐（1）单击工具栏上的“新建”按钮，新建一个FLA文档。（2）单击舞台，打开“属性”面板，在属性面板中单击背景按钮，设置舞台背景颜色为黑色。（3）导入一个音乐文件kg
12、.mp3到库中。3创建按钮元件，插入音乐创建按钮元件，插入音乐（1 1）执行）执行“插入插入”“”“新建元件新建元件”命令，打命令，打开开“创建新元件创建新元件”对话框，并在对话框中行为对话框，并在对话框中行为设置为设置为“按钮按钮”，名称为，名称为“button”button”，单击，单击“确定确定”按钮，进入按钮元件的编辑环境。按钮，进入按钮元件的编辑环境。（2 2）单击工具箱中的）单击工具箱中的“椭圆工具椭圆工具”，按住，按住ShiftShift键的同时，以任意颜色在舞台中央绘制一键的同时，以任意颜色在舞台中央绘制一个大小合适的圆。个大小合适的圆。（3 3）在时间轴面板上选中）在时间轴面
13、板上选中“按下按下”，插入关，插入关键帧，在属性面板中设置声音属性键帧，在属性面板中设置声音属性 4绘制随音乐舞动的图形绘制随音乐舞动的图形1（1 1）执行）执行“插入插入”“”“新建元件新建元件”命令，打开命令，打开“创建创建新元件新元件”对话框，并在对话框中行为设置为对话框，并在对话框中行为设置为“影片剪影片剪辑辑”，名称为，名称为“music”music”，单击，单击“确定确定”按钮，进入影按钮，进入影片剪辑元件的编辑环境。片剪辑元件的编辑环境。（2 2）单击工具箱中的）单击工具箱中的“椭圆工具椭圆工具”，按住，按住ShiftShift键的同键的同时，在舞台上绘制一个大小合适的圆。时，在
14、舞台上绘制一个大小合适的圆。（3 3）单击工具箱中的）单击工具箱中的“颜料桶工具颜料桶工具”，打开，打开“混色器混色器”面板，在面板中设置放射状渐变。面板，在面板中设置放射状渐变。（4 4）单击舞台上圆形中心。）单击舞台上圆形中心。（5 5）单击图层）单击图层1 1第第3030帧，插入关键帧，并修改相应颜帧，插入关键帧，并修改相应颜色设置。色设置。（6 6）单击工具箱中的）单击工具箱中的“选择工具选择工具”，选中第，选中第3030帧处舞帧处舞台上的圆，打开变形面板，调整大小为台上的圆，打开变形面板，调整大小为120%120%。4绘制随音乐舞动的图形绘制随音乐舞动的图形2（7 7）选中时间轴上第
15、）选中时间轴上第1 1至至3030帧中任一帧，在属性面板帧中任一帧，在属性面板中设置补间为中设置补间为“形状形状”。（8 8）单击时间轴层控制区的增层按钮）单击时间轴层控制区的增层按钮3 3次增加次增加3 3个图导个图导层，并将各个图层依次命名为：层，并将各个图层依次命名为：musicmusic、wavewave、buttonbutton、actionaction。（9 9）选中）选中wavewave层的第层的第1 1帧，单击工具箱中的帧，单击工具箱中的“椭圆工椭圆工具具”，单击颜色区的，单击颜色区的“笔触笔触”工具按钮，设置笔触颜工具按钮，设置笔触颜色为黑色，单击颜色区的色为黑色，单击颜色区
16、的“填充色填充色”工具按钮和工具按钮和“无无色色”按钮，设置填充色为无色。在舞台上绘制一个大按钮，设置填充色为无色。在舞台上绘制一个大小合适的圆，按小合适的圆，按Ctrl+GCtrl+G，将其组合为位图。，将其组合为位图。（1010）分别选中）分别选中wavewave层第层第1010、2020和和3030帧，插入关键帧，插入关键帧，并创建补间动画。再分别将它们变形为原来的帧，并创建补间动画。再分别将它们变形为原来的150%150%、200%200%和和250%250%。（1111）选中第）选中第1010帧，单击舞台上相应的圆，此时在属帧，单击舞台上相应的圆，此时在属性面板上颜色区选择性面板上颜
17、色区选择“Alpha”Alpha”，并设置其值为，并设置其值为60%60%。（1212）同理设置第）同理设置第2020和第和第3030帧，其帧，其“Alpha”Alpha”值分别值分别为为30%30%和和0%0%。5添加影片控制语句添加影片控制语句1（1 1）单击）单击buttonbutton层，执行层，执行“窗口窗口”“”“库库”命令，打命令，打开开“库库”面板，把库面板中的面板，把库面板中的buttonbutton按钮元件拖到舞按钮元件拖到舞台上，设置其大小刚好和台上，设置其大小刚好和musicmusic层第层第1 1帧的图形对象差帧的图形对象差不多大。不多大。（2 2）单击工具箱中的）单
18、击工具箱中的“选择工具选择工具”，选中，选中buttonbutton层上层上的按钮元件，在动作脚本窗格中输入如下代码：的按钮元件，在动作脚本窗格中输入如下代码：On(releaseOn(release)if(judif(jud)judjud=false;=false;play();play();elseelsejudjud=true;=true;gotoAndStop(1);gotoAndStop(1);stopAllSoundsstopAllSounds();();5添加影片控制语句添加影片控制语句2（3 3）在）在“属性属性”面板中进行设置，此时按钮为全透明面板中进行设置，此时按钮为全透明
19、状态。状态。（4 4）选中）选中actionaction图层的第图层的第1 1帧，打开动作面板，在动作帧，打开动作面板，在动作面板的脚本窗格中输入如下代码：面板的脚本窗格中输入如下代码：stop();stop();varvar jdjd=true;=true;（5 5）选中第）选中第3030帧，在动作面板的脚本窗格中输入如下帧，在动作面板的脚本窗格中输入如下代码：代码：gotoAndPlay(2);gotoAndPlay(2);（6 6）单击时间轴左上角的按钮回到）单击时间轴左上角的按钮回到“场景场景1”1”。（7 7）把）把musicmusic影片剪辑从库面板中拖动到舞台合适位影片剪辑从库面
20、板中拖动到舞台合适位置处放置。置处放置。（8 8）执行）执行“控制控制”“”“测试影片测试影片”命令，就可以看到命令，就可以看到一个带有声效且具有动感的按钮。一个带有声效且具有动感的按钮。任务任务4 导出电影声音导出电影声音 导出声音设置。了解ADPCM压缩效果的相关选项。了解MP3压缩效果的相关选项。了解原始压缩效果的相关选项。了解语音压缩效果的相关选项。1导出声音设置导出声音设置（1 1）执行）执行“窗口窗口”“”“库库”命令，命令，打开打开“库库”面板，右击要导出设面板，右击要导出设置的声音文件，在快捷菜单中执置的声音文件，在快捷菜单中执行行“属性属性”命令，弹出命令，弹出“声音属声音属
21、性性”对话框。对话框。（2 2）在）在“压缩压缩”下拉式列表框中下拉式列表框中可进行声音压缩方式的选择，如可进行声音压缩方式的选择，如果选择果选择“默认默认”，表示默认对话，表示默认对话框中的压缩设置，另外还可选择框中的压缩设置，另外还可选择“ADPCM”ADPCM”、“MP3”MP3”、“原始原始”或或“语音语音”中的一种。中的一种。（3 3）单击）单击“测试测试”按钮，可测试按钮，可测试所设置的声音效果，在播放过程所设置的声音效果，在播放过程中需结束测试，可单击中需结束测试，可单击“停止停止”按钮。按钮。（4 4）继续导出设置，直到获得满）继续导出设置，直到获得满意的声音效果为止。意的声音
22、效果为止。（5 5）单击）单击“确定确定”按钮，即完成按钮，即完成导出设置。导出设置。2了解了解ADPCM压缩效果的相关压缩效果的相关选项选项（1 1）“压缩压缩”选项：用于设置选项：用于设置8 8位或位或1616位声音数据，位声音数据，当导出对象是单击按钮这样的短事件声音时，选择当导出对象是单击按钮这样的短事件声音时，选择ADPCMADPCM设置。设置。（2 2）“预处理预处理”选项：启用选项：启用“将立体声转换为单声道将立体声转换为单声道”会将混合立体声转换为单声（非立体声）。会将混合立体声转换为单声（非立体声）。（3 3）“采样率采样率”选项：选择一个选项以控制声音的保选项：选择一个选项
23、以控制声音的保真度和文件大小。可选值为真度和文件大小。可选值为5kHz44kHz5kHz44kHz，设置值越高，设置值越高，声音的保真效果越好，但文件越大，所以应根据需要声音的保真效果越好，但文件越大，所以应根据需要来选择设置值。相关的来选择设置值。相关的“采样率采样率”取值的情况如下。取值的情况如下。5 kHz5 kHz：采样率低，如果声音中有语音，则不能使用。：采样率低，如果声音中有语音，则不能使用。11 kHz11 kHz：是标准：是标准CDCD采样率的采样率的1/41/4。22 kHz22 kHz：是标准：是标准CDCD采样率的采样率的1/21/2，是，是WebWeb播放的选择。播放的
24、选择。44 kHz44 kHz：是标准：是标准CDCD采样率。采样率。3了解了解MP3压缩效果的相关选项压缩效果的相关选项MP3MP3（Motion Picture Experts Grop1Motion Picture Experts Grop1，audio layer3audio layer3）这）这种数字音乐压缩技术是种数字音乐压缩技术是19971997年发明的，其音效接近年发明的，其音效接近CDCD质量，所占空间仅为原来的质量，所占空间仅为原来的1/121/12。（1 1）“预处理预处理”选项：在比特率为选项：在比特率为16 kHz16 kHz或更低时，此或更低时，此项为灰色，不可用。
25、当比特率高于项为灰色，不可用。当比特率高于16 kHz16 kHz时才可用。时才可用。（2 2）“比特率比特率”选项：设置导出的声音文件中每秒播放选项：设置导出的声音文件中每秒播放的位数，比特率越高，声音效果越好。的位数，比特率越高，声音效果越好。（3 3）“品质品质”选项：设置压缩速度和声音品质。可以在选项：设置压缩速度和声音品质。可以在“快速快速”、“中中”和和“最佳最佳”中选择一项。中选择一项。快速：压缩速度较快，但声音品质较低。快速：压缩速度较快，但声音品质较低。中：压缩速度较慢，但声音品质较高。中：压缩速度较慢，但声音品质较高。最佳：压缩速度最慢，但声音品质最高。最佳：压缩速度最慢，
26、但声音品质最高。4了解原始压缩效果的相关选项了解原始压缩效果的相关选项原始压缩选项是指声音没有被压缩，而被混合到单一声原始压缩选项是指声音没有被压缩，而被混合到单一声道中，并且采用较低的采样比率。道中，并且采用较低的采样比率。（1 1）“预处理预处理”选项：启用选项：启用“将立体声转换为单声道将立体声转换为单声道”会将混合立体声转换为单声（非立体声）。会将混合立体声转换为单声（非立体声）。（2 2）“采样率采样率”选项：选择一个选项以控制声音的保真选项：选择一个选项以控制声音的保真度和文件大小。可选值为度和文件大小。可选值为5kHz44kHz5kHz44kHz，设置值越高，设置值越高，声音的保
27、真效果越好，但文件越大，所以应根据需要声音的保真效果越好，但文件越大，所以应根据需要来选择设置值。来选择设置值。5 kHz5 kHz：采样率低，如果声音中有语音，则不能使用。：采样率低，如果声音中有语音，则不能使用。11 kHz11 kHz：是标准：是标准CDCD采样率的采样率的1/41/4。22 kHz22 kHz：是标准：是标准CDCD采样率的采样率的1/21/2，是，是WebWeb播放的选择。播放的选择。44 kHz44 kHz：是标准：是标准CDCD采样率。采样率。5了解语音压缩效果的相关选项了解语音压缩效果的相关选项 语音压缩选项是专门为语音而设计的，若在动画中加入语音对白，采用此压
28、缩选项产生的效果比较好，且可保持较小的声音文件。采用语音压缩设置。其中的“预处理”和“采样率”选项设置同前所述。项目小结项目小结 在在FlashFlash导入的声音一般作为背景声音，或是导入的声音一般作为背景声音，或是为按钮添加音效。在为按钮添加音效。在FlashFlash中使用声音有两种中使用声音有两种方法，一种是直接导入到动画中，此时能在场方法，一种是直接导入到动画中，此时能在场景中进行编辑。景中进行编辑。作为事件能跨场景播放，作为数据流不能跨场作为事件能跨场景播放，作为数据流不能跨场景播放；另一种是导入到库，这种声音不能编景播放；另一种是导入到库，这种声音不能编辑但能跨场景播放。如果希望声音播放，可以辑但能跨场景播放。如果希望声音播放，可以设置重复次数多次，它不会增加设置重复次数多次，它不会增加FlashFlash文件的文件的大小。大小。为动画录制声音，可以采用为动画录制声音，可以采用WAVWAV格式或格式或MP3MP3格格式导入到动画中，然后在发布时再选择一种压式导入到动画中，然后在发布时再选择一种压缩方式。缩方式。