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

第10章测试与发布动画,10.1动画的测试与优化10.2导出动画10.3发布动画10.4应用实例10.5习题与实验指导,主目录,10.1动画的测试与优化,10.1.1动画的测试,1.在Flash的编辑环境中进行测试在编辑环境中可以进行些简单的测试，如测试按钮状态和主时间轴上的声音、帧动作以及动画。（1）按钮状态：可以测试按钮在弹起、鼠标经过、按下、和单击状态下的外观。（2）主时间轴上的声音：放映时间轴时，可以试听放置在主时间轴上的声音，包括那些与舞台动画同步的声音。（3）主时间轴上的帧动作：可以测试任何附在帧或按钮上的GOTO，Play和Stop动作。（4）主时间轴上的动画：可以测试主时间轴上的动画，包括形状和动画过渡。,在将Flash作品发布到网上之前，应先测试并优化动画。测试是为了查看动画是否按照制作者的思路产生预期的效果，以及动画中是否有不连续的影响动画播放效果；优化是为了使Flash动画的体积更小，或是为了上传到网上后能更流畅地观看等。,2.测试影片和测试场景（1）测试影片按Ctrl+Enter组合键，或者选择“控制”“测试影片”的命令，就可以进入FlashCS3的测试环境，如左下图所示，在该环境中，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动画输出到其它应用程序中，并且每次只能将动画按照一种格式输出到其他应用程序中。,FlashCS3工作窗口,在Flashcs3中使用“文件”“导出”“导出影片”或“导出图像”命令，可以创建能够在其他应用程序中进行编辑的内容，并将“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”选项卡,发布预览命令可以使指定的文件格式在默认的浏览器中打开，可以预览的影片类型是以“发布设置”对话框中设置的文件格式为基础的