第11章动画制作课件

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

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

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

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

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

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

7、章 Flash动画的后期处理 （6）关闭测试窗口，返回到创作环境。 图11.1.5 带宽视图 图11.1.6 帧数图表 第11章 Flash动画的后期处理 优化也是一个非常重要的部分，在优化过程中，Flash将 自动检测动画中是否存在重复的形状，如果有，则仅导出一 次该形状。除此之外，用户还可以对动画进行以下几种优化 操作，从而缩小动画文件，减少动画的下载时间。 （1）将多次出现在动画中的元素转换为元件。 （2）嵌入字体将增加文件的大小，只有在必须时才考 虑使用。 （3）在可以实现同样效果的情况下，使用渐变动画代 替逐帧动画。 第二节 动画的优化 第11章 Flash动画的后期处理 （4）限制

8、字体和字体样式的数量。 （5）减少文本中使用的字体和样式。 （6）推荐使用MP3格式的声音。 （7）避免用位图制作动画，通常将位图设为背景图像 或者静止元素。 （8）将动画中变化与不变化的元素放在不同的层中。 （9）尽可能地组合元素。 第11章 Flash动画的后期处理 当Flash动画制作完成之后，需要将其发布为一个独立的 产品，以供他人欣赏。 一、发布设置 在发布之前，用户可以使用如图11.3.1所示的“发布设 置”对话框设置发布选项，即在“格式”选项卡的“类型” 选项区中选择一种或多种发布格式。当一些格式被选择后， 在对话框中会显示相应的选项卡，例如若选中“GIF图像” 复选框，对话框会

9、显示“GIF”选项卡用来设置GIF格式文件 的参数，如图11.3.2所示。 第三节 动画的发布 第11章 Flash动画的后期处理 图11.3.1 “发布设置”对话框 图11.3.2 “GIF”选项卡 第11章 Flash动画的后期处理 用户可以将Flash动画发布为多种文件格式，下面介绍它 们的参数设置。 1Flash参数设置 以swf格式发布的产品，可以保留Flash所有的动画功能， 因此创建扩展名为.swf的文件是发布Flash动画的最佳途径。 单击“Flash”标签，可以打开如图11.3.3所示的“Flash”选项 卡，进行Flash文件的参数设置。 （1）版本：设置发布的Flash动

10、画的版本。 （2）加载顺序：设置第1帧所在层的下载方式。 （3）ActionScript版本：设置动作脚本的版本。 第11章 Flash动画的后期处理 （4）生成大小报告：选中该复选框，会生成一个记录 最终输出动画各部分大小的文件，如图11.3.4所示为“网站 片头”实例生成的动画大小报告。 图11.3.3 “Flash”选项卡 图11.3.4 “网站片头”文件大小报告 第11章 Flash动画的后期处理 （5）防止导入：选中该复选框，可以防止发布的动画 文件被别人下载到Flash程序中进行编辑。 （6）省略trace动作：选中该复选框，将从导出的Flash 动画中删除跟踪作用，防止别人偷窥用

11、户的源代码。 （7）允许调试：选中该复选框，将允许在播放导出的 Flash动画时运行调试器进行调试。 （8）压缩影片：选中该复选框，将压缩SWF文件以减 小文件大小来缩短下载时间。 （9）针对Flash Player 6 r65优化：选中该复选框，可以 对版本进行更新。 第11章 Flash动画的后期处理 （10）密码：设置密码保护。 （11）JPEG品质：用于将所有位图保存为JPEG压缩文件并设 置压缩率。 （12）音频流：设置输出流式音频的压缩格式和传输速度。 （13）音频事件：设置输出音频事件的压缩格式和传输速率。 2GIF参数设置 GIF是Internet上最流行的图形格式，标准的GI

12、F文件是简单的 压缩位图。单击标签，可以打开如图11.3.2所示的“GIF”选项卡， 进行GIF文件的参数设置。 第11章 Flash动画的后期处理 （1）尺寸：设置所创建GIF文件的宽度和高度。 （2）匹配影片：选中该复选框，将使文本框不起作用。 （3）回放：设置导出的GIF是静态的还是动态的。 （4）优化颜色：选中该复选框，将删除GIF颜色表中所有 未用过的颜色。 （5）抖动纯色：选中该复选框，将对图片中的色块进行 抖动处理，以防止出现色带不均匀的现象。 （6）交错：选中该复选框，则GIF文件在用户下载过程中 以交错方式显示。 （7）删除渐变：选中该复选框，将所有的渐变转换为与 渐变的第1

13、种颜色相同的纯色。 第11章 Flash动画的后期处理 （8）平滑：选中该复选框，对导出的GIF文件使用消除锯 齿功能。 （9）透明：设置是否使GIF动画的背景透明。 （10）抖动：设置是否通过混合已有的颜色来模拟当前调色 板中没有的颜色。 （11）调色板类型：用于设置调色板的类型。 （12）最多颜色：如果设置调色板的类型为“最适合”或 “接近Web最适色”，将激活该选项，用户可以在其文本框中设 置所创建颜色的最大数量。 （13）调色板：如果设置调色板的类型为“自定义”，将激 活该选项，用户可以在其文本框中输入自定义调色板的路径。 第11章 Flash动画的后期处理 3HTML参数设置 在We

14、b浏览器中播放Flash时，需要一个能激活SWF文件 并指定了浏览器设置的HTML文档。单击“HTML”标签，可 以打开如图11.3.5所示的“HTML”选项卡，进行HTML文件 的参数设置。 （1）模板：设置要使用的模板。 （2）信息：单击该按钮，将弹出“HTML模板信息”对 话框，显示对选定模板的说明，如图11.3.6所示。 （3）检测Flash版本：选中该复选框，可以检测用户所 用Flash Player的版本。 第11章 Flash动画的后期处理 图11.3.5 “HTML”选项卡 图11.3.6 “HTML模板信息”对话框 第11章 Flash动画的后期处理 （4）版本：用于显示Fl

15、ash版本的检测结果。 （5）：用于设置所创建HTML文件的宽度和高度。 （6）开始时暂停：选中该复选框，在发布后将暂停播 放SWF文件。 （7）显示菜单：选中该复选框，在用户用鼠标右键单 击SWF文件时会显示一个快捷菜单。 （8）循环：选中该复选框，当Flash播放到最后一帧时 再从头开始播放。 （9）设备字体：选中该复选框，将用消除锯齿的系统 字体替换用户系统尚未安装的字体。 （10）品质：设置动画的播放质量。 第11章 Flash动画的后期处理 （11）窗口模式：设置显示动画的窗口模式。 （12）HTML对齐：设置动画在网页中的位置。 （13）缩放：设置动画的缩放方式。 （14）Flas

16、h对齐：设置动画的对齐方式。 （15）显示警告消息：选中该复选框，可在标记设置发 生冲突时显示错误消息。 4JPEG参数设置 JPEG和GIF的主要区别在于JPEG格式的文件不能作为具 有动画效果的图形导出，并且，它还不能很好地导出只有极 少颜色的图像。单击“JPEG”标签，可以打开如图11.3.7所示 的“JPEG”选项卡，进行JPEG文件的参数设置。 第11章 Flash动画的后期处理 （1）尺寸：设置所创建JPEG文件的宽度和高度。 （2）匹配影片：选中该复选框，将使文本框不起作用。 （3）品质：设置导出的JPEG文件的压缩量。 （4）渐进：选中该复选框，当下载JPEG文件时，可以逐 渐

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

18、该复选框，对图片中的色块进行抖 动处理，防止出现色带不均匀的现象。 （6）交错：选中该复选框，则PNG文件在用户下载过程 中以交错方式显示。 （7）删除渐变：选中该复选框，将渐变色转换为某一种 颜色。 第11章 Flash动画的后期处理 （8）平滑：选中该复选框，对导出的PNG文件使用消除锯 齿功能。 （9）抖动：设置是否通过混合已有的颜色来模拟当前调色 板中没有的颜色。 （10）调色板类型：用于设置调色板的类型。 （11）最多颜色：如果设置调色板的类型为“最适合”或 “接近Web最适色”，将激活该选项，用户可以在其文本框中设 置所创建颜色的最大数量。 （12）调色板：如果设置调色板的类型为“

19、自定义”，将激 活该选项，用户可以在其文本框中输入自定义调色板的路径。 第11章 Flash动画的后期处理 （13）过滤器选项：设置在压缩过程中，以何种方式压缩 PNG图像。 6QuickTime参数设置 使用QuickTime发布动画可以创建QuickTime格式的影片。单 击“QuickTime”标签，可以打开如图11.3.9所示的“QuickTime” 选项卡，在其中可进行QuickTime文件的参数设置。 （1）尺寸：设置所创建QuickTime文件的宽度和高度。 （2）匹配影片：选中该复选框，将使文本框不起作用。 （3）Alpha：设置QuickTime文件的透明模式。 （4）图层：

20、设置Flash动画在QuickTime影片中的位置。 （5）声音流：设置是否按照标准的QuickTime设置压缩音频。 第11章 Flash动画的后期处理 图11.3.9 “QuickTime”选项卡 第11章 Flash动画的后期处理 （6）控制栏：设置播放QuickTime影片控制器的类型。 （7）回放：设置QuickTime影片的播放方式。 （8）文件：设置是否将Flash动画与导入的视频结合为一个 新的QuickTime影片。 二、发布预览 在发布之前，用户还可以预览动画效果，操作步骤如下： （1）在“发布设置”对话框中设置发布参数。 （2）选择“文件”“发布设置”命令的子命令，以相应

21、格 式预览发布效果，如图11.3.10所示为以HTML格式预览发布效果。 第11章 Flash动画的后期处理 图11.3.10 以HTML格式预览发布效果 第11章 Flash动画的后期处理 三、发布 用户可以选择“文件”“发布”命令或者单击“发布 设置”对话框中的“发布”按钮发布Flash动画，如图11.3.11 所示。 第11章 Flash动画的后期处理 选择“发布”命令 使用“发布”按钮 图11.3.11 发布Flash动画 第11章 Flash动画的后期处理 无论采用何种方法，在发布过程中，系统都会弹出“正 在发布”对话框，显示发布的进度，如图11.3.12所示。 图11.3.12 “

22、正在发布”对话框 第11章 Flash动画的后期处理 Flash动画的导出有“导出影片”和“导出图像”两种方 式，用户可根据自己的需要选择导出方式，下面具体介绍动 画的导出。 一、以影片方式导出 以影片方式导出Flash动画的操作步骤如下： （1）打开Flash动画的源文件，如图11.4.1所示。 （2）选择“文件”“导出”“导出影片”命令，弹出 “导出影片”对话框，如图11.4.2所示。 （3）在“文件名”下拉列表框中输入文件名称，在 “保存类型”下拉列表中选择文件的保存类型。 第四节 动画的导出 第11章 Flash动画的后期处理 （4）单击“保存”按钮以影片方式导出Flash动画。 图1

23、1.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动画产生的是一个完 整的动画作品，而以“导出图像”