flash+动画设计与项目实践10.ppt

第10章 测试与发布动画,10.1 动画的测试与优化 10.2 导出动画 10.3 发布动画 10.4 应用实例 10.5 习题与实验指导,主目录,10.1 动画的测试与优化,10.1.1 动画的测试,1.在Flash的编辑环境中进行测试 在编辑环境中可以进行些简单的测试，如测试按钮状态和主时间轴上的声音、帧动作以及动画 （1）按钮状态：可以测试按钮在弹起、鼠标经过、按下、和单击状态下的外观 （2）主时间轴上的声音：放映时间轴时，可以试听放置在主时间轴上的声音，包括那些与舞台动画同步的声音 （3）主时间轴上的帧动作：可以测试任何附在帧或按钮上的GO TO，Play和Stop动作 （4）主时间轴上的动画：可以测试主时间轴上的动画，包括形状和动画过渡在将Flash作品发布到网上之前，应先测试并优化动画测试是为了查看动画是否按照制作者的思路产生预期的效果，以及动画中是否有不连续的影响动画播放效果；优化是为了使Flash动画的体积更小，或是为了上传到网上后能更流畅地观看等2. 测试影片和测试场景 （1）测试影片 按Ctrl+Enter组合键，或者选择“控制”→“测试影片”的命令，就可以进入Flash CS3的测试环境，如左下图所示，在该环境中，Flash影片将会完整地播放。

（2）测试场景 按Ctrl+Alt+Enter组合键，或者选择“控制”→“测试场景”命令，只是测试环境中播放当前的场景或元件，而不测试整个影片，如右下图所示测试影片,,,,测试场景,3. 测试动画的下载性能 由于多数动画都需要在互联网上展示，所以用户在创建动画时还需要考虑到带宽限制这就需要测试作品的下载表现，“带宽状态图”就是测试下载属性时的最重要的信息来源之一它不需要将电脑实际连接到互联网上，就可以通过模拟网络下载速度来提供如单个帧的大小、从动画的实际起始点开始流动所需要的时间、何时开始播放动画等统计信息使用“带宽状态图”测试动画下载属性的步骤如下： （1）打开需要测试的Flash文档，按Ctrl+Enter组合键进入测试环境 （2）选择“视图”→“下载设置”→“自定义”命令，用户在弹出的“自定义下载设置”对话框中设置有关参数，如左下图所示 （3）选择“视图”→“带宽设置”命令，即可以查看带宽状态图，如右下图所示图中的方框代表所在帧的数据量如果方框在红线上面，则表示动画的下载速度低于播放速度，这时就需要制作者对其进行优化在发布动画的过程中，Flash会自动检测是否有重复的图形，并且只在文件中保留一个，还能将嵌套的组合分解为单一组合。

用户可通过以下方法，对Flash动画进行优化： （1）对于重复出现的图形，可将其转换为元件 （2）在制作动画时，尽量使用补间动画，因为补间动画中的关键帧相对于逐帧动画要少得多，所以其文件大小也较小 （3）在绘制线条时，尽量使用实线线型，因为其占用内存比特殊线型要少 （4）将在动画中变化的图形与背景分别放在不同的图层上 （5）尽量减少文本中不同字体和样式的数量 （6）在导入音频文件时，应尽量导入MP3格式的音频文件，因为其文件较小 （7）应尽量不使用位图制作动画，因为其文件大小较大，应将其作为背景或静止的图形 （8）尽量将分离的图形组合起来 （9）尽量使关键帧上的变化区域小，以使交互动作的作用区域尽可能小 （10）应尽量减小渐变色的使用，因为它要比实色多出50个字节左右10.1.2 动画的优化,本章目录,10.2 导出动画,10.2.1 导出概述,导出Flash作品的主要作用是产生单独的动画文件，以便于观赏者观看将动画优化并测试下载性能后，就可以通过导出影片或图像命令将动画导出当用户将动画优化并测试其下载性能后，就可以将Flash动画输出到其它应用程序中，并且每次只能将动画按照一种格式输出到其他应用程序中。

Flash CS3工作窗口,在Flash cs3中使用“文件”→“导出”→“导出影片”或“导出图像”命令，可以创建能够在其他应用程序中进行编辑的内容，并将“Flash”内容直接导出为单一的格式例如，用FlashSWF文件格式导出整个文档；导出一系列位图图像；导出单一的帧或图像文件；或导出不同格式的活动和静止图像，包括GIF、JPEG、PNG、BMP、PICT、QuickTime或AVI文件，参见下表10.2.2 导出格式,,,1. 输出为动画 用户可以将Flash动画输出为某种特定格式的动画，具体操作如下： 执行“文件”→“导出”→“导出影片”命令 2. 输出为图形 用户既可以将Flash动画输出为对应于各帧的一系列不同的图形文件，具体操作如下： 执行“文件”→“导出”→“导出图像”命令,本章目录,10.3.1 发布设置,Flash的发布命令不仅能向网络发布Flash动画，还能向没有安装Flash插件的浏览器发布各种各样的图形文件、视频文件及可独立运行的小程序（如exe可执行程序）10.3 发布动画,当用户创建好动画后，可以将其发布到网络上，还可以将其发布在没有安装Flash插件的浏览器上，并可以将其发布为各种不同格式的图形文件和视频文件。

执行“文件”→“发布设置”命令,弹出如右图所示“发布设置”对话框 在“格式”选项卡中，勾选“类型”选项组中的格式，可以设置发布的文件类型，在“文件”下面的文本框中输入名称，为相应的文件类型命名在发布影片后，以一个影片为基础，可以得到不同类型，不同名字的文件1. 指定SWF文件的发布设置 在“发布设置”对话框中，打开“Flash”选项卡，如右图所示 在选项卡设置： ● 版本：观看影片时需要的最低版本 ●加载顺序：加载影片时，设置图层的加载顺序 ●ActiongScript版本：选择Flash文档使用动作脚本的版本 ●选项： 生成文件大小报告：选中该复选框后，系统会生成一个报告，其中列出Flash内容的数据量 防止导入：选中该复选框后，可以防止其他用户导入SWF文件 省略跟踪动作：选中该复选框后，能够使Flash忽略当前SWF文件中的跟踪动作 允许调试：选中该复选框后，用户可以对该文档进行远程调试 压缩影片：选中该复选框后，系统会自动压缩SWF文件Flash”选项卡,,JPEG品质：设置影片中所有JPEG文件的压缩率 音频流和音频事件：设置影片中所有数据流声音与事件声音的压缩率。

单击他们后面的“设置”按钮，在弹出的“声音设置”对话框中进行设置 覆盖声音设备：选择此项后，如果在“声音设置”对话框中进行设置那么该选项将忽略所有在音频流和音频事件中的设置 导出设备声音：选择此项后，同时导出影片中的设备声音 2．指定HTML文件的发布设置 在“发布设置”对话框中，打开“HTML”选项卡，如右图所示 ●设置影片自适应浏览器窗口大小：在“尺寸”下拉列表中选择“百分比”选项此时影片随着网页的尺寸调整自身的尺寸 ●设置影片充满浏览器窗口：在“缩放”下拉列表中选择“精确匹配”选项此时影片无论网页窗口大小，均自动充满整个浏览器窗口HTML”选项卡,3．指定其他文件文件的发布设置 如果想将影片发布成其他文件格式，首先要在“发布设置”对话框中的“格式”选项卡中选中其他文件类型，接着出现相应文件的选项卡，才能对其进行发布设置 GIF” 选项卡,,,“JPEG” 选项卡,发布预览命令可以使指定的文件格式在默认的浏览器中打开，可以预览的影片类型是以“发布设置”对话框中设置的文件格式为基础的，执行“文件”→“发布预览”命令，在弹出的下一级子菜单（已设置的发布格式类型）中进行选择 此外，还可以使用当前发布设置选项导出所有格式的文件。

10.3.2 发布预览,,,,,,,本章目录,10.4 应用实例,,测试与发布动画实例本章目录,10.5 习题与实验指导,,,,本章目录,按照教材的“习题与实验指导”部分的要求，完成作业和实验。