1、第14章测试、发布与导出动画,14.1 Flash作品的测试14.2 优化动画14.3 导出与发布动画,内容概况,14 轨迹动画,1. 编辑环境中可测试的内容 按钮状态 主时间线上的声音 主时间线上的帧动作 主时间线上的动画2. 编辑环境中不可测试的内容 动画剪辑 动作 动画速度 下载性能,在编辑环境中测试,14.1 Flash作品的测试,3. 编辑环境中的测试方法 如果要在编辑环境中测试按钮的可视功能，可选择“控制”“启用简单按钮”命令，然后在舞台上单击按钮，按钮将做出最终发布的动画中一样的响应，再次执行该命令即可清除编辑环境下的按钮可视化测试功能。 如果要在编辑环境下测试Go To、Sto
2、p以及Play这样的帧动作时，可选择“控制”“启用简单帧动作”命令，启用帧动作后，当在编辑环境中放映时间线时，Go To、Stop以及Play动作将会做出响应。,在编辑环境中测试,14.1 Flash作品的测试,测试的命令有两个：“控制”菜单下的“测试影片”命令和“测试场景”命令 测试影片的快捷键是Ctrl+Alt+Enter，用于测试整个动画 测试场景的快捷键为Ctrl+Enter，但只是测试当前的场景 测试场景和测试影片都会在动画的.fla文件相同的位置创建.swf文件并存储,导出播放文件进度对话框,测试影片,14.1 Flash作品的测试,测试影片和场景,单击“测试影片”中的“视图”菜单
3、，出现如下图所示的菜单项,“视图”菜单,14.1 Flash作品的测试,查看,单击“控制”菜单，如下图所示,控制测试,14.1 Flash作品的测试,控制,单击“调试”菜单，如下图所示。对象列表、变量列表分别在文本框中输出动画包含的对象和变量,调试菜单,14.1 Flash作品的测试,调试,1. 测试环境窗口的打开 可以使用“测试影片”和“测试场景”两个命令将测试环境打开，它们均在“控制”菜单中。2. 测试环境中的测试方法 打开测试环境窗口后，可以自动创建当前场景或整个动画的工作版本，并在此窗口中将动画打开，从而测试交互性、动画和功能等各个方面的内容。,在Flash的测试环境中进行测试,14.
4、1 Flash作品的测试,控制菜单图 测试影片窗口,课堂实例测试动画,14.1 Flash作品的测试,图11-3 Flash MX的调试器,(1) 变量的属性值的查看和修改,测试动画调试器的使用,14.1 Flash作品的测试,图11-14 查看变量的值,(2) 显示和修改变量,图11-7 调试中的变量选项卡 图11-8 修改变量的值,测试动画调试器的使用,14.1 Flash作品的测试,(3) 使用“监视点”列表,设置监视点 查看监视点列表,设置监视点 查看监视点列表,测试动画调试器的使用,14.1 Flash作品的测试,(1) 打开输出窗口,图11-13 调试菜单 图11-14 “对象列表
5、”输出窗口,(2) 对象列表 (3) 变量列表,测试动画.“输出”窗口框的使用,14.1 Flash作品的测试,1. 测试动画下载性能,图11-114 导出Flash影片 图11-17 含有“带宽设置”窗口的测试 图11-18 查看菜单,动画作品的性能与测试,14.1 Flash作品的测试, 经常测试 全面测试 相互探讨 设计大纲,测试影片注意事项,14.1 Flash作品的测试,简化,14.2 优化动画,在制作动画时，应注意适量地简化动画，可从以下几点考虑：,尽量减少使用关键帧 使用声音文件时，最好使用MP3格式的声音文件 创建形状和图形时，减少使用的点数和线数，可将直线组合渐变填充比单色填
6、充要消耗更多的处理器资源，应减少使用渐变填充的数量不要使用过多花样字体或字型 在蒙板中不要使用设备字体,使用元件,14.2 优化动画,使用元件时应考虑以下几点：,如果要在动画的多个关键帧或场景中使用同一元素，可考虑将其作为元件如果要使用许多颜色的同一图形，可将它制作成图形符号 尽量将大的元件放在第一帧，方便预加载避免使用大的元件作为当前库中的链接元件导出应尽量使用矢量线代替矢量色块。避免过多地使用位图等外部导入对象。限制使用特殊线条（如虚线、波浪线等）的数量，使用实线会使文件体积更小。导入的音频文件最好是选择体积较小的声音格式，如MP3格式。,优化图片,14.2 优化动画,在Flash中不要轻
7、易使用点阵位图，因为位图表现的内容清晰，但输出动画的文件也明显增大。所以，在可以的情况下，尽量使用矢量图来代替位图。当然，更不要使用真彩色或更高的位图,优化文本,14.2 优化动画,优化文本要注意以下几个问题：,限制字体和字型的使用。在嵌入字体选项中，应该选择嵌入所需的字符，而不要选择嵌入整个字体。尽量少地通过选择“修改”“分散”命令。,优化颜色,14.2 优化动画,优化颜色时要注意以下几个问题：,在对Flash作品影响不是很大的前提下，应尽量减少渐变色的使用，应更多地使用纯色。应多使用元件的颜色效果，得到同一元件不同颜色的实例，而不要创建各种颜色的元件。应多使用Web安全色彩（能够被各种类型
8、的浏览器正确显示的颜色）。尽量少地使用透明色，因为它会减慢Flash动画的播放速度。,优化设计,14.2 优化动画,优化设计要注意以下几个问题：,调整停顿帧中的内容，在设计过程中应该尽量避免包含了音频引用对象或位图引用对象的关键帧出现在同一个播放位置上。可在数据量大的关键帧前面设计一些数据量较小的帧序列。在下载无法避免的大数据量关键帧时，可设计一些重复播放的动画内容。应在作品的开始阶段避免设置数据量较多的对象，而应设置数据量较少的对象。如果是在最不好的传输条件下测试Flash动画作品，则应将作品的绝大部分帧数据量控制在最高实时传输速度以下。,优化脚本语言,14.2 优化动画,优化脚本语言时要注
9、意以下几点：,在发布选项中选择“省略跟踪设置”选项，在发布Flash动画的时候忽略跟踪语句。将经常使用的代码段定义为函数。尽可能多地使用局部变量。,导出动画,14.3 导出与发布动画,导出动画的步骤如下：,选择“文件”“导出“导出影片”命令在弹出的对话框中输入要导出影片的文件名，并选择类型，默认类型为.swf格式确定后，弹出“导出Flash Player”对话框设置好各选项后，单击“确定”按钮，就完成了动画的导出,“导出Flash Player”对话框,导出图像文件,14.3 导出与发布动画,导出图像文件的操作方法如下：,打开要导出的动画，选中要导出的帧或场景中的某个图像。选择“文件”“导出”
10、“导出图像”命令，弹出“导出图像”对话框，在其中选择文件的保存类型，并在文件名文本框中输入文件名称。如果在“保存类型”下拉列表中选择“JPEG图像（*.jpg）选项，弹出“导出JPEG”对话框，在其中可以设置图像的导出参数，最后单击“确定”按钮即可完成图像的导出操作。被导出的图像可以作为独立的图片来使用了。,发布动画步骤如下:,选择“文件”“发布设置”命令，弹出如图所示的“发布设置”对话框在“发布设置”对话框的“格式”选项卡中设置将要发布的动画支持的格式在“类型”中选择Flash选项，也可以对其中的选项进行设置,“发布设置”对话框,发布动画,14.3 导出与发布动画,在“类型”中选择HTML选项单击“发布设置”对话框中的“确定”按钮，完成发布设置；或者直接单击“发布”按钮，即可将动画发布选择“文件”“发布”命令，将动画发布,HTML设置,循环,14.3 导出与发布动画,
