Flash电子教案Flash动画的后期处理第11章

1、第十一章Flash动画的后期处理 动画的测试 动画的优化 动画的发布 动画的导出 应用举例将SWF文件转化为EXE文件 本章小结 习题十一第11章 Flash动画的后期处理 测试是一个非常重要的部分，它贯穿着Flash动画制作的整个过程。经常对所做的动画进行测试，可以及时发现错误，提高动画的播放质量。一、测试原则一般情况下，动画测试要遵循以下4点原则：（1）测试要全面。一个极小的错误也可能会导致动画不能正常播放，因此，要对动画的任何部分进行测试。（2）要经常测试。不要等动画完成之后才进行测试，而应在动画的制作过程中经常测试，从而及时发现错误并改正，提高工作效率。第一节 动画的测试第11章 Fl

2、ash动画的后期处理 （3）集思广益。请他人帮忙测试动画，并采纳好的建议。（4）按计划测试。在测试时，可根据最初动画设计的思想进行分段测试，然后测试段与段之间的衔接，最后再进行整体测试。二、测试方式对Flash动画的测试，可以在编辑环境中进行也可以在编辑环境外模拟网络条件进行，下面分别进行介绍。1在编辑环境中测试在编辑环境中测试指直接在工作区中进行测试，它虽然不是用户首选的测试环境，但却能够快速地进行一些简单的测试。第11章 Flash动画的后期处理 （1）测试按钮状态。用户可以选择“控制”“启用简单按钮”命令来测试按钮的状态，如图11.1.1所示。（2）测试声音。在编辑环境中，也可以对声音进

3、行测试，以了解声音与文本的同步情况，操作步骤如下： 1）选择“窗口”“工具栏”“控制器”命令，打开“控制器”面板，如图11.1.2所示。 2）在时间轴面板中，将鼠标指针置于要测试声音的起始位置，然后单击控制器面板中的“播放”按钮和“停止”按钮等，即可了解声音与文本等动画元素的同步情况。第11章 Flash动画的后期处理 图11.1.1 测试按钮状态图11.1.2 控制器面板第11章 Flash动画的后期处理 技巧：还有一种简单的方式，就是将鼠标指针置于要测试声音的起始位置，然后按Enter键直接测试，当需要停止时，只须用鼠标单击时间轴面板的其他位置即可。（3）测试帧动作。在编辑环境中，用户还可

4、以测试简单的帧动作，如goto，play和stop等，操作步骤如下： 1）选择“控制”“启用简单帧动作”命令。 2）在时间轴面板中，将鼠标指针置于添加了简单动作的帧上。 3）按Enter键或单击控制器面板中的“播放”按钮，查看添加的帧动作是否有预期效果。第11章 Flash动画的后期处理 （4）测试时间轴动画。当制作完成逐帧动画或补间动画之后，可以按Enter键，在编辑场景中进行播放，以及时测试动画是否流畅。2在编辑环境外测试有些动画元素是不能在工作区中进行测试的，如影片剪辑、播放速度、动画下载以及除goto，stop和play之外的动作等，要对它们进行测试，需要选择“控制”“测试影片”命令。

5、在编辑环境外进行测试时，用户还可以模拟网络条件对动画的下载性能进行测试，操作步骤如下：第11章 Flash动画的后期处理 （1）选择“控制”“测试影片”或“测试场景”命令，将当前动画或场景输出为.swf格式的文件，并在测试窗口中打开并播放，测试窗口如图11.1.3所示。 （2）从“视图”“下载设置”命令下的子命令中选择调制解调器的速度，以决定Flash的模拟下载速度，如图11.1.4所示。 图11.1.3 在测试窗口中播放动画 图11.1.4 选择下载速度 第11章 Flash动画的后期处理 （3）选择“视图”“带宽设置”命令，打开带宽视图查看动画的下载性能，如图11.1.5所示。在传输数据图

6、中，每个交错的浅色和深色的方块表示动画的一个帧。方块的大小表示该帧所含数据量的多少。若方块超出了红线，表示该帧中的数据量超出了一般限制，则动画必然会在此停留等待数据的下载。在流式传输模式下，播放指针的移动表示当前帧的载入。（4）单击右侧图表中的色块（即某帧），使动画停留在该帧处，图表左侧的数据表示该帧的下载性能，包括动画的尺寸、帧速率、文件容量、播放时间和预载时间等。（5）选择“视图”“帧数图表”命令，使每帧单独显示，以便于查看每帧的数据大小，如图11.1.6所示。 第11章 Flash动画的后期处理 （6）关闭测试窗口，返回到创作环境。图11.1.5 带宽视图 图11.1.6 帧数图表 第1

7、1章 Flash动画的后期处理 优化也是一个非常重要的部分，在优化过程中，Flash将自动检测动画中是否存在重复的形状，如果有，则仅导出一次该形状。除此之外，用户还可以对动画进行以下几种优化操作，从而缩小动画文件，减少动画的下载时间。（1）将多次出现在动画中的元素转换为元件。（2）嵌入字体将增加文件的大小，只有在必须时才考虑使用。（3）在可以实现同样效果的情况下，使用渐变动画代替逐帧动画。第二节 动画的优化第11章 Flash动画的后期处理 （4）限制字体和字体样式的数量。（5）减少文本中使用的字体和样式。（6）推荐使用MP3格式的声音。（7）避免用位图制作动画，通常将位图设为背景图像或者静止

8、元素。（8）将动画中变化与不变化的元素放在不同的层中。（9）尽可能地组合元素。第11章 Flash动画的后期处理 当Flash动画制作完成之后，需要将其发布为一个独立的产品，以供他人欣赏。一、发布设置在发布之前，用户可以使用如图11.3.1所示的“发布设置”对话框设置发布选项，即在“格式”选项卡的“类型”选项区中选择一种或多种发布格式。当一些格式被选择后，在对话框中会显示相应的选项卡，例如若选中“GIF图像”复选框，对话框会显示“GIF”选项卡用来设置GIF格式文件的参数，如图11.3.2所示。 第三节 动画的发布第11章 Flash动画的后期处理 图11.3.1 “发布设置”对话框 图11.

9、3.2 “GIF”选项卡 第11章 Flash动画的后期处理 用户可以将Flash动画发布为多种文件格式，下面介绍它们的参数设置。1Flash参数设置以swf格式发布的产品，可以保留Flash所有的动画功能，因此创建扩展名为.swf的文件是发布Flash动画的最佳途径。单击“Flash”标签，可以打开如图11.3.3所示的“Flash”选项卡，进行Flash文件的参数设置。（1）版本：设置发布的Flash动画的版本。（2）加载顺序：设置第1帧所在层的下载方式。（3）ActionScript版本：设置动作脚本的版本。第11章 Flash动画的后期处理 （4）生成大小报告：选中该复选框，会生成一个

10、记录最终输出动画各部分大小的文件，如图11.3.4所示为“网站片头”实例生成的动画大小报告。图11.3.3 “Flash”选项卡 图11.3.4 “网站片头”文件大小报告 第11章 Flash动画的后期处理 （5）防止导入：选中该复选框，可以防止发布的动画文件被别人下载到Flash程序中进行编辑。（6）省略trace动作：选中该复选框，将从导出的Flash动画中删除跟踪作用，防止别人偷窥用户的源代码。（7）允许调试：选中该复选框，将允许在播放导出的Flash动画时运行调试器进行调试。（8）压缩影片：选中该复选框，将压缩SWF文件以减小文件大小来缩短下载时间。（9）针对Flash Player

11、6 r65优化：选中该复选框，可以对版本进行更新。第11章 Flash动画的后期处理 （10）密码：设置密码保护。（11）JPEG品质：用于将所有位图保存为JPEG压缩文件并设置压缩率。（12）音频流：设置输出流式音频的压缩格式和传输速度。（13）音频事件：设置输出音频事件的压缩格式和传输速率。2GIF参数设置GIF是Internet上最流行的图形格式，标准的GIF文件是简单的压缩位图。单击标签，可以打开如图11.3.2所示的“GIF”选项卡，进行GIF文件的参数设置。第11章 Flash动画的后期处理 （1）尺寸：设置所创建GIF文件的宽度和高度。（2）匹配影片：选中该复选框，将使文本框不起

12、作用。（3）回放：设置导出的GIF是静态的还是动态的。（4）优化颜色：选中该复选框，将删除GIF颜色表中所有未用过的颜色。（5）抖动纯色：选中该复选框，将对图片中的色块进行抖动处理，以防止出现色带不均匀的现象。（6）交错：选中该复选框，则GIF文件在用户下载过程中以交错方式显示。（7）删除渐变：选中该复选框，将所有的渐变转换为与渐变的第1种颜色相同的纯色。第11章 Flash动画的后期处理 （8）平滑：选中该复选框，对导出的GIF文件使用消除锯齿功能。（9）透明：设置是否使GIF动画的背景透明。（10）抖动：设置是否通过混合已有的颜色来模拟当前调色板中没有的颜色。（11）调色板类型：用于设置调

13、色板的类型。（12）最多颜色：如果设置调色板的类型为“最适合”或“接近Web最适色”，将激活该选项，用户可以在其文本框中设置所创建颜色的最大数量。（13）调色板：如果设置调色板的类型为“自定义”，将激活该选项，用户可以在其文本框中输入自定义调色板的路径。第11章 Flash动画的后期处理 3HTML参数设置在Web浏览器中播放Flash时，需要一个能激活SWF文件并指定了浏览器设置的HTML文档。单击“HTML”标签，可以打开如图11.3.5所示的“HTML”选项卡，进行HTML文件的参数设置。（1）模板：设置要使用的模板。（2）信息：单击该按钮，将弹出“HTML模板信息”对话框，显示对选定模

14、板的说明，如图11.3.6所示。（3）检测Flash版本：选中该复选框，可以检测用户所用Flash Player的版本。第11章 Flash动画的后期处理 图11.3.5 “HTML”选项卡 图11.3.6 “HTML模板信息”对话框 第11章 Flash动画的后期处理 （4）版本：用于显示Flash版本的检测结果。（5）：用于设置所创建HTML文件的宽度和高度。（6）开始时暂停：选中该复选框，在发布后将暂停播放SWF文件。（7）显示菜单：选中该复选框，在用户用鼠标右键单击SWF文件时会显示一个快捷菜单。（8）循环：选中该复选框，当Flash播放到最后一帧时再从头开始播放。（9）设备字体：选中

15、该复选框，将用消除锯齿的系统字体替换用户系统尚未安装的字体。（10）品质：设置动画的播放质量。第11章 Flash动画的后期处理 （11）窗口模式：设置显示动画的窗口模式。（12）HTML对齐：设置动画在网页中的位置。（13）缩放：设置动画的缩放方式。（14）Flash对齐：设置动画的对齐方式。（15）显示警告消息：选中该复选框，可在标记设置发生冲突时显示错误消息。 4JPEG参数设置JPEG和GIF的主要区别在于JPEG格式的文件不能作为具有动画效果的图形导出，并且，它还不能很好地导出只有极少颜色的图像。单击“JPEG”标签，可以打开如图11.3.7所示的“JPEG”选项卡，进行JPEG文件

16、的参数设置。第11章 Flash动画的后期处理 （1）尺寸：设置所创建JPEG文件的宽度和高度。（2）匹配影片：选中该复选框，将使文本框不起作用。（3）品质：设置导出的JPEG文件的压缩量。（4）渐进：选中该复选框，当下载JPEG文件时，可以逐渐清晰地显示JPEG图像。 5PNG参数设置PNG较GIF格式有着众多的优点，尤其在压缩性能、颜色容量和透明度方面更是如此。单击“PNG”标签，可以打开如图11.3.8所示的“PNG”选项卡，进行PNG文件的参数设置。第11章 Flash动画的后期处理 图11.3.7 “JPEG”选项卡 图11.3.8 “PNG”选项卡第11章 Flash动画的后期处理

17、 （1）尺寸：设置所创建PNG文件的宽度和高度。（2）匹配影片：选中该复选框，将使文本框不起作用。（3）位深度：设置导出图像中颜色的数量。（4）优化颜色：选中该复选框，将删除PNG颜色表中所有未用过的颜色。（5）抖动纯色：选中该复选框，对图片中的色块进行抖动处理，防止出现色带不均匀的现象。（6）交错：选中该复选框，则PNG文件在用户下载过程中以交错方式显示。（7）删除渐变：选中该复选框，将渐变色转换为某一种颜色。第11章 Flash动画的后期处理 （8）平滑：选中该复选框，对导出的PNG文件使用消除锯齿功能。（9）抖动：设置是否通过混合已有的颜色来模拟当前调色板中没有的颜色。（10）调色板类型

18、：用于设置调色板的类型。（11）最多颜色：如果设置调色板的类型为“最适合”或“接近Web最适色”，将激活该选项，用户可以在其文本框中设置所创建颜色的最大数量。（12）调色板：如果设置调色板的类型为“自定义”，将激活该选项，用户可以在其文本框中输入自定义调色板的路径。第11章 Flash动画的后期处理 （13）过滤器选项：设置在压缩过程中，以何种方式压缩PNG图像。 6QuickTime参数设置使用QuickTime发布动画可以创建QuickTime格式的影片。单击“QuickTime”标签，可以打开如图11.3.9所示的“QuickTime”选项卡，在其中可进行QuickTime文件的参数设置

19、。（1）尺寸：设置所创建QuickTime文件的宽度和高度。（2）匹配影片：选中该复选框，将使文本框不起作用。（3）Alpha：设置QuickTime文件的透明模式。（4）图层：设置Flash动画在QuickTime影片中的位置。（5）声音流：设置是否按照标准的QuickTime设置压缩音频。第11章 Flash动画的后期处理 图11.3.9 “QuickTime”选项卡第11章 Flash动画的后期处理 （6）控制栏：设置播放QuickTime影片控制器的类型。（7）回放：设置QuickTime影片的播放方式。（8）文件：设置是否将Flash动画与导入的视频结合为一个新的QuickTime影

20、片。二、发布预览在发布之前，用户还可以预览动画效果，操作步骤如下：（1）在“发布设置”对话框中设置发布参数。（2）选择“文件”“发布设置”命令的子命令，以相应格式预览发布效果，如图11.3.10所示为以HTML格式预览发布效果。第11章 Flash动画的后期处理 图11.3.10 以HTML格式预览发布效果第11章 Flash动画的后期处理 三、发布用户可以选择“文件”“发布”命令或者单击“发布设置”对话框中的“发布”按钮发布Flash动画，如图11.3.11所示。 第11章 Flash动画的后期处理 选择“发布”命令 使用“发布”按钮图11.3.11 发布Flash动画第11章 Flash动

21、画的后期处理 无论采用何种方法，在发布过程中，系统都会弹出“正在发布”对话框，显示发布的进度，如图11.3.12所示。图11.3.12 “正在发布”对话框第11章 Flash动画的后期处理 Flash动画的导出有“导出影片”和“导出图像”两种方式，用户可根据自己的需要选择导出方式，下面具体介绍动画的导出。一、以影片方式导出以影片方式导出Flash动画的操作步骤如下：（1）打开Flash动画的源文件，如图11.4.1所示。（2）选择“文件”“导出”“导出影片”命令，弹出“导出影片”对话框，如图11.4.2所示。（3）在“文件名”下拉列表框中输入文件名称，在“保存类型”下拉列表中选择文件的保存类型

22、。第四节 动画的导出第11章 Flash动画的后期处理 （4）单击“保存”按钮以影片方式导出Flash动画。图11.4.1 Flash动画的源文件 图11.4.2 “导出影片”对话框 第11章 Flash动画的后期处理 二、以图像方式导出以图像方式导出Flash动画的操作步骤如下：（1）打开Flash动画的源文件，选中要导出的帧或图像，如图11.4.3所示。（2）选择“文件”“导出”“导出图像”命令，弹出“导出图像”对话框，如图11.4.4所示。（3）在“文件名”下拉列表框中输入文件名称，在“保存类型”下拉列表中选择文件的保存类型。（4）单击“保存”按钮以图像方式导出Flash动画。 第11章 Flash动画的后期处理 图11.4.3 选中要导出的帧 图11.4.4 “导出图像”对话框注意：以“导出影片”方式导出Flash动画产生的是一个完整的动画作品，而以“导出图