1、第8章 Flash动画的测试与发布,在制作Flash 动画时，使用测试动画或测试场景功能可以随时查看动画播放时的效果。如果动画的播放不是那么顺利，还可以通过相关功能对影片进行优化操作。此外还可以根据需要将Flash 文件发布为其它格式的文件。通过本章的学习，读者应掌握Flash 动画的测试与发布的方法。本章内容包括： Flash 动画的测试 优化影片 Flash 动画的发布 导出Flash 动画,本章重点,通过Flash 动画的测试功能可以测试部分动画、特定场景、整体动画等效果，以便对所做的动画随时预览，确保动画的质量和正确性。,8.1 Flash动画的测试,8.1.1 测试影片,在制作完Fl
2、ash 动画后，可以使用“测试”命令查看整个动画播放时的效果。测试影片的具体操作步骤如下。 1）打开配套光盘中的“素材及结果 测试影片.fla”文件。 2）执行菜单中的“控制| 测试影片| 测试”命令，即可测试影片。,8.1.2 测试场景,在制作Flash 动画的过程中，可以根据需要创建多个场景，或是在一个场景中创建多个影片剪辑的动画效果。此时可以使用“测试场景”命令对当前的场景或元件进行测试。测试场景的具体操作步骤如下。 1）打开配套光盘中的“素材及结果 测试场景.fla”文件。 2）选择要进行预览的场景（此时选择的是“字幕”），如图8-1 所示。 3）执行菜单中的“控制| 测试场景”命令，
3、即可测试“字幕” 场景。,图8-1 “位图属性”对话框,由于全球的用户使用的网络传输速度不同，可能一些用户使用的是宽带、而一些用户却还在使用拨号上网。在这种情况下，如果制作的动画文件较大，常常会让那些网速不是很快的用户失去耐心，因此在不影响动画播放质量的前提下尽可能的优化动画文件是十分必要的。优化Flash 动画文件可以分为在制作静态元素时进行优化，在制作动画时进行优化，在导入音乐时进行优化3 个方面。,8.2 优化动画文件,1. 在制作静态元素时进行优化,（1）多使用元件 重复使用元件并不会使动画文件明显增大，因此对于在动画中反复使用的对象，应将其转换为元件，然后重复使用该元件即可。 （2）
4、多采用实线线条 虚线线条（比如点状线、斑马线）相对于实线的线条复杂，因此应较少虚线线条的数量， 而多采用构图最简单的实线线条。 （3）优化线条 矢量图形越复杂，CPU 运算起来就越费力，因此在制作矢量图形后可以通过执行菜单中的“修改| 形状| 优化”命令，将矢量图形中必要的线条删除，从而减小文件大小。 （4）导入尽可能小的位图图像 Flash CS5 提供了JPEG、GIF 和PNG 3 种位图压缩格式。在Flash 中压缩位图的方法有两种：一是在属性面板中设置位图压缩格式；二是在发布时设置位图压缩格式。,在属性面板中设置位图压缩格式 在属性面板中进行设置的具体步骤如下： 1）执行菜单中的“窗
5、口| 库”命令，调出库面板。 2）右键单击要压缩的位图，在弹出的快捷菜单中选择“属性”命令，弹出图8-2 所示的“位图属性”对话框。在该对话框中显示了当前位图的格式以及可压缩的格式，此时该图为.bmp 格式，压缩为“照片（JPEG）”。如果单击“自定义”，还可以对其压缩品质进行具体设置， 如图8-3 所示。,图8-2 “位图属性”对话框,图8-3 对其压缩品质进行具体设置,3）如果选择压缩为“无损（PNG/GIF）”，则可对位图压缩。图8-4 为对原图进行95% 的压缩。,图8-4 对原图进行20% 的压缩,在发布时设置位图压缩格式 在发布时进行设置的具体步骤如下： 1）执行菜单中的“文件|
6、发布设置”命令。 2）在弹出的对话框中选择“Flash”选项卡，如图8-5 所示。然后选中“压缩影片”复选框， 在“JPEG 品质”文本框中填上相应的数值，单击“确定”或“发布”按钮即可。,图8-5 选择“Flash”选项卡,（5）限制字体和字体样式的数量 使用的字体种类越多，动画文件就越大，因此应尽量不要使用太多的不同字体，而尽可能使用Flash 内定的字体。,（1）多采用补间动画 由于Flash 动画文件的大小与帧的多少成正比，因此应尽量以补间动画的方式产生动画效果，而少用逐帧方式生成动画。 （2）多用矢量图形 由于Flash 并不擅长处理位图图像的动画，通常只用于静态元素和背景图，而矢量
7、图形可以任意缩放而不影响Flash 的画质，因此在生成动画时应多用矢量图形。 （3）尽量缩小动作区域 动作区域越大，Flash 动画文件就越大，因此应限制每个关键帧中发生变化的区域，使动画发生在尽可能小的区域内。 （4）尽量避免在同一时间内多个元素同时产生动画 由于在同一时间内多个元素同时产生动画会直接影响到动画的流畅播放，因此应尽量避免在同一时间内多个元素同时产生动画。同时还应将产生动画的元素安排在各自专属的图层中，以便加快Flash 动画的处理过程。,2. 在制作动画时进行优化,（5）制作小电影 为减小文件，可以将Flash 中的电影尺寸设置的小一些，然后将其在发布为HTML 格式时进行放
8、大。下面举例说明一下，具体操作步骤如下： 1）在Flash CS5 中创建一个400300 像素的载入条动画，然后将其发布为SWF 电影， 如图8-6 所示。,图8-6 发布为SWF 电影,2）执行菜单中的“文件| 发布设置”命令，在弹出的“发布设置”对话框中选择“HTML” 选项卡，然后将“尺寸”设为“像素”，大小设为800600 像素，如图8-7 所示，单击“发布”按钮，将其进行发布为HTML 格式。接着打开发布后的HTML，可以看到在网页中的电影尺寸放大了，而画质却丝毫无损，如图8-8 所示。,图8-7 设置文件尺寸,图8-8 放大文件尺寸后的画面效果,Flash 支持的声音格式有波形音
9、频格式WAV 和MP3，不支持WMA、MIDI 音乐格式。WAV 格式的音频品质比较好，但相对于MP3 格式比较大，因此建议多使用MP3 的格式。在Flash CS5 中可以将WAV 转换为MP3，具体操作步骤如下： 1）右键单击“库”面板中要转换格式的.WAV 文件。 2）在弹出的快捷菜单中选择“属性”命令，然后在弹出的“声音属性”对话框中设置“压缩”为“MP3”，如图8-9 所示，单击“确定”按钮即可。,3. 在导入音乐时进行优化,图8-9 设置“压缩”为“MP3”,在制作好Flash 动画后，可以根据需要将其发布为不同的格式， 以实现动画的制作目的和价值。Flash 的发布操作通常是在“
10、文件” 菜单中完成的，Flash 的文件菜单中包括“发布设置”、“发布预览” 和“发布”3 个关于发布的命令，如图8-10 所示。,8.3 Flash动画的发布,图8-10 发布菜单命令,8.3.1 发布设置,Flash CS5 默认发布的动画文件为.swf 格式，具体发布步骤如下： 1）执行菜单中的“文件| 发布设置”命令，在弹出的对话框中选择“格式”选项卡， 然后选中“Flash（.swf）”复选框，如图8-11 所示。 2）选择“Flash”选项卡，如图8-12 所示。其参数含义如下：,图8-11 选中“Flash（.swf）”复选框,图8-12 选中“Flash（.swf）”复选框,播
11、放器：用于设置输出的动画可以在哪种浏览器上进行播放。版本越低，浏览器对其的兼容性越强，但低版本无法容纳高版本的Flash 技术，播放时会失掉高版本技术创建的部分。版本越高，Flash 技术越多，但低版本的浏览器无法支持其播放。因此要根据需要选择适合的版本。 脚本：与前面的“播放器”相关联，高版本的动画必须搭配高版本的脚本程序，否则高版本动画中的很多新技术无法实现。它有“动作脚本1.0”、“动作脚本2.0”和“动作脚本3.0”两个选项可供选择。 音频流：是指声音只要前面几帧有足够的数据被下载就可以开始播放了，它与网上播放动画的时间线是同步的。可以通过单击其右侧的“设置”按钮，来设置音频流的压缩方
12、式。 音频事件：是指声音必须完全下载后才能开始播放或持续播放。可以通过单击其右侧的“设置”按钮，来设置音频事件的压缩方式。 SWF 设置：常用的有“压缩影片”功能，它与上面的“JPEG 品质”相结合，用于控制动画的压缩比。,高级：常用的有“防止导入”功能。选中“防止导入”，可以防止别人引入自己的动画文件，并将其编译成Flash 源文件。当选中该项后，其下的“密码”文本框将激活，此时可以输入密码，此后导入该swf 文件将弹出图8-13 所示的对话框，只有输入正确密码后才可以导入影片，否则将弹出图8-14 所示的提示对话框。 3）设置完成后，单击“确定”按钮，即可将文件进行发布。,图8-13 “导
13、入所需密码”对话框,提示：执行菜单中的“文件|导出|导出影片”命令，也可以发布swf格式的文件。,图8-14 提示对话框,8.3.2 发布预览,使用菜单中的“文件| 发布预览”命令，可以发布相应的文件并在默认浏览器上打开预览。“发布预览”命令中的子菜单会随着格式的设置或被激活或变灰不可用，图8-15 所示为默认设置下“发布预览”命令中显示的子菜单内容，图8-16 为勾选了所有发布格式后“发布预览”命令中显示的子菜单内容。,图8-15 默认发布,图8-16 提示对话框,8.3.3 发布Flash动画,在完成动画发布的设置后，执行菜单中的“文件| 发布”命令，Flash 会创建一个指定类型的文件，
14、并将它放在Flash 文档所在的文件夹中，在覆盖或删除该文件之前，此文件会一直保留在那里。,通过导出动画操作，可以创建能在其他应用程序中进行编辑的内容，并将影片直接导出为特定的格式。一般情况下，导出操作是通过菜单中的“文件| 导出”中的“导出图像”、“导出所选内容”和“导出影片”3 个命令来实现的，如图8-17 所示。下面主要讲解“导出图像” 和“导出影片”两种导出方式。,8.4 导出Flash动画,图8-17 “导出”命令,8.4.1 导出图像文件,“导出图像”命令可以将当前帧的内容或当前所选的图像导出成一种静止的图像格式或导出为单帧动画。执行菜单中的“文件| 导出| 导出图像”命令，在弹出
15、的“导出图像” 对话框的“保存类型”下拉列表中可以选择多种图像文件的格式，如图8-18 所示。当选择了相应的导出图像的格式和文件位置后，单击“保存”按钮，即可将图像文件保存到指定位置。,图8-18 选择多种图像文件的格式,FXG 格式是适用于Flash 平台的图像交换格式。FXG 格式使设计人员和开发人员可以使用较高的保真度交换图形内容，从而有助于他们更有效地进行协作。设置人员可以使用相关工具创建图形，以及将图形导出为FXG 格式。 创建FXG 文件时，会直接将矢量图形存储在文件中。FXG 中没有对应标记的元素将导出为位图图像，然后在FXG 文件中引用这些图像。使用FXG 导出功能导出包含矢量
16、图形和位图图像的文件时，会随同FXG 文件创建一个单独的文件夹。该文件夹的名称为，其中包含与FXG 文件关联的位图图像。,1. Adobe FXG,下面就来具体讲解一下导出的图像格式。,BMP 是一种标准的位图格式，它支持RGB、灰度、索引颜色和位图色彩模式，但不支持Alpha 通道。当选择“位图（*.bmp）”格式进行导出时，会弹出图8-19 所示的“导出位图”对话框。该对话框中的参数解释如下。,2. 位图（*.bmp）,图8-19 “导出位图”对话框,“宽 ”、“ 高”：用于设置导出的位图图像的大小。 分辨率：用于设置导出的位图图像的分辨率，并根据绘图的大小自动计算宽度和高度。 匹配屏幕：
17、用于设置分辨率与显示器匹配。 包含：包括“最小影像区域”和“完整文档大小”两个选项可供选择。 颜色深度：用于设置图像的深度。有些Windows 应用程序不支持较新的“32 位彩色（含Alpha）”深度的位图图像，此时可以选择“24 位彩色”选项。 平滑：勾选该项，可以对导出的位图应用消除锯齿效果。消除锯齿可以生成较高品质的位图图像，但是在彩色背景中，它可能会在图像周围生成灰色像素的光晕，如果出现这种情况，则可以取消勾选该项。,JPEG 是一种有损压缩格式，该格式的图像包括上百万种颜色。它通常用于图像预览和一些文档，比如HTML 文档等。该格式的图像具有文件小的特点，是所有格式中压缩率最高的格式
18、，但该格式不支持透明。当选择“JPEG 图像（*jpg,*jpeg）”格式导出时，会弹出图8-20 所示的“导出JPEG”对话框。该对话框中的参数除了“品质”和“渐进式显示”两项外，其余参数与“导出位图”对话框中的参数相同。下面就来讲解一下“品质”和“渐进式显示”两项参数。,图8-20 “导出JPEG”对话框,3. JPEG图像, 品质：用于控制JPEG 文件的压缩量。图像品质越低，则文件越小。 渐进式显示：勾选该项后，则可在Web 浏览器中以渐进式的方式显示JPEG 图像， 从而可在低速网络连接上，以较快的速度显示加载的图像。当选择“JPEG 图像（*jpg,*jpeg）” 格式导出时，会弹
19、出图8-20 所示的“导出JPEG”对话框。该对话框中的参数除了“品质”和“渐进式显示”两项外，其余参数与“导出位图”对话框中的参数相同。下面就来讲解一下“品质”和“渐进式显示”两项参数。,GIF 也是一种有损压缩格式，它只包括256 种颜色。该格式支持透明。当选择“GIF 图像（*gif）”格式导出时，会弹出图8-21 所示的“导出GIF”对话框。该对话框中的大多数参数与“导出位图”对话框中的参数相同。下面就来讲解一下与“导出位图”对话框不同的相关参数。 颜色：用于设置导出的GIF 图像中每个像素的颜色数。该下拉列表中“4 色”、“8 色”、“16 色”、“32 色”、“64 色”、“128
20、 色”、“256 色”和“标准颜色”8 种类型可供选择， 如图8-22 所示。,4. GIF图像,图8-21 “导出GIF”对话框,图8-22 “颜色”下来列表, 透明：勾选该项后，将应用程序背景的透明度。 交错：勾选该项后，将在下载导出的GIF 文件时，在浏览器中逐步显示该图像，从而使用户在完全下载文件前就能看到基本的图像内容。 平滑：勾选该项后，将消除导出图像的锯齿，从而生成较高品质的图像，并改善文本的显示品质。 抖动纯色：勾选该项后，可以将抖动应用于纯色。,PNG 是一种无损压缩格式，该格式支持透明。当选择“PNG（*png）”格式导出时， 会弹出图8-23 所示的“导出GIF”对话框。
21、该对话框中的大多数参数与“导出GIF”对话框中的参数相同。下面就来讲解一下与“导出GIF”对话框不同的相关参数。 颜色：用于设置导出的PNG 图像中每个像素的位数和颜色数。该下拉列表中“8 位”、“24 位”和“24 位Alpha 通道”3 种类型可供选择。 过滤器：用于设置图像的过滤器类型。该下拉列表中有“无”、“部分”、“弹起”、“平均”、“线性函数”和“最合适”6 种类型可供选择，如图8-24 所示。,5.PNG图像,图8-23 “导出PNG”对话框,图8-24 “过滤器”下拉列表,8.4.2 导出影片文件,导出影片文件可以将制作好的F l a s h 文件导出为F l a s h 动画
22、或者是静帧的图像序列， 还可以将动画中的声音导出为WAV 文件。执行菜单中的“ 文件| 导出| 导出影片”命令，在弹出的“导出影片”对话框的“保存类型”下拉列表中包括多种影片文件的格式，如图8-25 所示。当选择了相应的影片格式和文件位置后，单击“保存”按钮， 即可将影片文件保存到指定位置。,图8-25 选择多种影片的格式,SWF 是Flash 的专用格式，是一种支持矢量和点阵图形的动画文件格式，在网页设计、动画制作等领域被广泛应用，SWF 文件通常也被称为Flash 文件。使用这种格式可以播放所有在编辑时设置的动画效果和交互效果，而且容量小。此外发布为SWF 文件时，还可以对其设置保护。,1
23、. SWF影片（*swf）,下面就来讲解一下Flash 可以导出的影片格式。,2. Windows AVI（*avi）,将文档导出为“Windows AVI（*avi）”格式后，会丢失所有的交互性。AVI 文件具有压缩性大的特点，但有损影片的播放质量，该格式主要应用在多媒体光盘上，用来保存电视电影等各种影像信息。,3. QuickTime（*mov）,QuickTime 影片格式是Apple 公司开发的一种音频、视频文件格式，用于存储常用数字媒体类型。,WAV 音频是最经典的Windows 多媒体音频格式，应用非常广泛，是采用位数、采样频率和声道数3 个参数来表示声音的。,4. WAV视频（*
24、wav）,5. JPEG序列和PNG序列,6. GIF动画和GIF序列,GIF 动画文件提供了一个简单的方法，来导出简短的动画序列。Flash 可以优化GIF 动画文件，并且只存储逐帧更改的文件。而GIF 序列是将影片逐帧导出为GIF 文件。,在Flash 中可以将逐帧更改的文件导出为JPEG 序列和PNG 序列，这两个导出对话框设置分别与JPEG 图像和PNG 图像的设置相同，这里就不赘述了。,1）Flash CS5 提供了_、_ 和_ 3 种位图压缩格式。 2）_ 影片格式是Apple 公司开发的一种音频、视频文件格式，用于存储常用数字媒体类型。,8.5 课后练习,1. 填空题,2. 选择题,1）下列哪些是在Flash 中可以导出的无损压缩图像格式？（ ）,A. JPEG,B. AVI,C. GIF,D. PNG,1）下列哪些是最经典的Windows 多媒体音频格式？（ ）,A. WAV,B. AVI,C. GIF,D. QuickTime,1）简述测试影片和测试场景的方法。2）简述优化动画文件的方法。3）简述在Flash 可以导出的影片格式。,3. 问答题,
