资源简介

(共15张PPT)
本章简介：
在制作Animate动画时可以测试作品是否达到预期的效果，还可将作品进行优化，以保证最好的网络播放效果。制作完成Animate作品，可以对其进行输出或发布，制作成脱离Animate CC环境的其他文件格式。本章将介绍对动画作品进行测试和优化的益处及技巧，还有输出和发布作品的方法和格式。读者通过学习要了解并掌握测试、优化、输出、发布作品、转换为HTML5 Canvas的方法和技巧，以便制作出高质量的动画作品。
第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　影片的输出与发布
输出影片设置
输出影片格式
发布影片设置
发布影片格式
转换为HTML5 Canvas
针对HTML5的发布
选择“文件 > 导出”命令，可以选择将文件导出为图像或影片。
13.2.1　输出影片设置
Animate CC可以输出多种格式的动画或图形文件，一般包含以下几种常用类型。
13.2.2　输出影片格式
SWF 影片 (*.swf)
JPEG序列 (*.jpg)
GIF序列 (*.gif)
PNG序列 (*.png)
选择“文件 > 发布”命令，在Animate文件所在的文件夹中生成与Animate文件同名的SWF 文件和HTML文件。
发布影片
13.2.3　发布影片设置
Animate CC能够发布多种格式的文件，下面介绍各种格式文件的参数设置。
13.2.4　发布影片格式
Flash（.swf） 文件格式
SWC
HTML包装器
GIF图像
JPEG图像
PNG图像
OAM包
SVG图像
SWF归档
如果想要将Animate中制作的旧版动画转换为HTML5 动画，可以通过一下几种方式进行转换。
13.2.5　转换为HTML5 Canvas
复制图层的方式
使用菜单命令转换
HTML5是构建Web内容的一种语言描述方式，是网页创建内容的最新标准。在Animate CC 2019中，选择HTML5 Canvas文档类型，可以进入HTML5发布环境，输出发布即可。
选择“文件 > 发布设置”命令，弹出“发布设置”对话框，在对话框中进行设置，单击“发布”按钮，即可发布文件。
13.2.6　针对HTML5的发布

展开更多......

收起↑