测试和发布Flash动画 Flash动画制作完成后，可以将动画作为文件导出，或发布动画。首先需要对动画进行优化，减少文件的大小，使动画能够更快速地下载和播放。而测试动画，是为了检查动画是否能正常播放。在Flash CS3中，可以将动画发布为SWF格式文件，也可以发布为QuickTime或其他格式文件，以满足不同系统平台的需要。 测试影片 发布影片 12.1 测试影片 测试影片，可以确保影片的平滑播放。在Flash Player中的一些优化影片和排除动作脚本故障的工具，也可以对动画的进行测试。 12.1.1 优化影片 影片的下载时间和回放时间与影片文件的大小成正比，要减少影片的下载和回放时间，在导出影片之前最好对影片进行优化。 在发布影片时，Flash会自动对影片进行优化处理。在导出影片之前，可以总体上优化影片，还可以优化元素、文本和颜色等。 1 总体优化影片 要总体优化影片，有以下几种方法。 对于重复使用的元素，应尽量使用元件、动画或者其他对象。 在制作动画时，应尽量使用补间动画。 对于动画序列，最好使用影片剪辑而不是使用图形元件。 限制每个关键帧中的改变区域，在尽可能小的区域中执行动作。 避免使用动画位图元素、位图图像作为背景或静态元素。 尽可能使用MP3格式的声音。 2 优化元素和线条 要优化元素和线条，有以下几种方法。 尽量将元素组合在一起。 对于随动画过程改变的元素和不随动画过程改变的元素，可以使用不同的图层分开。 使用“优化”命令，减少线条中分隔线段的数量。 尽可能少地使用诸如虚线、点状线、锯齿状线之类的特殊线条。 尽量使用“铅笔”工具绘制线条。 3 优化文本和字体 要优化文本和字体，有以下两种方法。 尽可能使用同一种字体和字形，减少嵌入字体的使用。 对于“嵌入字体”选项只选中需要的字符，无需包括所有字体。 4 优化颜色 要优化颜色，有以下几种方法。 使用“颜色”面板，匹配影片的颜色调色板与浏览器专用的调色板。 减少渐变色的使用。 减少Alpha透明度的使用，将减慢影片回放的速度。 5 优化动作脚本 要优化动作脚本，有以下几种方法。 在“发布设置”对话框的Flash选项卡中，启用“省略跟踪动作”复选框。这样在发布影片时就不使用trace动作。 定义经常重复使用的代码为函数。 尽量使用本地变量。 12.1.2 测试影片下载性能 测试影片的下载性能是导出影片前非常必要的步骤。Flash Playe可以尝试满足设置的帧频，但在回放期间，不同计算机上的实际帧频可能不同。如果正在下载的影片到达了一个特定的帧，但是它所需数据尚未下载完毕，则影片会暂停，直到数据下载完毕为止。 可以通过带宽配置技术查看影片的下载性能，带宽配置技术可以根据设定的调制解调器速度以图形化的方式显示每个帧需要发送的数据量。还可以在文档编辑模式下，选择“文件”|“发布设置”命令，打开“发布设置”对话框，单击Flash标签，打开Flash选项卡，然后打开该选项卡对话框，如图12-1所示，选中“生成大小报告”复选框。 选择“文件”|“发布”命令后，系统会自动生成一个扩展名为.txt的文件。该报告会逐帧列出最终生成的Flash Player文件中的数据数量。 图12-1 “发布设置”对话框 12.1.3 测试影片下载速度 使用Flash Player可以测试影片下载速度，在测试下载速度时，Flash使用的是典型的Internet性能估计，而不是精确的调制解调器速度。可以在各种准备支持的速度以及准备支持的各种计算机上测试影片，确保影片在所支持的最慢连接和计算机上不会出现负载过度的情况。 选择“控制”|“测试场景”命令，打开影片测试播放窗口，如图12-2所示。选择“视图”|“下载设置”命令，在级联菜单中可以选择模拟影片的下载速度。选择“自定义”命令，可以打开“自定义下载设置”对话框，如图12-3所示，自定义模拟影片的下载速度。 选择“视图”|“带宽配置”命令，在播放窗口上方会显示下载性能图表，如图12-4所示。在图表左侧显示了影片的相关信息、影片的设置以及状态；图标右侧显示了时间轴标题和下载速度图表，灰色的指标表示影片的某一帧，指标的长度对应帧的字节大小，时间轴标题下的红色线条表明在设置的下载速度下，给定的帧能否实时播放，如果超出红色线条，必须等待该帧加载后播放。 图12-2 影片测试播放窗口 图12-3 “自定义下载设置”对话框 图12-4 显示下载性能图表 在现在性能图标中，单击某个指标，在左侧的窗口中会显示该帧的相关设置，在播放窗口中将停止影片播放，并显示该帧的内容。 12.2 发布影片 默认情况下，使用“发布”命令可以创建*.SWF格式文件，也可以将Flash影片插入HTML文档，还可以创建GIF、JPEG、PNG和QuickTime等文件格式。可以根据需要选择发布格式以及设置相关的发布参数。 12.2.1 设置发布格式 在发布Flash文档前，根据需要，首先确定发布的文件格式并设置相关的发布参数，然后进行发布操作。 发布Flash文档时，需要先创建一个文件夹，保存所要发布的Flash文档至该文件夹中，然后选择“文件”|“发布设置”命令，打开如图12-1所示的“发布设置”对话框。在默认情况下，Flash和HTML复选框处于选中状态。 在“发布设置”对话框中，可以选择多种发布格式。单击所需发布的格式选项卡，即可打开选项卡对话框，在对话框中显示了相应格式的详细设置一起发布格式的参数。 默认情况下，在发布影片时使用的是文档原有名称，如果要重新命名，单击“使用默认名称”按钮，然后在“文件名”文本框中重新输入文件名即可。 设置完成后，单击“发布”按钮，即可按照设定的文件格式及参数选项进行发布。单击“确定”按钮，可以保存设置的参数选项而不进行影片的发布。 12.2.2 设置Flash发布格式 Flash格式是Flash CS3默认的发布格式。选择“文件”|“发布设置”命令，打开“发布设置”对话框，单击Flash标签，打开Flash选项卡，如图12-1所示。该对话框中各参数选项作用如下。 “版本”：选择Flash播放器的版本。可以选择Flash1到Flash9播放器，如果影片中的某些功能播放器不支持，将不会显示。 “加载顺序”：选择影片的加载顺序，可以选择“自下而上”或“自上而下”选项。 “ActionScript版本”：选择ActionScript脚本语言的版本。单击右侧的“设置”按钮，可以针对不同版本的语言进行设置。 “选项”：选中“生成大小报告”复选框，可以生成最终Flash影片的数据量报告；选中“防止导入”复选框，可以防止导入其他Flash影片；选中“省略跟踪动作”复选框，可以使Flash忽略当前影片中的跟踪(trace)动作，在“输出”面板中不显示跟踪动作信息；选中“允许调试”复选框，可以激活调试器并允许远程调试Flash影片；选中“压缩影片”复选框，可以压缩Flash影片，减小文件大小。 “密码”：选中“允许调试”复选框中，可以在“密码”文本框中输入密码，防止未授权的用户调试影片。 “脚本时间限制”：设置脚本的运行时间。 “JPEG品质”：可以控制位图压缩。移动滑块或在文本框中输入数值，数值范围为0~100，数值越小，则影片图像的品质越低，生成的文件也越小；选项数值越大，则影片图像品质越高，生成的文件越大。 “音频流”和“音频设置”：以设置影片中所有的音频流或事件声音的采样率和压缩。单击“音频流”或“音频事件”选项右侧“设置”按钮，打开“声音设置”对话框，如图12-5所示。在该对话框中设置声音的压缩、比特率和品质，然后单击“确定”按钮即可。 图12-5 “声音设置”对话框 “覆盖声音设置”：设置声音属性并覆盖“属性”面板中的设置。 “导出设备声音”：将声音以设备声音的形式导出。 “本地回放安全性”：设置本地文件的回放方式，可以选择“只访问本地文件”和“只访问网络”两种选项。 12.2.3 设置HTML发布格式 在默认情况下，HTML文档格式是随Flash文档格式一同发布的。这是由于在网页浏览器中，播放Flash影片需要一个能够激活该影片并指定浏览器设置的HTML文档。单击“发布设置”对话框中的HTML标签，打开HTML选项卡，如图12-6所示。该对话框中各参数选项作用如下。 “模板”：选择已经安装的模板。单击“信息”按钮，打开“HTML模板信息”对话框，如图12-7所示，显示所选模板的说明信息。 图12-6 HTML选项卡对话框 图12-7 “HTML模板信息”对话框 “尺寸”：在下拉列表框中选择“匹配影片”选项，应用影片的大小；选择“像素”选项，会以像素为单位，在“宽”和“高”文本框中设置影片的宽度和高度数值；选择“百分比”选项，在“宽”和“高”文本框中设置影片相对于浏览器窗口的显示百分比。 “回放”：选中“开始时暂停”复选框，影片在开始时暂停播放，可以单击影片中的按钮或从快捷菜单中选择“播放”命令，再次开始播放；选中“循环”复选框，可以重复播放影片；选中“显示菜单”复选框，可以使用户通过在影片上右击打开快捷菜单的方式选择所需命令；选中“设备字体”复选框，可以在打开文档缺失字体的情况下，使用设备字体替换用户系统中没有的字体。 “品质”：在处理时间与应用消除锯齿功能之间确定一个平衡。选择“低”选项，将强调速度忽略外观，并且不使用消除锯齿功能；选择“自动降低”选项，将强调速度，但会尽可能改善外观，在回放开始时消除锯齿功能处于关闭状态，如果Flash Player检测到处理器可以处理消除锯齿功能，则系统会打开该功能；选择“自动升高”选项，系统会在开始时同等强调回放速度和外观，但在必要时会牺牲外观来保证回放速度，在回放开始时消除锯齿功能处于打开状态，如果实际帧频降到指定帧频之下，则系统会关闭消除锯齿功能以提高回放速度；选择“中”选项，可以运用一些消除锯齿功能，但不会平滑位图；选择“高”选项，将主要考虑外观，而不考虑回放速度，并且始终使用消除锯齿功能；选择“最佳”选项可提供最佳的显示品质，但不考虑回放速度，所有的输出都已消除锯齿，而且始终对位图进行平滑处理。 “窗口模式”：在下拉列表框中选择“窗口”选项，可以在网页窗口中以最快速度播放动画；选择“不透明无窗口”选项，可以移动Flash影片后面的元素(如动态HTML)，以防止它们透视；选择“透明无窗口”选项，可以显示该影片所在的HTML页面的背景，透过影片的所有透明区域都可以看到该背景，但是这样会减慢动画的播放速度。 “HTML对齐”：确定Flash影片在浏览器窗口中的位置。在下拉列表框中选择“默认”选项，可以使影片在浏览器窗口内居中显示，如果浏览器窗口小于影片，则会裁剪影片的边缘；选择“左对齐”、“右对齐”、“顶部”或“底部”选项，可以使影片与浏览器窗口的相应边缘对齐，并会根据需要裁剪其余的3边。 “缩放”：设置影片放置至指定边界内。在下拉列表框中选择“默认(显示全部)”选项，可以在指定区域内显示整个影片，而且不会发生扭曲，同时保持影片的原始宽高比；选择“无边框”选项，可以对影片进行缩放，使其填充指定的区域，并保持影片的原始宽高比；选择“精确匹配”选项，可以在指定区域显示整个影片，但不保持影片的原始宽高比，这时影片可能会发生扭曲；选择“无缩放”选项，可以禁止影片在调整Flash Player窗口大小时同时跟随其缩放。 “Flash对齐”：设置如何在影片窗口内放置影片，以及在必要时如何裁剪影片边缘。 “显示警告消息”：在发生冲突时显示提示错误的消息。 12.2.4 设置GIF发布格式 在目前网页中大部分的动态图标都是GIF动画，它是由连续的GIF图形文件组成的动画。常用于保存供网页使用的简单绘画和简单动画。标准GIF文件是一种简单的压缩位图。在“发布设置”对话框的“类型”选项卡中，选中“GIF图像”复选框后，即可显示GIF选项卡，以进行GIF格式的发布设置。 选择“文件”|“发布设置”命令，打开“发布设置”对话框，单击“格式”标签，打开“格式”选项卡，如图12-8所示。选中“GIF图像”单选按钮，可以打开GIF选项卡，单击GIF标签，打开GIF选项卡，如图12-9所示，该对话框中各参数选项作用如下。 图12-8 “格式”选项卡对话框 图12-9 GIF选项卡对话框 “尺寸”：在文本框中可以输入导出的位图图像宽度和高度大小数值。选中右侧的“匹配影片”复选框，可以使GIF图像与Flash影片大小相同并保持原始图像的宽高比。 “回放”：选中“静态”单选按钮，只能发布第一帧的GIF图像。选中“动画”单选按钮和右侧的“不断循环”单选按钮，可以循环播放GIF图像的所有帧；选中“重复”单选按钮，在“循环计数”文本框中可以输入要循环播放GIF图像所有帧的次数。 “选项”：选中“优化颜色”复选框，可以从GIF文件的颜色表中删除所有不使用的颜色，并且不会影响图像品质；选中“交错”复选框，发布的GIF文件在下载时，可以在浏览器中逐步显示；选中“平滑”复选框，可以消除发布的图像锯齿，提高图像品质，但会增加GIF文件大小；选中“抖动纯色”复选框，抖动纯色和渐变色；选中“删除渐变”复选框，图像将使用渐变色中的第1种颜色将图像中的所有渐变填充转换为纯色。 “透明”：设置影片背景的透明度以及将Alpha透明度数值设置为GIF图像的方式。 “抖动”：设置可用颜色的像素来模拟当前调色板中不可用的颜色，可以改善颜色品质，但会增加文件大小。 “调色板类型”：设置图像的调色板。选择“Web216色”选项，使用标准的216色浏览器调色板来创建GIF图像，可以获得较好的图像品质；选择“最合适”选项，可以分析图像中的颜色，并为选定的GIF图像创建一个唯一的颜色表，可以创建最精确的图像颜色，但生成的文件较大；选择“接近Web最合适”选项，将相近的颜色转换为Web216色调色板中的颜色；选择“自定义”选项，可以指定已经优化的调色板作为图像颜色。 “最多颜色”：设置GIF图像中使用的颜色数量，选择的颜色数量越少，生成文件的大小越小，但会降低图像的颜色品质。 12.2.5 设置其他发布格式 在Flash的“发布设置”对话框中，除了以上几种发布格式为，还可以设置JPEG图像、PNG图像、Windows放映文件、Macintosh放映文件和QuickTime发布格式。 JPEG格式：用于保存图像为高压缩比的24位位图。通常GIF格式对线条绘制的图像表现效果较好，而JPEG格式则更适合显示包含连续色调(如相片、渐变色或嵌入位图)的图像。在“发布设置”对话框的“类型”选项卡中，选中“JPEG图像”复选框后，即可显示JPEG选项卡，以进行JPEG格式的发布设置。 PNG格式：支持透明度(Alpha通道)的跨平台位图文件格式，也是Macromedia Fireworks的默认文件格式。在“发布设置”对话框的“类型”选项卡中，选中“PNG图像”复选框后，即可显示PNG选项卡，以进行PNG格式的发布设置。 Windows放映文件：用于创建Windows独立放映文件。需要注意的是，在“发布设置”对话框中不会显示与其相应的选项卡。 Macintosh放映文件：用于创建Macintosh独立放映文件。需要注意的是，在“发布设置”对话框中不会显示与其相应的选项卡。 QuickTime：用于创建QuickTime格式的影片，并将Flash影片复制到单独的QuickTime轨道上。在QuickTime影片中播放Flash影片与在Flash Player中完全相同，并且可保留影片本身所有的交互功能。 12.3 上机实验 本章的上机实验主要练习发布GIF文件格式的操作方法。对于本章中的其他内容，可根据理论指导部分进行练习。 12.3.1 发布GIF图像 (1) 选择“文件”|“打开”命令，打开“打开”对话框，如图12-10所示，选择“生日贺卡.fla”文件，单击“打开”按钮，打开该文件。 (2) 选择“文件”|“发布设置”命令，打开“发布设置”对话框。单击“格式”标签，打开“格式”选项卡，选中“GIF图像”复选框，然后单击GIF标签，打开GIF选项卡，选中“动画”单选按钮，在“透明”下拉列表框中选择“透明”选项，在“调色板类型”下拉列表框中选择“最合适”选项，如图12-11所示，单击“发布”按钮，发布GIF图像。 图12-10 “打开”对话框 图12-11 设置GIF选项卡对话框 (3) 打开发布的GIF图像，效果如图12-12所示。 图12-12 打开发布的GIF图像 12.4 思考练习 12.4.1 填空题 1. 影片的下载时间和回放时间与影片文件的大小成___________比，要减少影片的下载和回放时间，在导出影片之前最好对影片进行___________。 2. 在总体上优化影片时，对于多次出现的元素，应尽量使用___________、___________或者其他对象。 3. 在优化影片时，对于声音，尽可能使用___________格式的声音，因为___________格式的声音文件占用空间较小。 4. 使用“发布”命令可以创建*.SWF格式文件，也可以将Flash影片插入HTML文档，还可以创建___________、___________、___________和___________等文件格式。 12.4.2 选择题 1. 在下载性能图表中，如果某个帧超出图表中水平的红色线条，说明( )。 A. 该帧将被跳过 B. 影片必须等待该帧的加载 C. 该帧可顺利播放 D. 该帧中包含错误 2. 尽量使用( )工具绘制线条，可以减少所需的磁盘空间。 A. 铅笔 B. 线条 C. 钢笔 C. 墨水瓶 3. 在优化颜色时，应尽量少的使用( )。 A. 渐变色 B. 透明色 C. 纯色 D. Web 216色 4. 发布Flash文档时，其默认的发布格式是( )。 A. SWF和HTML B. GIF和PNG C. PNG和HTML D. SWF和MOV 12.4.3 操作题 1. 打开任意制作好的Flash影片，测试它的下载性能。 2. 打开任意制作好的Flash影片，将它发布为GIF图像。