模块18 动画的测试与发布.doc

工作情境一 测试“波光粼粼”动画 （一）工作情境描述与效果 原始文件：flash\模块18素材\原始文件\波光粼粼 最终文件：flash\模块18素材\最终文件\波光粼粼 工作情境描述 在Flash中，通过测试“波光粼粼”动画，可以将影片完整地播放一次，通过直观地观看影片的效果，来检测动画是否达到了设计的要求。具体分析如表18-1所示： 表 18-1 测试“波光粼粼”动画工作任务分析表 知识点 功能 实现效果 测试影片：掌握影片测试的基本方法及快捷键使用 动画测试的重要手段 动画下载性能测试：图形化方式检测Flash的下载性能 将动画中每帧的传输数据以图形方式显示，便于用户查看设置 工作情境效果 波光粼粼动画的最终效果如图18-7所示。 （二）工作情境详解 (1) 选择【控制】→【测试影片】菜单命令，或按【Ctrl+Enter】组合键，如图18-8所示，打开影片测试界面，这个测试界面包括动画播放窗口和带宽特性显示窗口两个部分。 (2) 在影片测试界面中选择【视图】→【带宽设置】菜单命令，如图18-9所示，弹出的带宽显示图，如图18-10所示，该显示图用来查看动画的下载性能。 (3) 测试完后关闭测试窗口，返回编辑窗口。 工作情境二 将影片发布为GIF动画 （一）工作情境描述与效果 原始文件：flash\模块18素材\原始文件\分离Flash 最终文件：flash\模块18素材\最终文件\分离Flash 工作情境描述 在Flash中，了解发布GIF动画的相关参数，下面将通过实例来巩固理论知识并将其熟练运用。具体分析如表18-2所示： 表 18-2 分离Flash动画工作任务分析表 知识点 功能 实现效果 发布动画：通过对GIF动画的发布设置，了解动画发布的一些通用参数设置 一种常用的动画发布类型 参数设置：更改参数设置，将直接影响发布文件的质量、体积 详细了解参数设置，掌握发布文件的大小、体积、质量 工作情境效果 分离Flash动画的最终效果如图18-11所示。 （二）工作情境详解 (1) 选择【控制】→【发布设置】菜单命令，或按【Ctrl+Shift+F12】组合键，如图18-12所示，打开发布设置界面，这个此对话框中，勾选【GIF图像】复选框，单击该复选框后的【选择发布目标】按钮。 (2) 在打开的【选择发布目标】对话框中选择发布文件的保存路径和名称，然后单击【保存】按钮。如图18-13所示。 (3) 在【发布设置】对话框中选择【GIF】选项卡，在此选项卡中进行相关的参数设置，需要注意的是，此处的参数更改，将直接影响到发布文件的质量、体积。例如在回放中，选中【静态】单选按钮将输入单帧的GIF图像，所有的动画效果都将消失；而选中【动态】按钮时，则将输入动态的多帧GIF动画。如图18-14所示。 工作情境三 优化“光芒”动画 （一）工作情境描述与效果 原始文件：flash\模块18素材\原始文件\光芒 最终文件：flash\模块18素材\最终文件\光芒 工作情境描述 在Flash中，通过对动画中的线条、颜色等参数的优化，使导出的动画体积更小，下载速度更快。具体分析如表18-3所示： 表 18-3 优化“光芒”动画工作任务分析表 知识点 功能 实现效果 优化线条：Flash中为动画优化提供的一种技术手段 优化动画的重要手段 优化颜色：使用元件的“属性”颜色，使其达到一个元件具有多个颜色的不同属性。 优化动画的重要手段 工作情境效果 优化“光芒”动画的最终效果如图18-15所示。 （二）工作情境详解 (1) 选择【修改】→【形状】→【优化】命令，打开【优化曲线】对话框，如图18-16所示。在其优化强度中，根据实际情况，进行参数调整，以达到曲线优化的作用。 (2) 在元件的【属性】面板中，使用【色彩效果】中的【色调】命令，创建一个元件具有不同颜色属性的多个实例。如图18-17所示。 (3) 通过对动画中的线条、颜色等参数的优化，使得导出的动画文件体积更小，下载速度更快。 模块小结 仅仅掌握了Flash动画的制作还不够，若需要将自己的作品上传到网上供大家观看，就需要掌握如何导出并发布Flash动画，在发布之前还需要学会对Flash动画进行优化。这样才可以使作品在网络中播放得流畅自如，提高点击率。 优化动画：可使动画文件更小，下载的速度更快。 导出动画：便于观赏者观看。 发布动画：让动画保留到指定的位置中供人观看。 模块训练 1．对制作好的动画，进行影片优化、测试下载性能，并将其发布为Flash文件格式。 2．按照本章阐述的方法，分别将一个动画文件输出为GIF的单帧文件和GIF的动画文件。如图18-18所示。 8 FLASH CS4中文版模块教程 9 模块18 动画的测试与发布 图18-7 波光粼粼最终效果