第10章 影片的测试、优化、发布与导出

第10章影片的测试、优化、发布与导出制作完毕的动画需要不断的测试，查找错误。而测试除了解决动画中存在的问题以外，还有一项重要的功能，那就是优化。优化后的影片体积较小，可以达到最佳的传播效果。通过测试影片可以找到动画中较大的文件对象，接着就可以对其进行优化。优化后的影片还可以通过测试模拟影片在不同网络环境下的下载速度，使用户知道观看这个动画可能需要的时间。第10章影片的测试、优化、发布与导出教学内容10.1测试影片10.1.1在影片编辑环境下测试影片10.1.2测试影片与场景10.1.3影片测试环境10.1.4利用带宽设置功能10.1.5模拟下载10.2分析影片10.2.1影片浏览器面板10.2.2查找和替换面板10.3优化影片10.3.1元件10.3.2图形第10章影片的测试、优化、发布与导出10.3.3文字10.3.4位图10.3.5声音10.3.6关键帧10.4发布影片10.4.1发布设置10.4.2Flash发布设置10.4.3HTML发布设置10.4.4其他文件发布设置10.4.5发布预览10.5导出影片10.5.1导出图像JPEG格式10.5.2导出影片GIF格式10.6本章小结第10章影片的测试、优化、发布与导出10.1测试影片10.1.1在影片编辑环境下测试影片可以在两种环境下测试影片，一种为影片编辑环境，另一种为影片测试环境。下面就针对两种测试环境的特点，分别进行介绍。在影片编辑环境下，按Enter键可以对影片进行简单的测试，但影片中的影片剪辑元件、按钮元件以及脚本语言也就是影片的交互式效果均不能得到测试。而且在影片编辑模式下测试影片得到的动画速度比输出或优化后的影片慢，所以影片编辑环境不是用户的首选测试环境。但在编辑环境下通过设置，可以对按钮元件以及简单的帧动作（play、stop、gotoplay和gotoandstop）进行测试。第10章影片的测试、优化、发布与导出要在影片编辑环境下测试按钮元件，需要执行“控制”→“启用简单按钮”命令。此时按钮将做出与最终动画中一样的响应，包括这个按钮所附加的脚本语言，如下图所示。要在影片编辑环境下测试简单的帧动作（play、stop、gotoplay和gotoandstop），需要执行“控制”→“启用简单帧动作”命令。第10章影片的测试、优化、发布与导出10.1.2测试影片与场景要测试一个动画的全部内容，执行“控制”→“测试影片”命令。Flash将自动导出当前影片中的所有场景，然后将文件在新窗口中打开。要测试一个场景的全部内容，执行“控制”→“测试场景”命令。Flash仅导出当前影片中的当前场景，然后将文件在新窗口中打开，且在文件选项卡中标示出当前测试的场景。执行测试影片与测试场景命令均会自动生成.swf文件，且自动将它置于当前影片所在的文件夹中，而它的导出设置则以Flash“发布设置”对话框中的默认设置为基础，要改变这些设置，执行“文件”→“发布设置”命令，在“发布设置”对话框中进行必要的调整。如果对当前的测试结果满意，就可以将作品发表了。第10章影片的测试、优化、发布与导出10.1.3影片测试环境执行测试影片或测试场景命令后，即可进入测试环境。虽然此时仍在Flash中，但界面已经改变，如图1与图2所示的界面分别为同一影片的不同测试环境。图1影片编辑环境图2影片测试环境由上图看出在影片编辑环境中的“插入”、“修改”、“文本”与“命令”菜单栏在测试环境中不存在。而在测试环境中出现的“调试”菜单栏，是影片编辑环境中没有的。另外，即使是在两个环境下的都有的菜单栏，它们的命令也有所不同。下面介绍“调试”菜单命令：第10章影片的测试、优化、发布与导出执行“调试”→“对象列表”命令，在“输出”窗口中，将显示某一特定帧中的所有对象的完整统计信息，如左图所示。执行“调试”→“变量列表”命令，在“输出”窗口中，将显示某一特定帧中的所有变量的完整统计信息，如右图所示，以帮助用户查看变量是否被正确地创建和更新。第10章影片的测试、优化、发布与导出10.1.4利用带宽设置功能在影片测试环境下，执行“视图”→“带宽设置”命令，打开带宽剖面图，如下图所示。在带宽剖面图中，包含了两部分的内容。分别为影片的相关信息以及时间轴中的每一帧中包含对象的文件大小，并以图表的形式显示出来。为了更好的利用带宽剖面图，应先逐一了解它的各部分功能。第10章影片的测试、优化、发布与导出1．影片的相关信息。2．测试环境的时间轴。模拟下载用于模拟在指定的网络环境下，下载影片时的状况，用户可以模拟各种网络环境，Flash提供了5种环境，分别为14.4（1.2KB/s）、28.8（2.3KB/s）、56（4.7KB/s）、DSL（32.6KB/s）和T1（131.2KB/s）。除此以外，用户还可根据需要，自行定义网络环境。执行“视图”→“下载设置”选项，在弹出的下一级子菜单中进行选择。10.1.5模拟下载第10章影片的测试、优化、发布与导出10.2分析影片影片中的各种对象可以以较为直观的方式显示出来，也可以对其中的对象进行查找替换，接下来介绍影片浏览器面板与查找和替换面板的使用方法。10.2.1影片浏览器面板在Flash中，可以直观的查看影片中包含的各种对象以及它们的位置。执行“窗口”→“其它面板”→“影片浏览器”命令，打开影片浏览器，如下图所示。第10章影片的测试、优化、发布与导出执行“编辑”→“查找和替换”命令，打开“查找和替换”对话框，如下图所示。10.2.2查找和替换面板在“搜索范围”后面的文本框中，选择在场景中搜索还是在影片中搜索；在“类型”后面的文本框中，选择查找或替换的类型，其中包括“文本”、“字体”、“颜色”、“元件”、“声音”、“视频”和“位图”。选择相应的选项后，即可指定替换的对象，进行查找或替换。第10章影片的测试、优化、发布与导出10.3优化影片优化影片的最终目的是减少文件的大小，确保它的播放流畅。因为无论影片如何出色，如果在播放的过程中发生多次间断，都会影响它的效果。所以对影片进行必要的优化是影片制作的最后步骤，下面将讲述如何对影片的各种对象进行优化以及优化的一些技巧。10.3.1元件在影片中使用两次或两次以上的图形对象一定要转换为元件。因为元件均会被纪录在库面板中。在制作影片的过程中，不用担心库面板中有多少对象，因为在输出影片的时候，影片只从库面板中提取用到的对象。也就是说，库面板中对象的多少与影片最终的大小没有关系。第10章影片的测试、优化、发布与导出10.3.2图形在绘制图形的时候因尽量避免使用实线以外类型的笔触样式，而自定义的笔触样式也会增加影片大小。在填充色方面，使用渐变色的影片文件也比使用单色的影片文件大一些，为了更好的显示，因尽量使用单色且最好为网络安全色。不论是绘制的图形，还是从外部导入的矢量图形，最好能将其在形状状态下，执行“修改”→“形状”→“优化”命令，对其中的曲线进行优化。优化后会弹出优化报告，减少一些不需要的曲线以减少文件大小。另外，过多地使用“修改”→“形状”→“将线条转换为填充”命令、“修改”→“形状”→“扩展填充”命令以及“修改”→“形状”→“柔化填充边缘”命令都会造成影片文件的增大。第10章影片的测试、优化、发布与导出10.3.3文字应尽可能使用同一颜色、字号和字体的文字。而设备字体的使用最安全，也最能减少文件的体积，具体的原理与使用方法在字体的章节中已经详细介绍，这里不再赘述。另外，将字体打散并不能减少文件体积，相反，它还会使文件变大，如果要重复使用量比较大的文本，建议将其转换为元件。10.3.4位图位图一般作为静止的背景图像，因尽量避免使它运动。如果将位图转换为矢量图，还应对转换后的矢量图进行优化。导入的位图应在库面板中进行压缩，操作方法如下：双击库面板中的位图图标，弹出“位图属性”对话框，勾选“使用文档默认品质”取消默认设置，如下图所示，在第10章影片的测试、优化、发布与导出“品质”后面的文本框中输入数值，对位图进行压缩。品质越高，影片越大；品质越低，影片越小。10.3.5声音在使用声音文件的时候，因尽量使用MP3格式而避免使用其它格式，声音格式的选择顺序应遵循Mid、MP3、Wav的顺序。压缩声音的方法有两种，第一种为在“声音属性”对话框中对声音进行压缩。另外，根据声音的长度，可以选择更为合适的压缩格式，具体原则可以参看在声音章节中的第10章影片的测试、优化、发布与导出详细介绍。第二种为在“发布设置”对话框中对声音进行压缩。执行“文件”→“发布设置”命令。在弹出的“发布设置”对话框中，选择“Flash”选项卡，设置音频流与音频事件，弹出“声音设置”对话框，如下图所示。此时执行的优化处理将对影片中的所有声音文件起作用。第10章影片的测试、优化、发布与导出10.3.6关键帧比起逐帧动画，使用补间动画更能减少文件体积。因尽量避免连续使用多个关键帧，注意删除没用的关键帧，即使是空白关键帧也会增加文件的体积。第10章影片的测试、优化、发布与导出10.4发布影片可以将Flash影片发布成多种格式，而在发布之前需进行必要的发布设置，定义发布的格式以及相应的设置，达到最佳效果。在“发布设置”对话框中，可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有不同的名字。接下来介绍发布影片的方法。10.4.1发布设置执行“文件”→“发布设置”命令。弹出“发布设置”对话框，如下图所示。第10章影片的测试、优化、发布与导出勾选“类型”选项组中的格式，可以设置发布的文件类型，在“文件”下面的文本框中输入名称，为相应的文件类型命名。在发布影片后，以一个影片为基础，可以得到不同类型，不同名字的文件。单击“确定”按钮保留设置，关闭“发布设置”对话框；单击“取消”按钮不保留设置，关闭“发布设置”对话框；单第10章影片的测试、优化、发布与导出10.4.2Flash发布设置.swf文件可以保留影片中的所有功能，这种格式导出的文件为Flash的首选格式，可以进行以下设置，如图下所示。击“发布”按钮，立即使用当前设置发布的指定格式的影片。第10章影片的测试、优化、发布与导出版本：设置观看影片时需要的最低版本。加载顺序：加载影片时，设置图层的加载顺序。在下拉列表中有以下两种选择：由下而上：首先加载最底层，随后加载以上的所有图层。由上而下：首先加载最上层，随后加载以下的所有图层。动作脚本板本：设置观看或执行影片交互式动作时需要的动作脚本版本。生成文件大小报告复选框：选择此项后，在发布影片后自动创建一个文本文件，其中包括影片中各帧的大小、字体以及导入的文件等信息。这个文件与影片文件同名，被保存在影片所在的文件夹中。防止导入复选框：选择此项后，防止导出的影片被导入Flash进行编辑，选择此项后，可以设置密码，只有知道密码才可以导入影片进行编辑。第10章影片的测试、优化、发布与导出省略跟踪动作复选框：选择此项后，删除导出影片中的跟踪动作，防止别人查看文件源代码。允许调试复选框：选择此项后，允许调试HTML文件中SWF文件。压缩影片复选框：可以压缩含有大量脚本和文件的SWF文件。JPEG品质：设置影片中所有JPEG文件的压缩率。音频流和音频事件：设置影片中所有数据流声音与事件声音的压缩率。单击他们后面的“设置”按钮，在弹出的“声音设置”对话框中进行设置。覆盖声音设备复选框：选择此项后，如果在“声音设置”对话框中进行设置。那么该选项将忽略所有在音频流和音频事件中的设置。导出设备声音复选框：选择此项后，同时导出影片中的设备声音。第10章影片的测试、优化、发布与导出10.4.3HTML发布设置用于设置SWF文件在HTML文件中的属性，使导出的影片生成HTML文件，如下图所示。第10章影片的测试、优化、发布与导出1．设置影片自适应浏览器窗口大小在“尺寸”下拉列表中选择“百分比”选项。此时影片随着网页的尺寸调整自身的尺寸。2．设置影片充满浏览器窗口在“缩放”下拉列表中选择“精确匹配”选项。此时影片无论网页窗口大小，均自动充满整个浏览器窗口。10.4.4其他文件发布设置如果想将影片发布成其他