2.9 优化、测试和发布动画
Animate CC 2017动画制作完成后，在发布之前可以根据需要，对动画进行适当的优化处理，还可以根据播放环境的需要将其输出为多种格式。例如，可以输出为适合网络播放的.swf和.html格式，也可以输出为非网络播放的.avi和.mov格式，还可以输出为.exe的Windows放映格式。
2.9.1 优化动画
优化动画主要是为了减小动画文件的大小，从而缩短动画下载和回放时间。
（1）整体优化动画
对于整个动画，主要有以下几种方式对其进行整体优化。
● 对于重复使用的元素，最好将其转换为元件、动画或者其他对象。
● 限制每个关键帧中的改变区域，在尽可能小的区域中执行动作。
● 在制作动画时，尽可能使用补间动画。
● 对于动画序列，最好使用影片剪辑元件而不是图形元件。
● 对于音频，尽可能使用MP3这种占用空间小的格式。
（2）优化颜色
优化颜色对动画播放效果起着十分重要的作用，有时用户会发现本地播放动画的颜色效果与浏览器上播放的颜色效果不一致，这时用户需对动画颜色进行优化调整。优化颜色有以下几种方式。
● 使用“颜色”面板调色，从而使文档的调色板与浏览器专用的调色板相匹配。
● 尽量减少渐变色的使用。
● 尽量减少Alpha透明度的使用。
（3）优化文本、字体和线条
除了可以对整体影片和颜色进行优化外，用户还可以对文本、字体和线条进行优化。优化文本、字体和线条有以下几种方式。
●尽可能使用同一种字体，减少嵌入字体的使用。如果要使用嵌入字体，则对于“嵌入”字体选项只勾选需要的字符，而不要包括所有字体。
● 尽可能减少诸如虚线、点状线、锯齿状线之类的特殊线条的使用。
● 尽量使用矢量的“钢笔工具”绘制线条。
（4）使用运行时共享库
用户可以使用运行时共享库来缩短下载时间，对于较大的应用程序使用相同的组件或元件时，这些库通常是必需的。库将放在用户计算机的缓存中，所有后续SWF文件将使用该库，对于较大的应用程序，这一过程可以缩短下载时间。
（5）优化动作脚本
在Aniamte CC 2017中可以使用“发布设置”命令对需要优化的动作脚本进行优化操作。执行菜单中的“文件|发布设置”命令，在弹出的“发布设置”对话框中勾选“省略trace语句”复选框，如图2-186所示，然后单击“确定”按钮，即可完成动作脚本的优化。
图2-186 “发布设置”对话框
2.9.2 测试动画
在Animate CC 2017中可以通过多种方式对动画进行测试，查看制作的动画是否符合要求。
（1）测试场景
如果制作了多个场景的动画文件，执行菜单中的“控制|测试场景”命令，即可测试播放当前编辑的场景。
（2）直接测试影片
执行菜单中的“控制|测试”（快捷键〈Ctrl+Enter〉）命令，即可对动画进行直接测试。
（3）在浏览器中测试影片
执行菜单中的“控制|测试影片|在浏览器中”命令，即可通过浏览器来浏览制作的动画。
（4）清除发布缓存
在AnimateCC2017中，如果发布的文件过多，就会影响计算机的运行速度，此时可以对发布的缓存文件进行清理操作。执行菜单中的“控制|清除发布缓存”命令，即可清除发布缓存文件。
2.9.3 发布动画
在Animate CC 2017中，不仅可以将制作的动画发布为默认的SWF格式以及在浏览器窗口所需的HTML文档，还可以将其导出为动态图像和静态图像。此外，还可以将其导出为QuickTime(mov)视频格式。
（1）发布SWF格式
将Animate CC 2017中制作的动画发布为SWF文件，不是通过直接发布Animate CC2017动画来完成的，而是通过发布设置来完成。具体操作步骤如下。
1）执行菜单中的“文件|发布设置”命令，打开“发布设置”对话框，如图2-187所示。
2）在“发布设置”对话框中左侧确认勾选“Flash(.swf)”复选框，然后单击“目标”右侧下拉列表框，从中选择相应的Flash Player版本选项，如图2-188所示。
图2-187 “发布设置”对话框
图2-188 选择相应的Flash Player版本选项
3）单击“输出文件”右侧的
按钮，从弹出的对话框中设置发布文件的路径和名称，如图2-189所示，单击“保存”按钮，返回“发布设置”对话框。
图2-189 设置发布文件的路径和名称
4）在“JPEG品质”右侧设置动画中JPEG压缩比例，然后在“音频流”和“音频事件”右侧设置采样率、压缩比特率以及品质。
5）单击“发布”按钮，即可将动画文件发布为.swf格式的文件。
（2）发布HTML格式
发布为HTML网页格式的具体操作步骤如下。
1）执行菜单中的“文件|发布设置”命令，打开“发布设置”对话框。
2）在“发布设置”对话框中左侧确认勾选“HTML包装器”复选框，如图2-190所示，然后单击“目标”右侧下拉列表框，从中选择相应的Flash Player版本选项。
图2-190 “发布设置”对话框
3）单击“输出文件”右侧的
按钮，从弹出的对话框中设置发布文件的路径和名称，单击“保存”按钮，返回“发布设置”对话框。
4）单击“模板”右侧下拉列表，从中选择“仅Flash-允许全屏”选项，如图2-191所示。
5）单击“品质”右侧下拉列表，从中可以选择HTML显示品质，此时选择的是“高”选项，如图2-192所示。
6）单击“窗口模式”右侧下拉列表，从中可以选择窗口的显示模式，此时选择的是“透明无窗口”选项，如图2-193所示。
图2-191 选择“仅Flash-允许全屏”选项
图2-192 选择“高”选项
图2-193 选择“透明无窗口”选项
7）单击“缩放”右侧下拉列表，从中可以选择影片缩放方式，此时选择的是“精确匹配”选项，如图2-194所示。
8）单击“HTML对齐”右侧下拉列表，从中可以选择网页对齐方式，此时选择的是“顶部”选项，如图2-195所示。
图2-194 选择“精确匹配”选项
图2-195 选择“顶部”选项
9）单击“发布”按钮，即可将动画文件发布为.html格式的文件。
（3）导出图像
Animate CC 2017可以将动画导出为动态图像和静态图像，一般导出的动态图像为GIF格式，导出的静态图像为JPEG格式。
1）导出GIF动态图像。方法：执行菜单中的“文件|导出|导出图像”命令，然后在弹出的“导出图像”对话框选择“GIF”格式，如图2-196所示，接着设置“名称”“颜色”和“图像大小”等参数后，单击“保存”按钮。最后在弹出的“另存为”对话框中设置文件保存的路径和名称，如图2-197所示，单击“保存”按钮，即可完成GIF动态图像的导出。
图2-196 选择“GIF”格式
图2-197 设置文件保存的路径和名称
2）导出JPEG格式静态图像。方法：执行菜单中的“文件|导出|导出图像”命令，然后在弹出的“导出图像”对话框选择“JPEG”格式，如图2-198所示，接着设置“名称”“品质”和“图像大小”等参数后，单击“保存”按钮。最后在弹出的“另存为”对话框中设置文件保存的路径和名称，单击“保存”按钮，即可完成JPEG静态图像的导出。
图2-198 选择“JPEG”格式
（4）导出.mov格式的视频
将Animate CC 2017中制作的动画导出为.mov格式的视频文件的具体操作步骤如下。
1）执行菜单中的“文件|导出|导出视频”命令，在弹出的“导出视频”对话框中设置设置相应参数，如图2-199所示。
图2-199 “导出视频”对话框
2）单击“导出”按钮，即可将动画文件发布为.mov格式的视频文件。