第8章 测试与发布Flash动画  学习目标 了解Flash动画的测试、优化，Flash作品的导出类型以及发布设置与预览的相关知识。 。

Presentation on theme: "第8章 测试与发布Flash动画  学习目标 了解Flash动画的测试、优化，Flash作品的导出类型以及发布设置与预览的相关知识。 。"— Presentation transcript:

1 第8章 测试与发布Flash动画  学习目标 了解Flash动画的测试、优化，Flash作品的导出类型以及发布设置与预览的相关知识。 。
 学习目标 了解Flash动画的测试、优化，Flash作品的导出类型以及发布设置与预览的相关知识。 。  学习重点 重点掌握Flash作品的优化、测试以及发布设置等知识  主要内容 关于Flash动画的优化与测试  Flash动画作品的导出  Flash动画作品的发布设置与预览

2 8.1 关于Flash动画的优化与测试 在Flash动画设计中，制作完成的Flash动画作品还需要进行相关优化，以减小其动画作品的数据量，同时还要对作品在网络中的播放状况进行测试，以保证动画作品在不同宽带下的播放都能达到预期效果。这一节主要了解Flash动画作品的优化与测试的相关知识。 8.1.1 Flash动画作品的优化 Flash动画作品的优化涉及到多方面，下面我们只对常见的优化方法进行讲解。 1. 将重复出现的动画对象转换为元件。我们知道元件其实就是一个小的动画，因此，将重复出现的动画转换为元件，可以减小原动画的数据量。 2. 动画中尽量多使用补间动画。我们知道，补间动画中的过度帧是由计算机计算而来，其数据量要大大小于逐帧动画，因此，多使用补间动画同样可以达到优化动画的目的。 3. 避免使用位图文件。众所周知，位图容量要远远大于矢量图，因此，在动画制作中，尽量避免使用位图文件作为动画元素，可以将位图作为背景或静止的元素。 4. 少使用虚线、点线等特殊线条而多使用实线。这是因为，特殊线条要比实线占用更多的资源。 5. 在动画中使用声音文件时，尽量使用mp3格式的声音，因为这种格式压缩比最大，回放质量也较好，可以减少动画的容量。 6. 在Flash动画中尽量少使用多种字体样式，同时尽量不要将文字打散，以免增大动画的数据量。 7. 计量少使用渐变色，而代之以单色，这样也会减小动画文件的容量。 8.1.2 测试Flash作品 当用户制作完成Flash动画作品后，要想在网络上发布作品，首先需要进行作品的测试，通过测试，对作品存在的一些问题进行处理，以保证作品能顺利在网络上运行。 下面我们通过一个简单操作，学习测试Flash动画作品的方法。 01. 首先打开“效果文件”目录下的“企业宣传片片头.fla”的动画文件。 02. 按键盘上的Ctrl+Enter键进入动画测试界面，如图所示。 03. 在该对话框的【视图】菜单下，系统提供了用于显示观察窗口和数据传输情况的相关命令，如图所示。 。

3 “放大”、“缩小”：用于将动画画面放大或缩小一倍。
“缩放比率”：按照百分比或者完全显示的方式显示舞台的相关内容。 “宽带设置”：显示宽带特性窗口，用于查看数据流的相关情况。 “数据流图表”：以条形图的方式模拟下载方式。 “帧数图表”：以逐帧方式显示动画数据量的大小。 “模拟下载”：模拟在目前设置的宽带速度下，动画在浏览器下载以及播放的情况。 “下载设置”：设置需要模拟的宽带速度。 “品质”：选择用什么样的画面效果显示动画画面，具体包括3种，如图所示。 “低”：画面质量较差，但显示速度较快。 “中”：画面质量一般，显示速度较慢。 “高”：画面质量较高，但显示速度会更慢。 04. 执行【视图】/【宽带设置】命令，在动画测试窗口上方会出现宽带特性查看窗格，显示影片在浏览器下载时的数据流图表，如图所示。 05. 其中，数据图表中每个柱形代表各帧所含数据量的大小，红色水平线是动画传输速率警告线，其位置由传输条件决定，系统默认为56K（4.7kb/s），如果柱形图高于图表中的红色水平线，表示该帧的数据量超过了当前设置的宽带流量限制，影片在浏览器中下载时可能会出现停顿或者使用时间较长。 06. 继续执行【视图】/【帧数图表】命令，在宽带特性查询窗格中以逐帧显示动画数据量的大小，如图所示。

4 07. 其中窗格的右边显示动画作品各帧的数据量，矩形条越长侧该帧的数据量越大，单击选中图表中代表帧的柱形图，即可在左边列表显示该帧的数据大小，如图所示。
08. 执行【视图】/【下载设置】命令，可以在其子菜单中选择需要模拟的宽带速度，如图所示。 080 如果选择【自定义】选项，则打开【自定义下载设置】对话框，在该对话框可以根据实际情况做自定义的模拟设置，如图所示。 10. 执行【视图】/【模拟下载】命令，可以模拟在当前设置的宽带下载速度下，影片在浏览器下载及播放的情况，如图所示。 11. 以上就是影片在发布前的测试情况，当测试完成后，如果对影片的效果比较满意，就可以将影片输出为电影，然后就可以将其应用到网络上了

5 ■8. 2 ■ Flash动画作品的导出 当动画完成测试后，就需要将动画导出了，这一节继续学习导出Flash影片的相关技能。 8. 2
■8.2 ■ Flash动画作品的导出 当动画完成测试后，就需要将动画导出了，这一节继续学习导出Flash影片的相关技能。 8.2.1导出Flash动画 【导出】菜单包含多个导出影片的命令，用于可以根据需要将Flash动画进行导出。执行【文件】/【导出】命令，在其子菜单下选择合适的命令进行导出，如图所示。 “导出图像”：该命令用于将Flash动画导出为静态图像，执行该命令会弹出【导出图像】对话框，要求用户选择导出文件的保存位置和类型，如图所示。 “导出所选内容”：该命令用于将所选内容导出为FXG格式的文件，执行该命令同样会弹出【导出图像】对话框，要求用户选择导出文件的保存位置和类型，如图所示。 “导出影片”：该命令用于将“.fla”格式的Flash动画作品导出为多种格式的电影，执行该命令同样会弹出【导出影片】对话框，要求用户选择导出文件的保存位置和类型，如图所示。

6 8. 2. 2 Flash动画作品的导出格式 Flash动画作品可以导出的格式较多，下面我们对其常见格式进行简单介绍。 1. “SWF影片（
8.2.2 Flash动画作品的导出格式 Flash动画作品可以导出的格式较多，下面我们对其常见格式进行简单介绍。 1. “SWF影片（*.swf）”：该格式是默认的格式，选择该格式可以将动画作品导出为脱离Flash编辑环境而独立播放的影片 2. “Windows AVI(*avi)”：该格式是Windows标准视频文件格式，可以在Windows附带的视频播放器中播放，也可以在其他视频编辑软件中进行编辑，其导出设置如图所示。 “宽”/“高”：设置导出视频的的尺寸，其单位为像素。 “视频格式”：可以选择导出视频的色彩位数，如图所示。 “压缩视频”：选择是否对影片进行压缩。 “平衡”：对导出的视频进行抗锯齿处理。 “声音格式”：设置导出作品的音频质量。 3. “QuickTime (*.mov)”：这种格式体积小、可缩放、旋转透明等设置，是网络中常用的视频格式之一，需要注意的是，要将Flash动画导出为“QuickTime (*.mov)”格式，必须保证系统中已经安装了QuickTime视频播放器。 4. “GIF动画（*.gif）”：这种格式也是网络中常用的视频格式之一，其体积也较小，其参数设置对话框如图所示。 “宽”/“高”：设置导出视频的的尺寸，其单位为像素。 “分辨率”：设置导出视频的分辨率。 “颜色”：设置导出视频的颜色，如图所示。 “动画”：设置动画的播放方式，0为始终重复播放。

7 ■8.3 ■ Flash动画作品的发布设置与预览 通过前面章节的学习我们知道，Flash动画作品可导出的格式有很多，除了爱每次导出前设计格式的设置之外，用户还可以造【发布设置】对话框设置导出格式、指定导出文件类型等，避免每次导出时都需要进行格式设置的麻烦。 8.3.1 设置导出文件的类型 01. 继续上一节的操作，执行【文件】/【发布设置】命令打开【发布设置】对话框，如图所示。 在“发布”选项有多种设置选项，其中： 1. “Flash(.swf)”： 选中该选项，其设置如下： “播放器”：设置导出的Flash动画作品的播放器版本，如图所示。

8 “脚本”：设置动作脚本的版本，如图所示。 “输出文件”：用于设置输出的文件的存储路径。 “JPEG”品质：设定作品中位图素材导出为压缩的JPEG格式的图像，并根据其本身设置的压缩比例或设置的压缩比例进行压缩。 “音频流”/“音频事件”：设定作品中音频素材的压缩格式和参数，单击即可弹出【声音设置】对话框，如图所示。 “覆盖声音设置”：选中该选项，在库中对个别声音的压缩设置不再有效。 “导出设备声音”：导出移动设备播放的的动画声音。 单击“高级”选项将其展开，可以进行更高级的设置，如图所示。 2. “HTML包装器” 选中该选项，可切换到HTML设置面板，如图所示。 “模板”：生成HTML文件时所用的模板，如图所示。

9 单击“信息”按钮，在弹出的【HTML面板信息】对话框可以查看模板介绍，如图所示。
“检测Flash版本”：勾选该选项，可以对Flash版本进行检测。 “大小”：定义HTML文件中插入的Flash动画的长度和宽度，如图所示。 “匹配影片”：以作品原设定的尺寸播放。 “像素”：选择该选项后可以影片的长宽像素数。 “百分比”：选择该选项后可以影片的长宽百分比。 “播放”：设置作品的播放方式。其中勾选“开始时暂停”选项，动画在开始播放时暂停在第1帧；勾选“循环”选项，动画自动循环播放；勾选“显示菜单”选项，在生成的动画页面右击，会弹出控制动画播放菜单；选择“设备字体”选项，将使用系统字体。 “品质”：设置影片的动画图形的质量，如图所示。

10 “窗口模式”：设置动画在浏览器中自动的透明模式。 “缩放和对齐”：设置动画在浏览器中的对齐方式，单击该选项可以展开更多选项，如图所示。 3
“窗口模式”：设置动画在浏览器中自动的透明模式。 “缩放和对齐”：设置动画在浏览器中的对齐方式，单击该选项可以展开更多选项，如图所示。 3. 其他选项 除了以上两个选项之外，还有其他一些选项，例如“GIF图像”、“JPEG图像”、“PNG图像”等，这些选项的设置比较交单，在此不再介绍。 8.3.2Flash动画的发布预览 这一节继续学习Flash动画的发布预览的相关知识。执行菜单栏中的【文件】/【发布预览】子菜单下，选择相关的发布类型，如图所示。 选择相应的类型，即可打开一个浏览窗口，预览指定发布格式的播放效果，如图所示。