第 8章 输出与发布动画本章要点
动画测试
动画输出
动画优化
动画发布本章逻辑结构
8.1 动画测试
8.1.1 测试简单动画
8.1.2 测试复杂动画
8.1.3 测试 ActionScript语句
8.2 动画优化
8.3 动画输出本章逻辑结构
8.3.1 动画或图片的输出
8.3.2 输出格式
8.4 动画发布
8.4.1 发布动画
8.4.2 文件发布设置
8.4.3 发布预览和发布命令
8.1 动画测试
8.1.1 测试简单动画执行 【 窗口 】 工具栏（ Toolbars） 】 【 控制器
（ Controller） 】 命令，会调出 【 控制器 】 工具栏，如图所示，利用工具栏中的各按钮即可实现动画的播放、停止、逐帧前进或后退等操作。
8.1.2 测试复杂动画基本操作方法如下：
1、在 Flash窗口中打开第 6章制作的“星光”文件，
如下图所示。
2、执行菜单中的 【 控制 】 【 测试影片 】 命令，
Flash会将当前场景或动画输出为 SWF格式的文件，并在测试窗口中播放，如下图所示。
3、在测试窗口中，单击菜单栏中的 【 调试
（ Debug） 】 命令，其下拉菜单中列出了可选择的调制解调器速度，如图所示。
4、在测试窗口中,【 查看 (View)】 菜单主要提供了用于显示观察窗口和数据传输情况的命令，如图所示。
【 查看 】 菜单中各命令的功能如下所述：
放大：
缩小：
缩放比率：
带宽设置：
显示数据流（ Show Streaming）：
数据流图表（ Streaming Graph）：
帧数图表：
品质：
5、用鼠标单击某帧的数据色块时，动画会停在该帧，图表左侧的数据表示该帧的下载性能。
6、完成测试后，关闭测试窗口，返回到 Flash的编辑环境中。
8.1.3 测试 ActionScript语句一,【 调试器（ Debugger） 】 调试工具在 Flash窗口中，执行 【 控制 】 【 调试影片（ Debug Movie） 】 命令，进入动画测试窗口，并同时打开 【 调试器 】 面板，如下图所示。
二,【 输出 】 窗口在动画测试窗口中，执行 【 窗口 】 【 输出 】 命令，可以打开 【 输出 】 窗口，如图所示。当动画程序中有错误时，会显示在该窗口中。
8.2 动画优化手动优化动画文件需要注意以下事项：
元件只需要指向 SWF文件中的原始位置，而不是为它的每次出现重新存储。
Flash中的任何东西都能够变为元件。
尽量不使用大的位图或者光栅图片，最好将位图作为背景或元件。
尽可能在动画中使用普通帧，关键帧越少越好。
尽量使用渐变动画。
自定义线型（例如虚线、点线等）比普通实线占用更大的空间。
减少创建形状所使用的点数和（或）线数。
对于舞台中多个相对位置固定的对象，最好使它们成组。
渐变填充的处理比单色填充的处理更耗处理器资源，应减少在每个帧中同时使用的渐变数量。
尽量减少文本使用的字体和样式的数量；尽可能使用设备字体（ _sans,_serif和 _typewriter）。
对于音频，尽可能对 Flash 库中的声音使用 MP3
压缩。
8.3 动画输出
8.3.1 动画或图片的输出一、输出动画输出动画的操作方法如下：
1、在 Flash窗口中打开需要输出为动画的 Flash
文件。
2、执行菜单命令 【 文件 】 【 导出影片 】,打开如下图所示的对话框。
3、中输入文件名称，选择输出类型，本例中选择了 SWF格式。
4、在 【 保存在 】 下拉列表框中设置文件的输出路径。完成后单击 【 保存 】 按钮，弹出一个参数设置对话框，如下图所示，要求对输出文件的各参数进行设置。
5、单击 【 确定 】 按钮，完成该文件的输出。
6、关闭 Flash程序，然后从资源管理器中找到刚输出的动画文件，双击即可播放该动画。
二、输出图片
利用 【 文件 】 菜单中的 【 导出图像 】 命令，可将当前帧的内容或当前选取的图像输出为某种格式（如 SWF,SWT或 SPL）的图形文件。
输出动画与输出图形操作步骤基本相同。
8.3.2 输出格式种常见的输出格式。
BMP（ Bitmap）：
MOV（ QuickTime）：
EPS和 AI（ Adobe Illustrator）：
PNG：
WAV audio（ Windows）：
8.4 动画发布
8.4.1 发布动画
发布动画的基本操作方法如下：
1、在 Flash窗口中打开需要发布的文件。
2、执行 【 文件 】 【 发布设置 】 命令，打开 【 发布设置 】 对话框，如下图所示。
3、在 【 格式 】 选项卡的 【 类型 】 选项中，选择在发布操作中输出的文件格式。并设置格式的选项卡。
4、取消 【 使用默认名称 】 复选框标记，可以在
【 文件名（ Filename） 】 项中修改发布文件的目录和名称。
5、单击格式选项卡，对该格式的文件属性进行设置。
6、完成各选项的设置后，单击 【 发布 】 按钮，
系统会按所设属性将动画发布出去。
8.4.2 文件发布设置一,Flash文件的发布设置单击上图所示的 【 Flash】 选项卡，打开其对话框，如下图所示。
8.4.2 文件发布设置其中的各个选项功能如下所述：
版本（ Version）：
加载顺序（ Load Order）：
生成大小报告（ Generate size report）：
防止导入 (Protect from import)：
省略跟踪动作 (Omit Trace actions)：
允许调试（ Debugging Permitted）：
压缩影片（ Compress Movie）：
密码 (Password)：
JPEG：
音频流 (Audio)：
音频事件 (Audio Event)：
覆盖声音设置 (Override sound settings)：
二,HTML文件的发布设置打开 【 发布设置（ Publish Settings） 】 对话框的 【 HTML】 选项卡可生成一个 HTML文件，
如下图所示。
该选项卡中包括的各选项功能如下所述：
模板 (Template)：
尺寸 (Dimensions)：
– 匹配影片 (Match Movie)：
– 像素：
– 百分比（ Percent）：
回放（ Playback）：
– 开始时暂停（ Paused At Start）：
– 循环：
– 显示菜单（ Display Menu）：
– 设备字体：
品质：
– 低：
– 自动降低（ Auto Low）：
– 自动升高（ Auto High）：
– 中：
– 高：
– 最佳（ Best）：
窗口模式（ Window Model）：
HTML对齐（ HTML Alignment）：
– 默认：
– 左：
– 右：
– 顶部（ Top）：
– 底部（ Bottom）：
缩放（ Scale）：
– 默认 (全部显示 )：
– 无边框（ No Border）：
– 精确匹配（ Exact fit）：
Flash对齐（ Flash Alignment）：
– 水平：
– 垂直（ Vertical）：
显示警告信息（ Show Warning Messages）：
三,GIF文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
选择 【 类型 】 选项组中的 【 GIF图像 】,在该对话框中出现 【 GIF】 选项卡，然后打开该选项卡，如下图所示。
【 GIF】 选项卡中提供的设置如下所述：
尺寸：
回放：
– 静态（ Static）：
– 动画：
– 不断循环（ Loop Continuously）：
– 重复（ Repeat Times）：
选项（ Options）：
– 优化颜色（ Optimize Colors）：
– 交错：
– 平滑：
– 抖动实底（ Dither Solids）：
– 删除渐变色（ Remove Gradients）：
透明（ Transparent）：
– 不透明（ Opaque）：
– 透明：
– Alpha和阈值：
抖动（ Dither）：
– 无：
– 有序（ Ordered）：
– 扩散（ Diffusion）：
调色板类型（ Palette Type）：
– Web 216色：
– 最适（ Adaptive）：
– 接近 Web 最适色（ Web Snap Adaptive）：
– 自定：
最多颜色（ Max Colors）：
调色板（ Palette）：
四,JPEG文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
选择 【 类型 】 选项组的 【 JPEG图像（ JPEG
Image） 】,此时在对话框中出现 【 JPEG】
选项卡。打开该选项卡，如下图所示。
JPEG选项卡中提供的设置如下所述：
尺寸：
品质：
渐近（ Progressive）：
五,PNG文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
从 【 类型 】 选项组选择 【 PNG图像（ PNG
Image） 】,此时对话框中出现 【 PNG】 选项卡。打开该选项卡，如下图所示。
【 PNG】 选项卡中各选项功能：
尺寸：
位深度（ Bit）：
选项：
抖动、调色板类型、最多颜色和调色板：
过滤器选项（ Filter）：
– 无：
– 下（ Sub）：
– 上（ Up）：
– 平均（ Average）：
– 最适：
六,QuickTime文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
从 【 类型 】 选项组中选择 【 QuickTime】 复选框，此时对话框中出现 【 QuickTime】 选项卡。
选择该选项卡，其中可设置的参数如下图所示。
【 QuickTime】 选项卡中的选项如下所述。
尺寸：
Alpha：
– Alpha 透明（ Alpha Transparent）：
– 拷贝（ Copy）：
– 自动（ Auto）：
图层（ Layer）：
– 顶部：
– 底部：
– 自动：
声音流（ Streaming Sound）：
控制栏：
回放：
– 循环：
– 开始时暂停：
– 播放每帧（ Play every frame）：
平面化（成自包含文件）：
8.4.3 发布预览和发布命令要预览动画发布的效果，可按如下步骤进行操作：
1、打开需要发布的文件，本例中打开的文件是“星光”。
2、根据需要在 【 发布设置 】 对话框中设置发布属性。
3、选择 【 文件 】 【 发布预览（ Publish
Preview） 】 命令，其子菜单中提供了几个用于显示发布动画的不同格式，如图所示。
4、从子菜单中选择一种文件类型进行预览，本例选择了 【 默认 -（ HTML） 】 命令，则打开浏览器窗口，其中显示了欲发布的动画，如图所示。
习题（八）
选择题
1、要测试的动画文件中包括影片剪辑元件实例的引用、包含多个场景或具有交互动作时，
需要使用（ ）方法进行测试。
A,播放控制工具栏
B,【 测试影片 】 命令
C,调试器调试工具
D,【 输出 】 窗口
B
2、如果需要测试动画中的 ActionScript语句，可以使用（ ），也可以通过（ ）进行。
A,播放控制工具栏
B,【 测试影片 】 命令
C,调试器调试工具
D,【 输出 】 窗口
C D
3,Flash影片最主要的也是默认的输出格式是
（ ）格式，只有该格式的影片可以保留对所有 Flash动作和动画的支持。
A,SWF
B,AVI
C,GIF
D,MOV
A
4,可以通过（ ）方法来对 Flash动画进行优化。
A,尽可能在动画中使用普通帧
B,尽可能使用遮罩效果
C,尽量不使用大的位图或者光栅图片，最好将位图作为背景或元件
D,尽量不使用自定义线型
ACD
5、设置 Flash动画在浏览器窗口中的位置，可以在 【 发布设置 】 对话框 【 HTML】 选项卡中的（ ）项中进行设置。
A,【 模板 】
B,【 回放 】
C,【 品质 】
D,【 HTML对齐 】
D
判断题
1、播放控制工具栏只适用于对简单动画的测试，如逐帧动画、变形动画等。 （ ）
2、如果动画中多次需要使用一个包括多种颜色的图形，最好把它制作成图形元件。 （ ）
3、发布 Flash动画时，可以通过 【 发布设置 】 对话框进行。 （ ）
√
√
×
4,PNG图像一般不容易失真，经过适度的压缩，可以在网络上快速传输，因此该格式是
Internet上常用的一种图像格式。 （ ）
5、由于 Flash的 MP3编码提供了可获得的最佳压缩品质的比率，所以要尽可能对 Flash 库中的声音使用 MP3压缩。 （ ）
√
√
实践练习
1,利用本章介绍的内容将自己制作的动画发布成网页。
2、利用本章中介绍的内容测试所制作动画的下载性能。
动画测试
动画输出
动画优化
动画发布本章逻辑结构
8.1 动画测试
8.1.1 测试简单动画
8.1.2 测试复杂动画
8.1.3 测试 ActionScript语句
8.2 动画优化
8.3 动画输出本章逻辑结构
8.3.1 动画或图片的输出
8.3.2 输出格式
8.4 动画发布
8.4.1 发布动画
8.4.2 文件发布设置
8.4.3 发布预览和发布命令
8.1 动画测试
8.1.1 测试简单动画执行 【 窗口 】 工具栏（ Toolbars） 】 【 控制器
（ Controller） 】 命令，会调出 【 控制器 】 工具栏，如图所示，利用工具栏中的各按钮即可实现动画的播放、停止、逐帧前进或后退等操作。
8.1.2 测试复杂动画基本操作方法如下：
1、在 Flash窗口中打开第 6章制作的“星光”文件，
如下图所示。
2、执行菜单中的 【 控制 】 【 测试影片 】 命令，
Flash会将当前场景或动画输出为 SWF格式的文件，并在测试窗口中播放，如下图所示。
3、在测试窗口中，单击菜单栏中的 【 调试
（ Debug） 】 命令，其下拉菜单中列出了可选择的调制解调器速度，如图所示。
4、在测试窗口中,【 查看 (View)】 菜单主要提供了用于显示观察窗口和数据传输情况的命令，如图所示。
【 查看 】 菜单中各命令的功能如下所述：
放大：
缩小：
缩放比率：
带宽设置：
显示数据流（ Show Streaming）：
数据流图表（ Streaming Graph）：
帧数图表：
品质：
5、用鼠标单击某帧的数据色块时，动画会停在该帧，图表左侧的数据表示该帧的下载性能。
6、完成测试后，关闭测试窗口，返回到 Flash的编辑环境中。
8.1.3 测试 ActionScript语句一,【 调试器（ Debugger） 】 调试工具在 Flash窗口中，执行 【 控制 】 【 调试影片（ Debug Movie） 】 命令，进入动画测试窗口，并同时打开 【 调试器 】 面板，如下图所示。
二,【 输出 】 窗口在动画测试窗口中，执行 【 窗口 】 【 输出 】 命令，可以打开 【 输出 】 窗口，如图所示。当动画程序中有错误时，会显示在该窗口中。
8.2 动画优化手动优化动画文件需要注意以下事项：
元件只需要指向 SWF文件中的原始位置，而不是为它的每次出现重新存储。
Flash中的任何东西都能够变为元件。
尽量不使用大的位图或者光栅图片，最好将位图作为背景或元件。
尽可能在动画中使用普通帧，关键帧越少越好。
尽量使用渐变动画。
自定义线型（例如虚线、点线等）比普通实线占用更大的空间。
减少创建形状所使用的点数和（或）线数。
对于舞台中多个相对位置固定的对象，最好使它们成组。
渐变填充的处理比单色填充的处理更耗处理器资源，应减少在每个帧中同时使用的渐变数量。
尽量减少文本使用的字体和样式的数量；尽可能使用设备字体（ _sans,_serif和 _typewriter）。
对于音频，尽可能对 Flash 库中的声音使用 MP3
压缩。
8.3 动画输出
8.3.1 动画或图片的输出一、输出动画输出动画的操作方法如下：
1、在 Flash窗口中打开需要输出为动画的 Flash
文件。
2、执行菜单命令 【 文件 】 【 导出影片 】,打开如下图所示的对话框。
3、中输入文件名称，选择输出类型，本例中选择了 SWF格式。
4、在 【 保存在 】 下拉列表框中设置文件的输出路径。完成后单击 【 保存 】 按钮，弹出一个参数设置对话框，如下图所示，要求对输出文件的各参数进行设置。
5、单击 【 确定 】 按钮，完成该文件的输出。
6、关闭 Flash程序，然后从资源管理器中找到刚输出的动画文件，双击即可播放该动画。
二、输出图片
利用 【 文件 】 菜单中的 【 导出图像 】 命令，可将当前帧的内容或当前选取的图像输出为某种格式（如 SWF,SWT或 SPL）的图形文件。
输出动画与输出图形操作步骤基本相同。
8.3.2 输出格式种常见的输出格式。
BMP（ Bitmap）：
MOV（ QuickTime）：
EPS和 AI（ Adobe Illustrator）：
PNG：
WAV audio（ Windows）：
8.4 动画发布
8.4.1 发布动画
发布动画的基本操作方法如下：
1、在 Flash窗口中打开需要发布的文件。
2、执行 【 文件 】 【 发布设置 】 命令，打开 【 发布设置 】 对话框，如下图所示。
3、在 【 格式 】 选项卡的 【 类型 】 选项中，选择在发布操作中输出的文件格式。并设置格式的选项卡。
4、取消 【 使用默认名称 】 复选框标记，可以在
【 文件名（ Filename） 】 项中修改发布文件的目录和名称。
5、单击格式选项卡，对该格式的文件属性进行设置。
6、完成各选项的设置后，单击 【 发布 】 按钮，
系统会按所设属性将动画发布出去。
8.4.2 文件发布设置一,Flash文件的发布设置单击上图所示的 【 Flash】 选项卡，打开其对话框，如下图所示。
8.4.2 文件发布设置其中的各个选项功能如下所述：
版本（ Version）：
加载顺序（ Load Order）：
生成大小报告（ Generate size report）：
防止导入 (Protect from import)：
省略跟踪动作 (Omit Trace actions)：
允许调试（ Debugging Permitted）：
压缩影片（ Compress Movie）：
密码 (Password)：
JPEG：
音频流 (Audio)：
音频事件 (Audio Event)：
覆盖声音设置 (Override sound settings)：
二,HTML文件的发布设置打开 【 发布设置（ Publish Settings） 】 对话框的 【 HTML】 选项卡可生成一个 HTML文件，
如下图所示。
该选项卡中包括的各选项功能如下所述：
模板 (Template)：
尺寸 (Dimensions)：
– 匹配影片 (Match Movie)：
– 像素：
– 百分比（ Percent）：
回放（ Playback）：
– 开始时暂停（ Paused At Start）：
– 循环：
– 显示菜单（ Display Menu）：
– 设备字体：
品质：
– 低：
– 自动降低（ Auto Low）：
– 自动升高（ Auto High）：
– 中：
– 高：
– 最佳（ Best）：
窗口模式（ Window Model）：
HTML对齐（ HTML Alignment）：
– 默认：
– 左：
– 右：
– 顶部（ Top）：
– 底部（ Bottom）：
缩放（ Scale）：
– 默认 (全部显示 )：
– 无边框（ No Border）：
– 精确匹配（ Exact fit）：
Flash对齐（ Flash Alignment）：
– 水平：
– 垂直（ Vertical）：
显示警告信息（ Show Warning Messages）：
三,GIF文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
选择 【 类型 】 选项组中的 【 GIF图像 】,在该对话框中出现 【 GIF】 选项卡，然后打开该选项卡，如下图所示。
【 GIF】 选项卡中提供的设置如下所述：
尺寸：
回放：
– 静态（ Static）：
– 动画：
– 不断循环（ Loop Continuously）：
– 重复（ Repeat Times）：
选项（ Options）：
– 优化颜色（ Optimize Colors）：
– 交错：
– 平滑：
– 抖动实底（ Dither Solids）：
– 删除渐变色（ Remove Gradients）：
透明（ Transparent）：
– 不透明（ Opaque）：
– 透明：
– Alpha和阈值：
抖动（ Dither）：
– 无：
– 有序（ Ordered）：
– 扩散（ Diffusion）：
调色板类型（ Palette Type）：
– Web 216色：
– 最适（ Adaptive）：
– 接近 Web 最适色（ Web Snap Adaptive）：
– 自定：
最多颜色（ Max Colors）：
调色板（ Palette）：
四,JPEG文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
选择 【 类型 】 选项组的 【 JPEG图像（ JPEG
Image） 】,此时在对话框中出现 【 JPEG】
选项卡。打开该选项卡，如下图所示。
JPEG选项卡中提供的设置如下所述：
尺寸：
品质：
渐近（ Progressive）：
五,PNG文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
从 【 类型 】 选项组选择 【 PNG图像（ PNG
Image） 】,此时对话框中出现 【 PNG】 选项卡。打开该选项卡，如下图所示。
【 PNG】 选项卡中各选项功能：
尺寸：
位深度（ Bit）：
选项：
抖动、调色板类型、最多颜色和调色板：
过滤器选项（ Filter）：
– 无：
– 下（ Sub）：
– 上（ Up）：
– 平均（ Average）：
– 最适：
六,QuickTime文件的发布设置在 【 发布设置 】 对话框的 【 格式 】 选项卡中，
从 【 类型 】 选项组中选择 【 QuickTime】 复选框，此时对话框中出现 【 QuickTime】 选项卡。
选择该选项卡，其中可设置的参数如下图所示。
【 QuickTime】 选项卡中的选项如下所述。
尺寸：
Alpha：
– Alpha 透明（ Alpha Transparent）：
– 拷贝（ Copy）：
– 自动（ Auto）：
图层（ Layer）：
– 顶部：
– 底部：
– 自动：
声音流（ Streaming Sound）：
控制栏：
回放：
– 循环：
– 开始时暂停：
– 播放每帧（ Play every frame）：
平面化（成自包含文件）：
8.4.3 发布预览和发布命令要预览动画发布的效果，可按如下步骤进行操作：
1、打开需要发布的文件，本例中打开的文件是“星光”。
2、根据需要在 【 发布设置 】 对话框中设置发布属性。
3、选择 【 文件 】 【 发布预览（ Publish
Preview） 】 命令，其子菜单中提供了几个用于显示发布动画的不同格式，如图所示。
4、从子菜单中选择一种文件类型进行预览，本例选择了 【 默认 -（ HTML） 】 命令，则打开浏览器窗口，其中显示了欲发布的动画，如图所示。
习题（八）
选择题
1、要测试的动画文件中包括影片剪辑元件实例的引用、包含多个场景或具有交互动作时，
需要使用（ ）方法进行测试。
A,播放控制工具栏
B,【 测试影片 】 命令
C,调试器调试工具
D,【 输出 】 窗口
B
2、如果需要测试动画中的 ActionScript语句，可以使用（ ），也可以通过（ ）进行。
A,播放控制工具栏
B,【 测试影片 】 命令
C,调试器调试工具
D,【 输出 】 窗口
C D
3,Flash影片最主要的也是默认的输出格式是
（ ）格式，只有该格式的影片可以保留对所有 Flash动作和动画的支持。
A,SWF
B,AVI
C,GIF
D,MOV
A
4,可以通过（ ）方法来对 Flash动画进行优化。
A,尽可能在动画中使用普通帧
B,尽可能使用遮罩效果
C,尽量不使用大的位图或者光栅图片，最好将位图作为背景或元件
D,尽量不使用自定义线型
ACD
5、设置 Flash动画在浏览器窗口中的位置，可以在 【 发布设置 】 对话框 【 HTML】 选项卡中的（ ）项中进行设置。
A,【 模板 】
B,【 回放 】
C,【 品质 】
D,【 HTML对齐 】
D
判断题
1、播放控制工具栏只适用于对简单动画的测试，如逐帧动画、变形动画等。 （ ）
2、如果动画中多次需要使用一个包括多种颜色的图形，最好把它制作成图形元件。 （ ）
3、发布 Flash动画时，可以通过 【 发布设置 】 对话框进行。 （ ）
√
√
×
4,PNG图像一般不容易失真，经过适度的压缩，可以在网络上快速传输，因此该格式是
Internet上常用的一种图像格式。 （ ）
5、由于 Flash的 MP3编码提供了可获得的最佳压缩品质的比率，所以要尽可能对 Flash 库中的声音使用 MP3压缩。 （ ）
√
√
实践练习
1,利用本章介绍的内容将自己制作的动画发布成网页。
2、利用本章中介绍的内容测试所制作动画的下载性能。
