第11章动画制作课件

第十一章Flash动画的后期处理

动画的测试

动画的优化

动画的发布

动画的导出

应用举例——将SWF文件转化为EXE文件

本章小结

习题十一

测试是一个非常重要的局部，它贯穿着Flash动画制作的整个过程。经常对所做的动画进行测试，可以及时发现错误，提高动画的播放质量。

一、测试原那么

一般情况下，动画测试要遵循以下4点原那么：

〔1〕测试要全面。一个极小的错误也可能会导致动画不能正常播放，因此，要对动画的任何局部进行测试。

〔2〕要经常测试。不要等动画完成之后才进行测试，而应在动画的制作过程中经常测试，从而及时发现错误并改正，提高工作效率。第一节动画的测试

〔3〕集思广益。请他人帮助测试动画，并采纳好的建议。

〔4〕按方案测试。在测试时，可根据最初动画设计的思想进行分段测试，然后测试段与段之间的衔接，最后再进行整体测试。

二、测试方式

对Flash动画的测试，可以在编辑环境中进行也可以在编辑环境外模拟网络条件进行，下面分别进行介绍。

1．在编辑环境中测试

在编辑环境中测试指直接在工作区中进行测试，它虽然不是用户首选的测试环境，但却能够快速地进行一些简单的测试。

〔1〕测试按钮状态。用户可以选择“控制〞→“启用简单按钮〞命令来测试按钮的状态，如下图。

〔2〕测试声音。在编辑环境中，也可以对声音进行测试，以了解声音与文本的同步情况，操作步骤如下：

1〕选择“窗口〞→“工具栏〞→“控制器〞命令，翻开“控制器〞面板，如下图。

2〕在时间轴面板中，将鼠标指针置于要测试声音的起始位置，然后单击控制器面板中的“播放〞按钮和“停止〞按钮等，即可了解声音与文本等动画元素的同步情况。

图11.1.1测试按钮状态图11.1.2控制器面板技巧：还有一种简单的方式，就是将鼠标指针置于要测试声音的起始位置，然后按Enter键直接测试，当需要停止时，只须用鼠标单击时间轴面板的其他位置即可。

〔3〕测试帧动作。在编辑环境中，用户还可以测试简单的帧动作，如goto，play和stop等，操作步骤如下：

1〕选择“控制〞→“启用简单帧动作〞命令。

2〕在时间轴面板中，将鼠标指针置于添加了简单动作的帧上。

3〕按Enter键或单击控制器面板中的“播放〞按钮，查看添加的帧动作是否有预期效果。

〔4〕测试时间轴动画。当制作完成逐帧动画或补间动画之后，可以按Enter键，在编辑场景中进行播放，以及时测试动画是否流畅。

2．在编辑环境外测试

有些动画元素是不能在工作区中进行测试的，如影片剪辑、播放速度、动画下载以及除goto，stop和play之外的动作等，要对它们进行测试，需要选择“控制〞→“测试影片〞命令。

在编辑环境外进行测试时，用户还可以模拟网络条件对动画的下载性能进行测试，操作步骤如下：

〔1〕选择“控制〞→“测试影片〞或“测试场景〞命令，将当前动画或场景输出为.swf格式的文件，并在测试窗口中翻开并播放，测试窗口如下图。

〔2〕从“视图〞→“下载设置〞命令下的子命令中选择调制解调器的速度，以决定Flash的模拟下载速度，如下图。

图11.1.3在测试窗口中播放动画图11.1.4选择下载速度

〔3〕选择“视图〞→“带宽设置〞命令，翻开带宽视图查看动画的下载性能，如下图。

在传输数据图中，每个交错的浅色和深色的方块表示动画的一个帧。方块的大小表示该帧所含数据量的多少。假设方块超出了红线，表示该帧中的数据量超出了一般限制，那么动画必然会在此停留等待数据的下载。在流式传输模式下，播放指针的移动表示当前帧的载入。

〔4〕单击右侧图表中的色块〔即某帧〕，使动画停留在该帧处，图表左侧的数据表示该帧的下载性能，包括动画的尺寸、帧速率、文件容量、播放时间和预载时间等。

〔5〕选择“视图〞→“帧数图表〞命令，使每帧单独显示，以便于查看每帧的数据大小，如下图。

〔6〕关闭测试窗口，返回到创作环境。

图11.1.5带宽视图图11.1.6帧数图表

优化也是一个非常重要的局部，在优化过程中，Flash将自动检测动画中是否存在重复的形状，如果有，那么仅导出一次该形状。除此之外，用户还可以对动画进行以下几种优化操作，从而缩小动画文件，减少动画的下载时间。

〔1〕将屡次出现在动画中的元素转换为元件。

〔2〕嵌入字体将增加文件的大小，只有在必须时才考虑使用。

〔3〕在可以实现同样效果的情况下，使用渐变动画代替逐帧动画。

第二节动画的优化〔4〕限制字体和字体样式的数量。

〔5〕减少文本中使用的字体和样式。

〔6〕推荐使用MP3格式的声音。

〔7〕防止用位图制作动画，通常将位图设为背景图像或者静止元素。

〔8〕将动画中变化与不变化的元素放在不同的层中。

〔9〕尽可能地组合元素。

当Flash动画制作完成之后，需要将其发布为一个独立的产品，以供他人欣赏。

一、发布设置

在发布之前，用户可以使用如下图的“发布设置〞对话框设置发布选项，即在“格式〞选项卡的“类型〞选项区中选择一种或多种发布格式。当一些格式被选择后，在对话框中会显示相应的选项卡，例如假设选中“GIF图像〞复选框，对话框会显示“GIF〞选项卡用来设置GIF格式文件的参数，如下图。

第三节动画的发布

图11.3.1“发布设置”对话框图11.3.2“GIF”选项卡

用户可以将Flash动画发布为多种文件格式，下面介绍它们的参数设置。

1．Flash参数设置

以swf格式发布的产品，可以保存Flash所有的动画功能，因此创立扩展名为.swf的文件是发布Flash动画的最正确途径。单击“Flash〞标签，可以翻开如下图的“Flash〞选项卡，进行Flash文件的参数设置。

〔1〕版本：设置发布的Flash动画的版本。

〔2〕加载顺序：设置第1帧所在层的下载方式。

〔3〕ActionScript版本：设置动作脚本的版本。

〔4〕生成大小报告：选中该复选框，会生成一个记录最终输出动画各局部大小的文件，如下图为“网站片头〞实例生成的动画大小报告。

图11.3.3“Flash”选项卡图11.3.4“网站片头”文件大小报告

〔5〕防止导入：选中该复选框，可以防止发布的动画文件被别人下载到Flash程序中进行编辑。

〔6〕省略trace动作：选中该复选框，将从导出的Flash动画中删除跟踪作用，防止别人偷窥用户的源代码。

〔7〕允许调试：选中该复选框，将允许在播放导出的Flash动画时运行调试器进行调试。

〔8〕压缩影片：选中该复选框，将压缩SWF文件以减小文件大小来缩短下载时间。

〔9〕针对FlashPlayer6r65优化：选中该复选框，可以对版本进行更新。

〔10〕密码：设置密码保护。

〔11〕JPEG品质：用于将所有位图保存为JPEG压缩文件并设置压缩率。

〔12〕音频流：设置输出流式音频的压缩格式和传输速度。

〔13〕音频事件：设置输出音频事件的压缩格式和传输速率。

2．GIF参数设置

GIF是Internet上最流行的图形格式，标准的GIF文件是简单的压缩位图。单击标签，可以翻开如下图的“GIF〞选项卡，进行GIF文件的参数设置。

〔1〕尺寸：设置所创立GIF文件的宽度和高度。

〔2〕匹配影片：选中该复选框，将使文本框不起作用。

〔3〕回放：设置导出的GIF是静态的还是动态的。

〔4〕优化颜色：选中该复选框，将删除GIF颜色表中所有未用过的颜色。

〔5〕抖动纯色：选中该复选框，将对图片中的色块进行抖动处理，以防止出现色带不均匀的现象。

〔6〕交错：选中该复选框，那么GIF文件在用户下载过程中以交错方式显示。

〔7〕删除渐变：选中该复选框，将所有的渐变转换为与渐变的第1种颜色相同的纯色。

〔8〕平滑：选中该复选框，对导出的GIF文件使用消除锯齿功能。

〔9〕透明：设置是否使GIF动画的背景透明。

〔10〕抖动：设置是否通过混合已有的颜色来模拟当前调色板中没有的颜色。

〔11〕调色板类型：用于设置调色板的类型。

〔12〕最多颜色：如果设置调色板的类型为“最适合〞或“接近Web最适色〞，将激活该选项，用户可以在其文本框中设置所创立颜色的最大数量。

〔13〕调色板：如果设置调色板的类型为“自定义〞，将激活该选项，用户可以在其文本框中输入自定义调色板的路径。

3．HTML参数设置

在Web浏览器中播放Flash时，需要一个能激活SWF文件并指定了浏览器设置的HTML文档。单击“HTML〞标签，可以翻开如下图的“HTML〞选项卡，进行HTML文件的参数设置。

〔1〕模板：设置要使用的模板。

〔2〕信息：单击该按钮，将弹出“HTML模板信息〞对话框，显示对选定模板的说明，如下图。

〔3〕检测Flash版本：选中该复选框，可以检测用户所用FlashPlayer的版本。

图11.3.5“HTML”选项卡图11.3.6“HTML模板信息”对话框

〔4〕版本：用于显示Flash版本的检测结果。

〔5〕：用于设置所创立HTML文件的宽度和高度。

〔6〕开始时暂停：选中该复选框，在发布后将暂停播放SWF文件。

〔7〕显示菜单：选中该复选框，在用户用鼠标右键单击SWF文件时会显示一个快捷菜单。

〔8〕循环：选中该复选框，当Flash播放到最后一帧时再从头开始播放。

〔9〕设备字体：选中该复选框，将用消除锯齿的系统字体替换用户系统尚未安装的字体。

〔10〕品质：设置动画的播放质量。

〔11〕窗口模式：设置显示动画的窗口模式。

〔12〕HTML对齐：设置动画在网页中的位置。

〔13〕缩放：设置动画的缩放方式。

〔14〕Flash对齐：设置动画的对齐方式。

〔15〕显示警告消息：选中该复选框，可在标记设置发生冲突时显示错误消息。

4．JPEG参数设置

JPEG和GIF的主要区别在于JPEG格式的文件不能作为具有动画效果的图形导出，并且，它还不能很好地导出只有极少颜色的图像。单击“JPEG〞标签，可以翻开如下图的“JPEG〞选项卡，进行JPEG文件的参数设置。〔1〕尺寸：设置所创立JPEG文件的宽度和高度。

〔2〕匹配影片：选中该复选框，将使文本框不起作用。

〔3〕品质：设置导出的JPEG文件的压缩量。

〔4〕渐进：选中该复选框，当下载JPEG文件时，可以逐渐清晰地显示JPEG图像。

5．PNG参数设置

PNG较GIF格式有着众多的优点，尤其在压缩性能、颜色容量和透明度方面更是如此。单击“PNG〞标签，可以翻开如下图的“PNG〞选项卡，进行PNG文件的参数设置。

图11.3.7“JPEG”选项卡图11.3.8“PNG”选项卡〔1〕尺寸：设置所创立PNG文件的宽度和高度。

〔2〕匹配影片：选中该复选框，将使文本框不起作用。

〔3〕位深度：设置导出图像中颜色的数量。

〔4〕优化颜色：选中该复选框，将删除PNG颜色表中所有未用过的颜色。

〔5〕抖动纯色：选中该复选框，对图片中的色块进行抖动处理，防止出现色带不均匀的现象。

〔6〕交错：选中该复选框，那么PNG文件在用户下载过程中以交错方式显示。

〔7〕删除渐变：选中该复选框，将渐变色转换为某一种颜色。

〔8〕平滑：选中该复选框，对导出的PNG文件使用消除锯齿功能。

〔9〕抖动：设置是否通过混合已有的颜色来模拟当前调色板中没有的颜色。

〔10〕调色板类型：用于设置调色板的类型。

〔11〕最多颜色：如果设置调色板的类型为“最适合〞或“接近Web最适色〞，将激活该选项，用户可以在其文本框中设置所创立颜色的最大数量。

〔12〕调色板：如果设置调色板的类型为“自定义〞，将激活该选项，用户可以在其文本框中输入自定义调色板的路径。

〔13〕过滤器选项：设置在压缩过程中，以何种方式压缩PNG图像。

6．QuickTime参数设置

使用QuickTime发布动画可以创立QuickTime格式的影片。单击“QuickTime〞标签，可以翻开如下图的“QuickTime〞选项卡，在其中可进行QuickTime文件的参数设置。

〔1〕尺寸：设置所创立QuickTime文件的宽度和高度。

〔2〕匹配影片：选中该复选框，将使文本框不起作用。

〔3〕Alpha：设置QuickTime文件的透明模式。

〔4〕图层：设置Flash动画在QuickTime影片中的位置。

〔5〕声音流：设置是否按照标准的QuickTime设置压缩音频。

图11.3.9“QuickTime”选项卡〔6〕控制栏：设置播放QuickTime影片控制器的类型。

〔7〕回放：设置QuickTime影片的播放方式。

〔8〕文件：设置是否将Flash动画与导入的视频结合为一个新的QuickTime影片。

二、发布预览

在发布之前，用户还可以预览动画效果，操作步骤如下：

〔1〕在“发布设置〞对话框中设置发布参数。

〔2〕选择“文件〞→“发布设置〞命令的子命令，以相应格式预览发布效果，如下图为以HTML格式预览发布效果。

图11.3.10以HTML格式预览发布效果三、发布

用户可以选择“文件〞→“发布〞命令或者单击“发布设置〞对话框中的“发布〞按钮发布Flash动画，如下图。

选择“发布”命令使用“发布”按钮

图11.3.11发布Flash动画无论采用何种方法，在发布过程中，系统都会弹出“正在发布〞对话框，显示发布的进度，如下图。图11.3.12“正在发布”对话框Flash动画的导出有“导出影片〞和“导出图像〞两种方式，用户可根据自己的需要选择导出方式，下面具体介绍动画的导出。

一、以影片方式导出

以影片方式导出Flash动画的操作步骤如下：

〔1〕翻开Flash动画的源文件，如下图。

〔2〕选择“文件〞→“导出〞→“导出影片〞命令，弹出“导出影片〞对话框，如下图。

〔3〕在“文件名〞下拉列表框中输入文件名称，在“保存类型〞下拉列表中选择文件的保存类型。第四节动画的导出〔4〕单击“保存〞按钮以影片方式导出Flash动画。

图11.4.1Flash动画的源文件图11.4.2“导出影片”对话框

二、以图像方式导出

以图像方式导出Flash动画的操作步骤如下：

〔1〕翻开Flash动画的源文件，选中要导出的帧或图像，如下图。

〔2〕选择“文件〞→“导出〞→“导出图像〞命令，弹出“导出图像〞对话框，如下图。

〔3〕在“文件名〞下拉列表框中输入文件名称，在“保存类型〞下拉列表中选择文件的保存类型。

〔4〕单击“保存〞按钮以图像方式导出Flash动画。

图11.4.3选中要导出的帧图11.4.4“导出图像”对话框

注意：以“导出影片〞方式导出Flas