Animate CC 2019动画制作标准教程(共14单元)13测试、优化、调试、输出和发布.ppt
18页本章简介: 在制作Animate动画时可以测试作品是否达到预期的效果,还可将作品进行优化,以保证最好的网络播放效果制作完成Animate作品,可以对其进行输出或发布,制作成脱离Animate CC 2019环境的其他文件格式本章将介绍对动画作品进行测试、优化和调试的益处及技巧,还有输出和发布作品的方法和格式读者通过学习要了解并掌握测试、优化、输出、发布作品、转换为HTML5 Canvas的方法和技巧,以便制作出高质量的动画作品 第13章测试、优化、调试、输出和发布课堂学习目标了解Animate测试的环境了解影片的优化了解动画的调试掌握发布Animate动画13.1Animate的测试环境测试影片测试场景动画制作完成后,对动画整体进行测试选择“控制 测试”命令,或按Ctrl+Enter组合键,动画会自动生成一个SWF文件,在Flash Player中播放13.1.1测试影片测试过程图Animate也可以对单个元件进行测试,以便清楚的观看单个元件的效果在舞台窗口中双节需要测试的元件,进入到该元件的编辑模式选择“控制 测试场景”命令,或按Ctrl+Alt+Enter组合键,就可以对指定的元件进行测试。
13.1.2测试场景测试场景过程图13.2优化影片元件的优化动画的优化线条的优化图形的优化位图的优化音频的优化文字的优化填色的优化帧的优化图层的优化尺寸的优化优化命令13.3动画的调试调试命令调试ActionScript 3.0远程调试会话选择“调试 调试影片”命令,可以对动画进行调试操作,如图为调试动画的相关命令选项单击“调试影片”选项,在“调试影片”中也包括相应的子菜单选项13.3.1调试命令“调试”命令ActionScript 3.0调试器仅用于ActionScript 3.0 FLA和AS文件,FLA文件必须将发布设置设为Flash Player 9启动一个ActionScript 3.0调试回话时,Flash将启动独立的Flash Player调试板来播放SWF文件调试板Flash播放器从Animate创作应用程序窗口的单独窗口中播放SWF13.3.2调试ActionScript 3.0利用ActionScript 3.0,可以通过使用Debug Flash Player的独立版本、ActiveX版本或插件版本(位于Animate安装目录/Players/Debug/目录中)调试远程SWF文件。
但是,在ActionScript 3.0调试器中,远程调试限制和Animate创作应用程序位于同一本地主机上,并且正在独立调试播放器、ActiveX空间或插件中播放的文件13.3.3远程调试会话13.4影片的输出与发布输出影片设置输出影片格式发布设置发布影片格式转换为HTML5 Canvas针对HTML5的发布13.4.1输出影片设置选择“文件 导出”命令,其子菜单如图所示可以选择将文件导出为图像或影片 13.4.2输出影片格式Animate CC可以输出多种格式的动画或图形文件,一般包含以下几种常用类型 1SWF 影片 (*.swf)2JPEG序列 (*.jpg)3GIF序列 (*.gif)4PNG序列 (*.png)13.4.3发布设置选择“文件 发布”命令,在Animate文件所在的文件夹中生成与Animate文件同名的SWF 文件和HTML文件 如果要设置同时输出多种格式的动画作品,选择“文件 发布设置”命令,弹出“发布设置”对话框在默认状态下,只有两种发布格式可以选择下方的复选框,对话框的上方也出现相应的格式选项卡13.4.4发布影片格式Animate CC能够发布多种格式的文件,下面介绍几种常用格式文件的参数设置。
1Flash(.swf) 文件格式2SWC3HTML包装器4GIF图像5JPEG图像6PNG图像7OAM包8SVG图像9SWF归档13.4.5转换为HTML5 Canvas如果想要将Animate中制作的旧版动画转换为HTML5 动画,可以通过一下几种方式进行转换1复制图层的方式打开要转换的动画文件,在“时间轴”面板中选中图层,在任意一个图层名称上单击鼠标右键,在弹出的快捷菜单中选择“拷贝图层”命令,将选中的图层进行复制新建一个HTML5 Canvas文档,在“时间轴”面板图层名称上面单击鼠标右键,在弹出的快捷菜单中选择“粘贴图层”命令,将复制的图层进行粘贴2使用菜单命令转换打开要转的动画文件,选择“文件 转换为 HTML5 Canvas”命令,即可将ActionScript 3.0文档转为HTML5文档13.4.6针对HTML5的发布HTML5是构建Web内容的一种语言描述方式,是网页创建内容的最新标准在Animate CC 2019中,选择HTML5 Canvas文档类型,可以进入HTML5发布环境,输出发布即可选择“文件 发布设置”命令,弹出“发布设置”对话框,在对话框中进行设置,单击“发布”按钮,即可发布文件。





