《Animate-CC-2019》13章

本章简介：在制作Animate动画时可以测试作品是否达到预期的效果，还可将作品进行优化，以保证最好的网络播放效果。制作完成Animate作品，可以对其进行输出或发布，制作成脱离AnimateCC环境的其他文件格式。本章将介绍对动画作品进行测试和优化的益处及技巧，还有输出和发布作品的方法和格式。读者通过学习要了解并掌握测试、优化、输出、发布作品、转换为HTML5Canvas的方法和技巧，以便制作出高质量的动画作品。第13章作品的测试、优化、输出和发布课堂学习目标了解影片的测试与优化掌握影片的输出与发布13.1影片的测试与优化影片测试窗口作品优化选择“控制测试”命令，或按Ctrl+Enter组合键，进入影片测试窗口。“测试影片”窗口13.1.1影片测试窗口动画文件越大，在网络上播放浏览时等待播放的时间就越长。虽然在动画作品发布时会自动进行一些优化，但是在制作动画时还要从整体上对动画进行优化，以减少文件量。动画的优化包括以下几个方面。（1）将动画中所有相同的对象用同一个符号引用，这样，相同内容的对象在作品中只能保存一次。（2）在动画中尽量避免使用逐帧动画，多使用补间动画。因为补间动画中的过渡帧是计算所得，所以其文件量大大少于逐帧动画。13.1.2作品优化（3）如果使用导入的位图，最好将位图作为背景或静止元素，尽量避免使用位图动画元素。（4）对舞台中多个相对位置固定的对象建组。（5）尽量用矢量线条代替矢量色块。减少矢量图形的复杂程度，如减少图形的边数或曲线上折线的数量。（6）尽量不要将文字打散成轮廓，尽量少用嵌入字体。13.1.2作品优化（7）尽量少用渐变色，使用单色，因为渐变色比单色多占用50个字节的存储空间。少使用不透明度，因为会减慢回放速度。（8）尽量限制使用特殊线条的类型数，如虚线、点线等。实线比特殊线条占用的空间要小。使用“铅笔”工具绘制的线条比使用“画笔”工具绘制的线条占用的空间要小。（9）使用“属性”面板中“颜色”选项下拉列表中的各个命令设置实例，可以使同一元件的不同实例产生多种不同的效果。13.1.2作品优化（10）尽量避免在作品的开始出现停顿。在作品的开始阶段，要在文件量大的帧前面设计一些较小的帧序列，在播放这些帧的同时，预载后面文件量大的内容。（11）对于动画的音频素材，尽量使用MP3格式，因为其占用空间最小，压缩效果最好。（12）音频引用对象和位图引用对象包含的文件量大，因此，避免在同一关键帧中同时包含这两种引用对象，否则，可能会出现停顿帧。13.1.2作品优化13.2影片的输出与发布输出影片设置输出影片格式发布影片设置发布影片格式转换为HTML5Canvas针对HTML5的发布选择“文件导出”命令，可以选择将文件导出为图像或影片。13.2.1输出影片设置AnimateCC可以输出多种格式的动画或图形文件，一般包含以下几种常用类型。13.2.2输出影片格式SWF影片(*.swf)JPEG序列(*.jpg)GIF序列(*.gif)PNG序列(*.png)选择“文件发布”命令，在Animate文件所在的文件夹中生成与Animate文件同名的SWF文件和HTML文件。发布影片13.2.3发布影片设置AnimateCC能够发布多种格式的文件，下面介绍各种格式文件的参数设置。13.2.4发布影片格式Flash（.swf）文件格式SWCHTML包装器GIF图像JPEG图像PNG图像OAM包SVG图像SWF归档如果想要将Animate中制作的旧版动画转换为HTML5动画，可以通过一下几种方式进行转换。13.2.5转换为HTML5Canvas复制图层的方式使用菜单命令转换HTML5是构建Web内容的一种语言描述方式，是网页创建内容的最新标准。在AnimateCC2019中，选择HTML5Canvas文档类型，可以进入HTML5发布环境，输出发布即可。选择“文件发布设置”命令，弹出“发布设置”对话框，完成后，单击“发布”按钮，即可发布文件。13.2.6针对HTML5的发布