第10章声音、视频的导入，影片的发布设置（2课时）卢青

第10章声音、视频的导入，影片的发布设置（2课时）卢青 项目10 音画欣赏 声音是Flash影片的点睛之笔，没有声音的Flash影片难免给人苍白的感觉。要想在影片中加入声音，首先要先将声音文件导入到文档中。本项目主要学习声音的导入、添加、编辑，视频的导入、设置以及Flash影片的发布和导出。 学习目标 , 声音的导入和设置 , 视频的导入和简单设置 , 影片的发布和导出 , 项目实训 项目实训1??音画欣赏 【项目介绍】 共六张图片，渐入渐出，插入一个背景音 乐，调整声音、并发布生成EXE、SWF、HTML 及JPG文件。最终效果如图10-1所示。 【操作步骤】 1(新建文档。 设置影片大小为550px×413px，黑色背 景。 2(将素材文件夹中的6张图片导入元件库。 3(在场景1 中制作六张图片渐入渐出的动画 效果。 图10-1 音画欣赏效果图 ? 制作“图1”的渐入渐出动画效果。 将“图层1”更名为“图1”，将p1图片 拖至舞台，并利用“对齐”面板，将该图片相对于舞台水平、垂直中齐。选择场景中的该图按F8键，选择“图形”类型，将此图片转换为图形元件。在第50帧、100帧处各插入一个关键帧，并将第1帧、第100帧处该实例的Alpha值都设置为0%，分别在第1帧、第50帧处单击右键，创建补间动画。即可完成一幅图片的渐入渐出动画设置。 ? 制作“图2”的渐入渐出动画效果。 新建“图2”图层，在第60帧处插入关键帧，将p2图片拖至舞台，并设置该图片相对于舞台水平、垂直中齐。将其转换为图形元件。在第110帧、160帧处各插入一个关键帧，并将第100帧、160帧处的该实例的Alpha值设置为0%，分别在第60帧、第110帧处单击右键，创建补间动画。 ? 制作其余四张图片的渐入渐出效果。 方法与“图2”相似，在时间轴上每张图片的渐入渐出的动画总长度均为100帧，其中渐入、渐出动画各为50 帧，且下一张图片比上一张图片的出现要错后60帧。具体操作可参照第2张图片的动画设置。 4(导入并设置声音 ? 导入“背景音乐”文件。 选择“文件”?“导入”?“导入到库”命令，在弹出的对话框中选择该项目素材文件夹的“背景音乐.mp3”文件，单击“打开”命令即可将该音乐导入到元件库中。 ? 压缩“背景音乐”文件。 双击元件库中的“背景音乐”前的图标，弹出“声音属性”对话框，去掉“使用导 入的mp3 ”选项前的?，设置压缩方法为mp3，比特率为16kbit/s，品质为快速，单击“确定”。如图10-2所示。从图中可以看到，该音乐文件压缩前大小为4275kB，压缩后为455.9kB,仅为压缩前的10.7%。 图10-2 压缩背景音乐文件 ? 设置“背景音乐”文件。 在场景1新建一个图层，并将该图层命名为“声音”，选择该图层的第1关键帧，在属性面板的下拉列表中选择“背景音乐”文件，如图10- 3所示，此时在“声音”层中将出现波形，表示已将声音合并到时间轴中，如图10-4所示。 图10-3 选择背景音乐文件 图10-4 将背景音乐合并到时间轴 在属性面板中，将“效果”设置为“淡入”;将“同步”设置为“数据流”。实现声音的渐入，并且影片播放完毕，背景音乐同时停止的效果。如图10-5所示。 图10-5 背景音乐的设置 5(保存影片。将该影片保存为“音画欣赏.fla”文件。 6(将影片发布生成EXE、SWF、HTML及JPG文件。 执行“文件”?“发布设置”命令，打开“发布设置”对话框，选中“Flash”、“HTML”、“JPEG”、“Windows放映文件”四种类型，其余各项为默认值，如图10-6所示。单击“确定”按钮，而后再执行“文件”?“发布”命令;或直接单击“发布设置”对话框中的“发布”按钮。此时在与“音画欣赏.fla”文件相同的目录下新生成了四个主文件名相同，但扩展名不同的文件。如果希望发布生成的文件主文件名各不相同，可在“发布设置”对话框的文件项中进行设置。 图10-6 发布设置对话框 , 知识解析 1( 声音的导入。 通过将声音文件导入到当前文档的库中，可以把声音文件加入到Flash中。Flash支持的音频文件格式有wav、mp3、wmv、asf等。 ( 声音的压缩。 2 Flash提供了对音频文件的压缩功能，合理设置压缩参数可以减小文件体积。压缩的方法是:在元件库中双击声音文件前的图标，或者选中库中的音频文件，单击元件库下方的按钮，都可以打开“声音属性”对话框，进行相应的设置。 3( 声音的设置 ? 在动画中插入声音时，一般把声音独立存放 在一个新建的图层中。 ? 选择声音。 在声音图层的声音开始的位置插入关键帧， 将声音从库中拖至舞台上，或者在“属性”面板 上单击“声音”选项右侧的下位三角按钮，在弹 图10-7 选择声音 出的下拉列表中选择需要的声音文件。如图10-7 所示。此时，时间轴上，加入了声音的关键帧上出现了一道细线，表示此帧中使用了声音，如果其后还有普通帧，则该层呈波形。 ? 声音的属性面板。在此面板可以设置效果、同步等。 “效果”下拉列表，提供了多种声音效果，如图10-8所示。 ? 无:不使用任何声音效果。 ? 左、右声道:只有左声道或右声道播放声音。 ? 从左到右淡出:声音从左声道切换到中声道。 ? 从右到左淡出:声音从右声道切换到左声道。 ? 淡入:随着声音的播放，音量逐渐变大。 ? 淡出:随着声音的播放，音量逐渐变小。 图10-8 效果选项 ? 自定义:可以利用“编辑封套”对话框自己定义声音 效果。 “同步”下拉列表，提供了声音是否与动画动步及循环的设置，如图10-9所示。 ? 事件:即事件触发播放形式，独立于时间轴播放，即使动画播放完毕，声音仍继续。 ? 开始:与事件选项相近，不同之处在于如果已有一个声音在播放，则不会播放该声音的实例，可有效地防止同时播放多个相同的声音文件。 ? 停止:使选定的的声音文件静音。 ? 数据流:即流媒体播放形式，声音与动画的播放同步。 最后可通过“重复”或“循环”的选项来设置声音文件播放的图10-9 同步选项 遍数。 ? 声音的编辑。 对于已使用声音文件可以进行编辑，方法是选择属性面板中“效果”下拉表中的“自定义”选项或直接单击“效果”右侧的“编辑”按钮，都可以打开“编辑封套”对话框，如图 10-10所示。 “编辑封套”对话框中上为左声道窗口，下为右声道窗口，每个声道窗口中都有自己独立的封套线和音量控制柄，如果要改变音量，直接拖动控制柄到合适的位置，向上拖动音量增大，反之音量减小。在封套线上单击鼠标即可增加控制柄，若要删除控制柄，将其拖至声道窗口之外即可。 左右两个声道窗口中间有一个时间轴，如果选择“编辑封套”窗口下端的“以秒显示”，那么时间轴显示的数字是以“秒”为单位;如果选择“编辑封套”窗口下端的“以帧显示”按钮，则时间轴显示的数字以“帧”为单位。在时间轴开始和结束的位置各有一个可移动的游标，通过调节游标，可裁切声音的多余的开头和结尾。 封套线 左声道 控制柄 游标 右声道 放缩 大 小 放大 以帧显示 缩小 以秒显示 图10-10 编辑封套对话框 4( 为按钮添加声音。 不仅能够在场景中添加声音文件，还可在按钮中添中声音，制作发声的按钮元件，例如当经过按钮及按下按钮时发出不同的声音，制作方法比较简单。只需要在按钮元件的编辑状态下，再添加一个声音图层，并在需要添加声音的“指针经过”及“按下”帧处各自插入一个关键帧，在属性面板中，分别为这两个关键帧选择不同的声音文件即可。 5(视频的导入和设置。Flash可支持的视频文件的格式有:flv、mov、avi、mpg/mpeg等。以导入“粒子流.avi”视频文件为例。 ? 执行“文件”?“导入”?“导入到库”命令，打开“导入视频”向导，进入“选择视频”阶段，单击“在您的计算机上”选项右侧的“浏览”按钮，在“打开”对话框中选择所 图10-11 导入视频向导中的“选择视频”窗口 需的视频文件，如图10-11所示。 ? 单击“下一个”按钮进入“部署”阶段，提供了5种选项，选择其一，在右边的窗口中就可以出现此种选项的说明，此例选择第四项，如图10-12所示。 图10-12 导入视频向导中的“部署”窗口 ? 单击“下一个”按钮进入“嵌入”阶段，进行嵌入视频文件的相关选择。此例选择默认值，如图10-13所示。 图10-13 导入视频向导中的“嵌入”窗口 ? 单击“下一个”按钮进入“编码”阶段，此例选择默认值，如图10-14所示。 图10-14 导入视频向导中的“编码”窗口 ? 单击“下一个”按钮进入“完成视频导入”阶段，单击“完成”按钮结束导入视频的过程，如图10-15所示。 图10-15 导入视频向导中的“完成视频导入”窗口 ? 打开“Flash视频编辑进度”对话框，如图10-16所示。此时点击“取消”按钮可中止视频的导入。 图10-16 Flash视频编码进度对话框 ? 完成编码后自动关闭该对话框，舞台上出现了刚导入的视频文件的文件的实例，影片文件的时间轴也自动扩展到视频播放完毕所需要的帧数，如图10-17所示;元件库中同时添加该视频文件。 图10-17 视频文件导入后的时间轴及舞台效果 ? 在属性面板上，可以为导入的视频设置宽、高及X、Y坐标。 提示:如果导入的是mov或flv视频文件，则出现的窗口是不相同的，根据实际情况进行相应的选择。 6( 影片的发布。 Flash 8为用户提供了发布功能，使用该功能可将Flash文档发布出各种图像格式文件、可执行程序、网页文件等，同时还可根据需要发布成不同版本的swf、Html等文件。 ? 发布方法: ? 动画制作完毕，保存影片文档后，执行“文件”?“发布设置”命令。 ? 打开“发布设置”对话框，从中选择所需要的发布类型，打开相相应的选项卡进行参数设置即可。 ? 选择“文件”?“发布”命令或直接在“发布设置”对话框中单击“发布”按钮。 ? Flash文件的发布设置。如图10-18所示。主要参数的意义如下: 图10-18 Flash发布设置选项卡 ? 版本:可设置Flash动画的发布版本。 ? 加载顺序:设置时间轴中的各层的加载顺序，即先加载底端的层，还是先加载顶端的层。 ? ActionScript版本:设置动作脚本的版本，有两个选项，分别是1.0版本和2.0 版本。 ? 生成大小报告:选中该项，发布动画的同时，生成一个详细的体积报告文件。 ? 防止导入:选中该项，在设定密码，有效地保护作品版权，防止他人导入你的swf文件。 ? 省略trace动作:选中该项，将忽略Flash动画中的Trace语句。 ? 允许调试:选中该项，将允许发布前的调试。 压缩影片:该项默认为被选中状态，将对生成的动画进行压缩，可以减小文件大小。 ? ? 密码:输入设定的密码。 ? JPGE品质:可拖动滑块调整图像的质量，数值越大，图像质量越高，但生成的文件也越大;反之数值越小，图像质量越低，但文件也越小。 ? 音频流和音频事件:设置音频的压缩格式和传输速率。 ? 覆盖声音设置:选中该项，可用发布设置中的音频压缩方式来覆盖Flash文件中的声音设置。 ? HTML的发布设置。HTML选项卡中的主要参数: ? 模板:在该项中，选择要使用的模板，发布同适合不同场合的HTML文件。 ? 尺寸:设置插入到HTML 文件中的动画影片的尺寸大小。 ? 回放:当中的几个选项用来控制SWF文件的播放。 ? 品质:设置动画的播放质量。 ? 窗口模式:设置显示动画的窗口模式。其中的“透明无窗口”模式可以创建背景透明的Flash动画。 ? HTML对齐:指定Flash动画在网页中的位置。 ? 缩放:设置动画的缩放模式。 ? Flash对齐:设置动画的对齐方式。 ? GIF的发布设置。GIF选项卡中主要参数: ? 尺寸:在不选中“匹配影片”选项时，可指定导出图像的“宽”和“高”。 ? 回放:指定发布生成GIF是静态的图像文件，还是动态的动画文件。 ? 选项:用来设置生成的GIF文档的颜色和图像显示方式。 ? 抖动:用来指定抖动的方式。 ? 调色板类型:用来指定GIF文档使用的调色板类型。 7( 影片的导出。 选择“文件/导出/导出图像或导出影片”命令，可以将Flash影片中当前所选择的帧 导出为JPG、BMP、AI等多种格式的图像文件，也可以将整个影片导出为AVI、MOV 等多种影片格式的文件。 , 拓展项目——视频的控制播放 【项目介绍】 导入一个名为“粒子流.avi”的视频文件，并且为其画一个外框，形似电视窗口，底部的两个按钮分别用来控制影片的播放和暂停的。这两个按钮是有声按钮，当鼠标经过和按下鼠标时会发出不同的声音，最后发布生成 swf、exe、png格式的文件。 最终效果如图8-19所示。 图10-19 视频的控制播放效果图 【操作步骤】 1( 导入素材文件夹中的视频文件“粒子流.avi”及两个声音文件。 2( 在视频图层的下方新建图层，为舞台中的视频实例绘制形似电视窗口的边框。可用绘制两个大小不同，填充渐变色相反的圆角矩形的方法制作有立体感的窗口效果。 3( 新建带声音的“播放”按钮元件，元件时间轴及按钮效果如图9-20所示。“按钮指针”经过 的声音为素材文件夹中的“notify.wav”文件;“弹起”的声音为“chimes.wav”文件 图10-20 播放按钮元件 4( 在元件库中复制“播放”按钮元件，并进行编辑修改成“暂停”按钮。 5( 新建“按钮”图层，将两个按钮拖至舞台合适的位置，并在按钮实例上分别添加如图8-21所示的代码。 图10-21 播放及暂停按钮的脚本代码 6( 保存文档，并发布成生swf、exe、png文件。 , 项目小结 本项目主要讲解了如何导入声音及视频文件，如何发布和导出Flash动画。 要求 对教师党员的评价套管和固井爆破片与爆破装置仓库管理基本要求三甲医院都需要复审吗 读者熟练掌握声音和视频的导入及其简单设置，能够掌握影片发布前的主要参数的设置。 , 思考与练习 【实战训练】 请勿酒后驾车。效果如图10-22所示。 图10-22 请勿酒后驾车效果图 【操作要求】 ( 根据下列要求，为无声的素材文件“请勿酒后驾车”动画的部分画面，添加“声1 音素材.fla”文件中的各种声音。 2( 第一场景中添加“声音1”和“刹车声”，声音1为鸟叫声，要注意插入的声音及 位置要与动画场面相符合。 3( 第二场景中添加“声音2”，即汽车行驶的声音，可适当进行声音的编辑，设置渐 入渐出效果。 4( 第三场景中添加“声音2”和“碰撞声”。 5( 保存文件，并发布生成exe、swf格式的文件。