第 9章 导出和发布动画
本章主要内容
?9.1 动画的测试与优化
?9.2 导出动画
?9.3 发布动画
?9.4 在其他格式文件中添加 Flash动画
?9.5 本章 习题与实验指导
第 9章 导出和发布动画
9.1 动画的测试与优化
在制作动画的过程中, 需要经常测试当
前编辑的动画, 以便于观察动画效果是否符
合设计者的思路 。 为了保证动画在网络上的
播放效果, 还应随时测试动画的下载性能,
并对动画进行有针对性的优化 。
9.1.1 动画的测试
测试动画有以下几种情况:简单动画的
测试, 动画中脚本代码的测试, 动画下载性
能的测试 。
1,简单动画的测试
对于简单的动画, 可使用以下方法测试动画:
l 执行, 控制, →, 播放, 菜单命令, 测试动画 。
l 按 〈 Enter〉 键进行测试 。
l执行, 窗口, →, 工具栏, →, 控制器, 菜单
命令, 打开, 控制器, 面板, 利用其中的按钮
来测试 。
如果动画中带有简单的帧或按钮动作语句,
则执行, 控制, →, 启用简单帧动作, 命令,
然后再使用上述方法进行测试 。
如果动画中引用了影片剪辑元件实例,
或动画中包含多个场景, 则必须使用, 控
制, →, 测试影片, 或, 测试场景, 菜单命令,
到 Flash Player中对动画进行测试 。
2,动画中脚本代码的测试
对于动画中的脚本代码, Flash MX 2004
也提供了几种工具对其进行测试 。
1) 调试器:执行, 控制, →, 调试影片, 命令,
可以打开当前影片的调试器面板, 该面板可
以显示一个当前加载到 Flash Player中的影片
剪辑的分层显示列表, 并在动画播放时动态
地显示和修改变量与属性的值, 而且可以使
用断点停止影片, 同时逐行跟踪动作脚本代
码 。
2) 输出面板:可以显示动画中的错误信息以及
变量和对象列表, 帮助用户查找错误 。
3) Trace语句:用户可以在动画中使用 Trace语
句将特定的信息发送到输出面板中 。
3,动画下载性能的测试
动画作品制作完毕后, 在输出或发布之前,
通常要对动画进行测试 。
使用带宽设置可以以图形化方式查看下载
性能, 它会根据所设置的调制解调器的传输
速率, 将动画中每帧的传输数据以图形方式
显示出来 。 下载速度是 Flash根据一般的网络
性能设定的一个模拟近似值, 而不是精确的
调制解调器速度 。 例如, 若选择模拟 28.8kbps
的调制解调器速度, 理论上能以 3.5KB/s的速
度下载数据, 但在 Internet上其实际速度达不
到这个值, 但为了更逼真地模拟网络特性,
Flash将实际下载速率设为 2.3KB/s。
9.1.2 动画的优化
Flash在导出 SWF文件时,会自动进行
一些优化,用户也可以自己对动画进行优
化处理。在导出或发布影片之前,可以从
以下几个方面对动画文件进行整体优化。
1,减少文件的大小
l 对于多次出现的元素, 应尽量转换为元件 。
l 尽量使用渐变动画, 因为渐变动画的关键
帧比逐帧动画要少, 所以文件容量也较小 。
l 尽量避免位图图像的动画, 应将位图作为
背景或静态元素 。
l 对于动画序列, 要使用影片剪辑而不是图
形元件 。
l 限制在每个关键帧中的变化区域, 在尽可
能小的区域中执行动作 。
l 对于声音文件, 应尽可能使用 MP3这种数
据量较小的格式 。
2,优化元素和线条
l 尽可能地将元素组合起来 。
l 将在整个过程中变化的元素与不变的元素
分放在不同的图层上 。
l 限制使用特殊线条类型的数量, 如:虚线,
点状线, 波浪线等, 尽量使用实线 。 因为实
线占用的内存较小 。 用铅笔工具生成的线条
比用画笔工具生成的线条所需的内存更少 。
l 使用, 修改, →, 形状, →, 优化, 命令 。
3,文本和字体的优化
l 限制字体数量和字体样式, 尽量少嵌入字体 。
l 对于, 嵌入字体, 选项, 只选择需要的字符,
不要包括所有字体 。
4,优化颜色
l 在元件的, 属性, 面板中, 使用, 颜色, 菜
单创建一个元件具有不同颜色属性的多个实例 。
l 使用混色器使动画的调色板与浏览器调色板
相匹配 。
l 尽量少用渐变色 。 因为渐变填充要比实色填
充多占 50个字节 。
l 尽量减少透明度 ( Alpha) 的使用, 因为它会
降低回放速度 。
5,动作脚本优化
l 在, 发布设置, 的, Flash”选项卡中, 选中
,省略跟踪动作, 复选框, 从而在发布的影
片中将不会有, 输出, 窗口弹出 。
l 在脚本编程中尽量使用局部变量 。
l 在脚本编程中尽量将经常重复的代码段定义
为函数 。
9.2 导出动画
9.2.1 导出概述
将动画优化并测试完其下载性能后, 就
可以将动画导出到其它应用程序中去 。 例如,
可将动画导出为包括 GIF,JPEG,BMP、
PNG,AVI或 QuickTime等不同格式的动态
或静态图像 。 在导出过程中有多种格式可供
选择, 但每次只能按一种格式导出 。
在 Flash MX 2004中,可以通过执行
“文件” →,导出”菜单命令,选择导出图
像或导出影片。
第 9章 导出和发布动画
在导出的过程中要注意以下两点:
1) 在将 Flash图像导出为矢量图形文件 ( 如
Adobe Illustrator格式 ) 时, 将保留其矢量信
息 。 用户可以使用其他的矢量图形软件编辑
这些文件, 但是不能将这些图像导入到大多
数的页面布局和字处理程序中 。
2) 在将 Flash图像导出为位图图形文件 ( 如
JPEG,BMP或 GIF等 ) 时, 图像矢量信息将
丢失, 仅以像素信息保存 。 此时只能使用图
像编辑软件 ( 如 Adobe Photoshop) 编辑图
像 。
9.2.2 导出文件的格式
用户可以用多种不同的格式导出 Flash内容
和图像 。 下面介绍几种常用的文件格式 。
l Flash影片 (,swf),这是 Flash动画的默认文
件格式, 这种文件只有在 Flash播放
器中才能播放 。
l Windows AVI(,avi), 该格式是标准的
Windows动画格式 。 因为 AVI是基于位图格式,
所以高分辨率或较长的动画会使文件容量变
得更大 。
l GIF动画 (,gif),可导出一个包含多个连续
画面的 GIF动画文件 。
l GIF序列文件 (,gif),将动画中的每一帧转
换为单独的 GIF格式位图文件序列 。
l GIF图像 (,gif),导出一个 GIF格式的静态
图像文件 。
l JPEG序列文件 (,jpg),导出 JPEG格式的文
件序列, 每帧转换为单独的 JPEG文件 。
l JPEG图像 (,jpg),导出一个 JPEG格式的静
态图像文件 。
l 位图文件序列 (,bmp), 导出一组位图图像,
即每一帧对应一个 BMP文件 。
l Adobe Illustrator(,ai), 是 Flash与其他矢量
绘图程序 ( 如 FreeHand) 之间交换图形的最
好格式 。 这种格式支持曲线, 线条类型, 填
充信息的精确转换 。
l WMF序列文件 (,wmf), 该格式是标准的
Windows图形格式 。 可将动画中的每一帧
转换为单独的 WMF文件, 整个动画输出为
WMF格式图形文件序列 。
l WAV音频 (,wav),将当前动画中的所有
声音输出到一个 WAV格式的文件中保存 。
l PNG序列文件和 PNG图像 (,png), 可导出
PNG格式的文件, PNG图像是惟一支持透
明度 ( 包含 alpha通道 ), 不易失真便于传输
的跨平台位图格式 。
请进入 Flash窗口通过实例介绍几种常用格式 。
9.3 发布动画
当测试完动画并运行无误后, 可以发布
动画了 。 Flash MX 2004为用户集成了发布
命令, 默认情况下, 使用发布命令可以创建
Flash(,swf)播放文件并将动画插入到浏览器
窗口中的 HTML文件中 。
除以 SWF格式发布 Flash影片外,还可
利用其他文件格式发布 Flash影片,如 GIF、
JPEG,PNG及 QuickTime格式等。另外,还
可将影片发布为能够独立运行的程序 (.exe)。
第 9章 导出和发布动画
9.3.1 发布设置
Flash能够发布为 8种格式的文件。在发
布之前,可选择“文件” →,发布设置”命
令,在弹出的“发布设置”对话框中,选择
和指定所需格式。每选择一种格式类型,在
对话框的上方将出现关于该类型的选项卡。
选择了所有的类型 的“发布设置”对话框
9.3.2 发布预览
在发布动画之前, 可以使用, 文件, 菜
单中的, 发布预览, 命令, 并从子菜单中选
择所要预览的文件类型, Flash将按所选的
文件类型在默认浏览器中输出并打开动画 。
该命令不仅输出并显示所在菜单中选中的文
件类型输出的文件, 而且还按在发布设置对
话框中选定的所有文件格式输出 。
9.4 在其他格式文件中
添加 Flash动画
欣赏 Flash 动画, 不仅可以在 Flash播
放器中欣赏, 通常在许多情况下, 将
Flash 动画添加到其他应用程序中, 以达
到一种锦上添花的效果 。 下面将从三方
面介绍如何将 Flash动画插入到其他应用
程序中 。
第 9章 导出和发布动画
9.4.1在 PowerPoint中嵌入 Flash动画
PowerPoint是 Microsoft Office家族的成员之
一。它是一种能够制作集文字、图形、图像、
声音于一体的媒体演示或展示制作软件。用
PowerPoint制作的演示文件稿色彩艳丽、造型
优美。如果在 PowerPoint中添加 Flash动画,为
幻灯片添加互动效果,那么,演示文件稿的表
现力和影响力将更加出色。
请进入 Flash窗口介绍如何在 PowerPoint中嵌
入 Flash动画。
在演示文稿中播放 Flash动画
.4.2 利用 Dreamweaver在网页中添加 Flash动画
Dreamweaver与 Flash都是 Macromedia公司
出品的软件, 并且与 Firework并称为, 网页
三剑客, 。 在 Dreamweaver中添加 Flash动画
非常方便 。
请进入 Flash窗口通过实例操作进行说明 。
在 Dreamweaver中播放 Flash动画
9.4.3 利用 FrontPage在网页中添加 Flash动画
FrontPage是微软公司生产的网页制作软
件,也有相当多的用户使用该软件制作网页。
下面将详细介绍如何在 FrontPage中添加 Flash
动画。
在 IE中观看 Flash动画
本章习题与实验指导
本章习题,见书中 第 244页
实验指导,见书中 第 244页
第 9章 导出和发布动画
Thank you very much!
本章到此结束。
谢谢您的光临!
本章主要内容
?9.1 动画的测试与优化
?9.2 导出动画
?9.3 发布动画
?9.4 在其他格式文件中添加 Flash动画
?9.5 本章 习题与实验指导
第 9章 导出和发布动画
9.1 动画的测试与优化
在制作动画的过程中, 需要经常测试当
前编辑的动画, 以便于观察动画效果是否符
合设计者的思路 。 为了保证动画在网络上的
播放效果, 还应随时测试动画的下载性能,
并对动画进行有针对性的优化 。
9.1.1 动画的测试
测试动画有以下几种情况:简单动画的
测试, 动画中脚本代码的测试, 动画下载性
能的测试 。
1,简单动画的测试
对于简单的动画, 可使用以下方法测试动画:
l 执行, 控制, →, 播放, 菜单命令, 测试动画 。
l 按 〈 Enter〉 键进行测试 。
l执行, 窗口, →, 工具栏, →, 控制器, 菜单
命令, 打开, 控制器, 面板, 利用其中的按钮
来测试 。
如果动画中带有简单的帧或按钮动作语句,
则执行, 控制, →, 启用简单帧动作, 命令,
然后再使用上述方法进行测试 。
如果动画中引用了影片剪辑元件实例,
或动画中包含多个场景, 则必须使用, 控
制, →, 测试影片, 或, 测试场景, 菜单命令,
到 Flash Player中对动画进行测试 。
2,动画中脚本代码的测试
对于动画中的脚本代码, Flash MX 2004
也提供了几种工具对其进行测试 。
1) 调试器:执行, 控制, →, 调试影片, 命令,
可以打开当前影片的调试器面板, 该面板可
以显示一个当前加载到 Flash Player中的影片
剪辑的分层显示列表, 并在动画播放时动态
地显示和修改变量与属性的值, 而且可以使
用断点停止影片, 同时逐行跟踪动作脚本代
码 。
2) 输出面板:可以显示动画中的错误信息以及
变量和对象列表, 帮助用户查找错误 。
3) Trace语句:用户可以在动画中使用 Trace语
句将特定的信息发送到输出面板中 。
3,动画下载性能的测试
动画作品制作完毕后, 在输出或发布之前,
通常要对动画进行测试 。
使用带宽设置可以以图形化方式查看下载
性能, 它会根据所设置的调制解调器的传输
速率, 将动画中每帧的传输数据以图形方式
显示出来 。 下载速度是 Flash根据一般的网络
性能设定的一个模拟近似值, 而不是精确的
调制解调器速度 。 例如, 若选择模拟 28.8kbps
的调制解调器速度, 理论上能以 3.5KB/s的速
度下载数据, 但在 Internet上其实际速度达不
到这个值, 但为了更逼真地模拟网络特性,
Flash将实际下载速率设为 2.3KB/s。
9.1.2 动画的优化
Flash在导出 SWF文件时,会自动进行
一些优化,用户也可以自己对动画进行优
化处理。在导出或发布影片之前,可以从
以下几个方面对动画文件进行整体优化。
1,减少文件的大小
l 对于多次出现的元素, 应尽量转换为元件 。
l 尽量使用渐变动画, 因为渐变动画的关键
帧比逐帧动画要少, 所以文件容量也较小 。
l 尽量避免位图图像的动画, 应将位图作为
背景或静态元素 。
l 对于动画序列, 要使用影片剪辑而不是图
形元件 。
l 限制在每个关键帧中的变化区域, 在尽可
能小的区域中执行动作 。
l 对于声音文件, 应尽可能使用 MP3这种数
据量较小的格式 。
2,优化元素和线条
l 尽可能地将元素组合起来 。
l 将在整个过程中变化的元素与不变的元素
分放在不同的图层上 。
l 限制使用特殊线条类型的数量, 如:虚线,
点状线, 波浪线等, 尽量使用实线 。 因为实
线占用的内存较小 。 用铅笔工具生成的线条
比用画笔工具生成的线条所需的内存更少 。
l 使用, 修改, →, 形状, →, 优化, 命令 。
3,文本和字体的优化
l 限制字体数量和字体样式, 尽量少嵌入字体 。
l 对于, 嵌入字体, 选项, 只选择需要的字符,
不要包括所有字体 。
4,优化颜色
l 在元件的, 属性, 面板中, 使用, 颜色, 菜
单创建一个元件具有不同颜色属性的多个实例 。
l 使用混色器使动画的调色板与浏览器调色板
相匹配 。
l 尽量少用渐变色 。 因为渐变填充要比实色填
充多占 50个字节 。
l 尽量减少透明度 ( Alpha) 的使用, 因为它会
降低回放速度 。
5,动作脚本优化
l 在, 发布设置, 的, Flash”选项卡中, 选中
,省略跟踪动作, 复选框, 从而在发布的影
片中将不会有, 输出, 窗口弹出 。
l 在脚本编程中尽量使用局部变量 。
l 在脚本编程中尽量将经常重复的代码段定义
为函数 。
9.2 导出动画
9.2.1 导出概述
将动画优化并测试完其下载性能后, 就
可以将动画导出到其它应用程序中去 。 例如,
可将动画导出为包括 GIF,JPEG,BMP、
PNG,AVI或 QuickTime等不同格式的动态
或静态图像 。 在导出过程中有多种格式可供
选择, 但每次只能按一种格式导出 。
在 Flash MX 2004中,可以通过执行
“文件” →,导出”菜单命令,选择导出图
像或导出影片。
第 9章 导出和发布动画
在导出的过程中要注意以下两点:
1) 在将 Flash图像导出为矢量图形文件 ( 如
Adobe Illustrator格式 ) 时, 将保留其矢量信
息 。 用户可以使用其他的矢量图形软件编辑
这些文件, 但是不能将这些图像导入到大多
数的页面布局和字处理程序中 。
2) 在将 Flash图像导出为位图图形文件 ( 如
JPEG,BMP或 GIF等 ) 时, 图像矢量信息将
丢失, 仅以像素信息保存 。 此时只能使用图
像编辑软件 ( 如 Adobe Photoshop) 编辑图
像 。
9.2.2 导出文件的格式
用户可以用多种不同的格式导出 Flash内容
和图像 。 下面介绍几种常用的文件格式 。
l Flash影片 (,swf),这是 Flash动画的默认文
件格式, 这种文件只有在 Flash播放
器中才能播放 。
l Windows AVI(,avi), 该格式是标准的
Windows动画格式 。 因为 AVI是基于位图格式,
所以高分辨率或较长的动画会使文件容量变
得更大 。
l GIF动画 (,gif),可导出一个包含多个连续
画面的 GIF动画文件 。
l GIF序列文件 (,gif),将动画中的每一帧转
换为单独的 GIF格式位图文件序列 。
l GIF图像 (,gif),导出一个 GIF格式的静态
图像文件 。
l JPEG序列文件 (,jpg),导出 JPEG格式的文
件序列, 每帧转换为单独的 JPEG文件 。
l JPEG图像 (,jpg),导出一个 JPEG格式的静
态图像文件 。
l 位图文件序列 (,bmp), 导出一组位图图像,
即每一帧对应一个 BMP文件 。
l Adobe Illustrator(,ai), 是 Flash与其他矢量
绘图程序 ( 如 FreeHand) 之间交换图形的最
好格式 。 这种格式支持曲线, 线条类型, 填
充信息的精确转换 。
l WMF序列文件 (,wmf), 该格式是标准的
Windows图形格式 。 可将动画中的每一帧
转换为单独的 WMF文件, 整个动画输出为
WMF格式图形文件序列 。
l WAV音频 (,wav),将当前动画中的所有
声音输出到一个 WAV格式的文件中保存 。
l PNG序列文件和 PNG图像 (,png), 可导出
PNG格式的文件, PNG图像是惟一支持透
明度 ( 包含 alpha通道 ), 不易失真便于传输
的跨平台位图格式 。
请进入 Flash窗口通过实例介绍几种常用格式 。
9.3 发布动画
当测试完动画并运行无误后, 可以发布
动画了 。 Flash MX 2004为用户集成了发布
命令, 默认情况下, 使用发布命令可以创建
Flash(,swf)播放文件并将动画插入到浏览器
窗口中的 HTML文件中 。
除以 SWF格式发布 Flash影片外,还可
利用其他文件格式发布 Flash影片,如 GIF、
JPEG,PNG及 QuickTime格式等。另外,还
可将影片发布为能够独立运行的程序 (.exe)。
第 9章 导出和发布动画
9.3.1 发布设置
Flash能够发布为 8种格式的文件。在发
布之前,可选择“文件” →,发布设置”命
令,在弹出的“发布设置”对话框中,选择
和指定所需格式。每选择一种格式类型,在
对话框的上方将出现关于该类型的选项卡。
选择了所有的类型 的“发布设置”对话框
9.3.2 发布预览
在发布动画之前, 可以使用, 文件, 菜
单中的, 发布预览, 命令, 并从子菜单中选
择所要预览的文件类型, Flash将按所选的
文件类型在默认浏览器中输出并打开动画 。
该命令不仅输出并显示所在菜单中选中的文
件类型输出的文件, 而且还按在发布设置对
话框中选定的所有文件格式输出 。
9.4 在其他格式文件中
添加 Flash动画
欣赏 Flash 动画, 不仅可以在 Flash播
放器中欣赏, 通常在许多情况下, 将
Flash 动画添加到其他应用程序中, 以达
到一种锦上添花的效果 。 下面将从三方
面介绍如何将 Flash动画插入到其他应用
程序中 。
第 9章 导出和发布动画
9.4.1在 PowerPoint中嵌入 Flash动画
PowerPoint是 Microsoft Office家族的成员之
一。它是一种能够制作集文字、图形、图像、
声音于一体的媒体演示或展示制作软件。用
PowerPoint制作的演示文件稿色彩艳丽、造型
优美。如果在 PowerPoint中添加 Flash动画,为
幻灯片添加互动效果,那么,演示文件稿的表
现力和影响力将更加出色。
请进入 Flash窗口介绍如何在 PowerPoint中嵌
入 Flash动画。
在演示文稿中播放 Flash动画
.4.2 利用 Dreamweaver在网页中添加 Flash动画
Dreamweaver与 Flash都是 Macromedia公司
出品的软件, 并且与 Firework并称为, 网页
三剑客, 。 在 Dreamweaver中添加 Flash动画
非常方便 。
请进入 Flash窗口通过实例操作进行说明 。
在 Dreamweaver中播放 Flash动画
9.4.3 利用 FrontPage在网页中添加 Flash动画
FrontPage是微软公司生产的网页制作软
件,也有相当多的用户使用该软件制作网页。
下面将详细介绍如何在 FrontPage中添加 Flash
动画。
在 IE中观看 Flash动画
本章习题与实验指导
本章习题,见书中 第 244页
实验指导,见书中 第 244页
第 9章 导出和发布动画
Thank you very much!
本章到此结束。
谢谢您的光临!