第8章动画测试与发布ppt课件.ppt

《第8章动画测试与发布ppt课件.ppt》由会员分享，可在线阅读，更多相关《第8章动画测试与发布ppt课件.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第8章 动画测试与发布第8章 动画的测试与发布 本章重点 在制作Animate CC 2015动画时，使用测试动画或测试场景功能可以随时查看动画播放时的效果。如果动画的播放不是那么顺利，还可以通过相关功能对影片进行优化操作。此外还可以根据需要，将Animate CC 2015文件发布为其他格式的文件。学习本章，读者应掌握Flash动画的测试与发布的方法。本章内容包括： Animate CC 2015动画的测试 优化影片 Animate CC 2015动画的发布 导出Animate CC 2015动画8.1 Animate CC 2015动画的测试 通过Animate CC 2015动画的测试功

2、能，可以测试部分动画、特定场景、整体动画等效果，以便对所做的动画随时预览，确保动画的质量和正确性。8.1.1 测试影片测试影片 在制作完Flash 动画后，可以使用“测试”命令查看整个动画播放时的效果。测试影片的具体操作步骤如下。 1）打开配套光盘中的“素材及结果 测试影片.fla”文件。 2）执行菜单中的“控制| 测试影片| 测试”命令，即可测试影片。8.1.2 测试场景测试场景 在制作Flash 动画的过程中，可以根据需要创建多个场景，或是在一个场景中创建多个影片剪辑的动画效果。此时可以使用“测试场景”命令对当前的场景或元件进行测试。测试场景的具体操作步骤如下。 1）打开配套光盘中的“素材

3、及结果 测试场景.fla”文件。 2）选择要进行预览的场景（此时选择的是“字幕”），如图8-1 所示。 3）执行菜单中的“控制| 测试场景”命令，即可测试“字幕”场景。图8-1 选择“字幕”8.2 优化动画文件优化动画文件 由于全球的用户使用的网络传输速度不同，可能一些用户使用的是宽带，而一些用户却还在使用拨号上网。在这种情况下，如果制作的动画文件较大，常常会让那些网速不是很快的用户失去耐心，因此在不影响动画播放质量的前提下尽可能地优化动画文件是十分必要的。优化Flash 动画文件可以分为在制作静态元素时进行优化，在制作动画时进行优化，在导入音乐时进行优化和在发布动画时进行优化5个方面。1.

4、在制作静态元素时进行优化在制作静态元素时进行优化 （1）多使用元件 重复使用元件并不会使动画文件明显增大，因此对于在动画中反复使用的对象，应将其转换为元件，然后重复使用该元件即可。（2）多采用实线线条 虚线线条（比如点状线、斑马线）相对于实线线条较为复杂，因此应较少使用虚线线条，而多采用构图最简单的实线线条。（3）优化线条 矢量图形越复杂，CPU运算起来就越费力，因此在制作矢量图形后可以通过执行菜单中的“修改|形状|优化”命令，将矢量图形中不必要的线条删除，从而减小文件大小。（4）导入尽可能小的位图图像 Flash CS6提供了JPEG、GIF和PNG 3种位图压缩格式。在Flash中压缩位图

5、的方法有两种：一是在“属性”面板中设置位图压缩格式；二是在发布时设置位图压缩格式。 1）在“属性”面板中设置位图压缩格式。在“属性”面板中进行设置的具体步骤如下： 执行菜单中的“窗口|库”命令，调出“库”面板。 右击要压缩的位图，在弹出的快捷菜单中选择“属性”命令，弹出如图8-2所示的“位图属性”对话框。在该对话框中显示了当前位图的格式以及可压缩的格式，此时该图为.bmp格式，压缩为“照片（JPEG）”。如果单击“自定义”，还可以对其压缩品质进行具体设置，如图8-3所示。图8-2 “位图属性”对话框 图8-3 对其压缩品质进行具体设置 如果在“压缩”右侧下拉列表中“无损（PNG/GIF）”，也

6、可对位图压缩。图8-4为对原图进行80%的压缩。 2）在发布时设置位图压缩格式。在发布时进行设置的具体步骤如下： 执行菜单中的“文件|发布设置”命令。 在弹出的“发布设置”对话框左侧勾选“Flash（.swf）”选项，然后在右侧勾选“压缩影片”复选框，并在“JPEG品质”文本框中填上相应的数值（见图8-5），单击“确定”或“发布”按钮即可。图8-4 对原图进行95%的压缩 图8-5 设置“Flash”选项卡（5）限制字体和字体样式的数量 使用的字体种类越多，动画文件就越大，因此应尽量不要使用太多不同种类的字体，而尽可能使用Flash内定的字体。2. 在制作动画时进行优化在制作动画时进行优化 （

7、1）多采用补间动画 由于Flash动画文件的大小与帧的多少成正比，因此应尽量以补间动画的方式产生动画效果，而少用逐帧方式生成动画。（2）多用矢量图形 由于Flash并不擅长处理位图图像的动画，通常只用于静态元素和背景图，而矢量图形可以任意缩放且不影响Flash的画质，因此在生成动画时应多用矢量图形。（3）尽量缩小动作区域 动作区域越大，Flash动画文件就越大，因此应限制每个关键帧中发生变化的区域，使动画发生在尽可能小的区域内。（4）尽量避免在同一时间内多个元素同时产生动画 由于在同一时间内多个元素同时产生动画会直接影响到动画的流畅播放，因此应尽量避免在同一时间内多个元素同时产生动画。同时还应

8、将产生动画的元素安排在各自专属的图层中，以便加快Flash动画的处理过程。（5）制作小电影 为减小文件，可以将Flash中的电影尺寸设置得小一些，然后将其在发布为HTML格式时进行放大。下面举例说明一下，具体操作步骤如下： 1）在Flash CS6中创建一个400像素300像素的载入条动画，然后将其发布为SWF电影，如图8-6所示。图8-6 发布为SWF电影 2）执行菜单中的“文件|发布设置”命令，在弹出的“发布设置”对话框中选择“HTML”选项卡，然后将“尺寸”设为“像素”，大小设为800像素600像素（见图8-7），单击“发布”按钮，将其发布为HTML格式。接着打开发布后的HTML，可以看

9、到网页中的电影尺寸被放大了，而画质却丝毫无损，如图8-8所示。图8-7 设置文件尺寸 图8-8 放大文件尺寸后的画面效果3. 在导入音乐时进行优化在导入音乐时进行优化 Flash支持的声音格式有波形音频格式WAV和MP3，不支持WMA、MIDI音乐格式。WAV格式的音频品质比较好，但相对于MP3格式比较大，因此建议多使用MP3的格式。在Flash CS6中可以将WAV转换为MP3，具体操作步骤如下： 1）右击“库”面板中要转换格式的.WAV文件。 2）在弹出的快捷菜单中选择“属性”命令，然后在弹出的“声音属性”对话框中设置“压缩”为“MP3”（见图8-9），单击“确定”按钮即可。图8-9 设置

10、“压缩”为“MP3”4. 使用运行时共享库使用运行时共享库 用户可以使用运行时共享库来缩短下载时间，对于较大的应用程序使用相同的组件或元件时，这些库通常是必需的。库将放在用户电脑的缓存中，所有后续SWF文件将使用该库，对于较大的应用程序，这一过程可以缩短下载时间。5. 优化动作脚本优化动作脚本 在Aniamte CC 2017中可以使用“发布设置”命令对需要优化的动作脚本进行优化操作。执行菜单中的“文件|发布设置”命令，在弹出的“发布设置”对话框中勾选“省略trace语句”复选框，如图8-10所示，然后单击“确定”按钮，即可完成动作脚本的优化。图8-10 勾选“省略trace语句”复选框 8.

11、3 Animate CC 2015动画的发布 在制作好Animate CC 2015动画后，可以根据需要将其发布为不同的格式，以实现动画制作的目的和价值。Animate CC 2015的发布操作通常是在“文件”菜单中完成的，Animate CC 2015的文件菜单中包括“发布设置”和“发布”2个关于发布的命令，如图8-11所示。图8-10 发布菜单命令8.3.1 发布设置发布设置 Animate CC 2015默认发布的动画文件为.swf格式，具体发布步骤如下： 1）执行菜单中的“文件|发布设置”命令，在弹出的“发布设置”对话框左侧勾选“Flash（.swf）”选项，如图8-12所示。 2）此

12、时在右侧会显示出“Flash（.swf）”相关参数。其主要参数含义如下： 目标：用于选择所输出的Animate CC 2015动画的版本，范围从Flash Player 10.320以及AIR系列，如图8-13所示。因为Animate CC 2015动画的播放是靠插件支持的，如果用户系统中没有安装高版本的插件，那么使用高版本输出的Animate CC 2015动画就不能被正常播放。如果使用低版本输出，那么Animate CC 2015动画所有的新增功能将无法正确地运行。所以，除非特别要求，一般不提倡使用低的版本输出Animate CC 2015动画。图8-12 选中“Flash（.swf）”复

13、选框 图8-13 “目标”列表框 脚本：用于设置与动画相搭配的脚本程序，有“ActionScript 3.0”1个选项。 音频流：是指声音只要前面几帧有足够的数据被下载就可以开始播放了，它与网上播放动画的时间线是同步的。可以通过单击其右侧的“设置”按钮，设置音频流的压缩方式。 音频事件：是指声音必须完全下载后才能开始播放或持续播放。可以通过单击其右侧的“设置”按钮，设置音频事件的压缩方式。 高级：该项目中包括多个复选框。勾选“压缩影片”复选框，在发布动画时会对视频进行压缩处理，使文件便于在网络上快速传输。勾选“包括隐藏图层”复选框，可以将动画中的隐藏层导出。勾选“允许调试”复选框，允许在Ani

14、mate CC 2015的外部跟踪动画文件。勾选“防止导入”复选框，可以防止别人引入自己的动画文件。当选中该项后，其下的“密码”文本框将激活，此时可以输入密码，此后导入该.swf文件将弹出如图8-14所示的对话框，只有输入正确密码后才可以导入影片，否则将弹出如图8-15所示的提示对话框。在“脚本时间限制”右侧文本框中输入数值，可以限制脚本的运行时间。图8-14 “导入所需密码”对话框 图8-15 提示对话框8.3.3 发布发布Animate CC 2015动画动画 在完成动画发布的设置后，执行菜单中的“文件|发布”命令，Animate CC 2015会创建一个指定类型的文件，并将它存放在Ani

15、mate CC 2015文档所在的文件夹中，在覆盖或删除该文件之前，此文件会一直保留在那里。8.4 导出Animate CC 2015动画 通过导出动画操作，可以创建能在其他应用程序中进行编辑的内容，并将影片直接导出为特定的格式。一般情况下，导出操作是通过菜单中的“文件|导出”中的“导出图像”、“导出影片”和“导出视频”3个命令来实现的，如图8-16所示。下面主要讲解“导出图像”和“导出影片”两种导出方式。图8-16发布菜单命令8.4.1 导出图像文件导出图像文件 “导出图像”命令可以将当前帧的内容或当前所选的图像导出成一种静止的图像格式或导出为单帧动画。执行菜单中的“文件|导出|导出图像”命

16、令，在弹出的“导出图像”对话框的“保存类型”下拉列表中可以选择多种图像文件的格式，如图8-17所示。当选择了相应的导出图像的格式和文件位置后，单击“保存”按钮，即可将图像文件保存到指定位置。图8-17选择多种图像文件的格式下面就来具体讲解一下导出的图像格式。1. JPEG图像图像 JPEG是一种有损压缩格式，该格式的图像包括上百万种颜色。它通常用于图像预览和一些文档，比如HTML文档等。该格式的图像具有文件小的特点，是所有格式中压缩率最高的格式，但该格式不支持透明。当选择“JPEG图像（*jpg,*jpeg）”格式导出时，会弹出如图8-19所示的“导出JPEG”对话框。该对话框中的参数除了“品

17、质”和“渐进式显示”两项外，其余参数与“导出位图”对话框中的参数相同。下面就来讲解“品质”和“渐进式显示”两项参数。图8-19 “导出JPEG”对话框 “宽 ”、“ 高”：用于设置导出的图像的大小。 分辨率：用于设置导出的图像的分辨率，并根据绘图的大小自动计算宽度和高度。 匹配屏幕：用于设置分辨率与显示器匹配。 包含：包括“最小影像区域”和“完整文档大小”两个选项可供选择。 品质：用于控制JPEG文件的压缩量。图像品质越低，则文件越小。 渐进式显示：勾选该项后，则可在Web浏览器中以渐进式的方式显示JPEG图像，从而可在低速网络连接上，以较快的速度显示加载的图像。2. GIF图像图像 GIF也

18、是一种有损压缩格式，它只包括256种颜色。该格式支持透明。当选择“GIF图像（*gif）”格式导出时，会弹出如图8-20所示的“导出GIF”对话框。该对话框中的大多数参数与“导出位图”对话框中的参数相同。下面就来讲解与“导出位图”对话框不同的相关参数。 颜色：用于设置导出的GIF图像中每个像素的颜色数。该下拉列表有“4色”、“8色”、 “16色”、“32色”、“64色”、“128色”、“256色”和“标准颜色”8种类型 可供选择，如图8-21所示。图8-20 “导出GIF”对话框 图8-21 “颜色”下拉列表 透明：勾选该项后，将应用程序背景的透明度。 交错：勾选该项后，将在下载导出的GIF文

19、件时，在浏览器中逐步显示该图像，从 而使用户在完全下载文件前就能看到基本的图像内容。 平滑：勾选该项后，将消除导出图像的锯齿，从而生成较高品质的图像，并改善文本 的显示品质。 抖动纯色：勾选该项后，可以将抖动应用于纯色。3. PNG图像图像 PNG是一种无损压缩格式，该格式支持透明。当选择“PNG（*png）”格式导出时，会弹出如图8-22所示的“导出PNG”对话框。该对话框中的大多数参数与“导出GIF”对话框中的参数相同，这里就不再赘述。图8-22“导出PNG”对话框4. SVG图像图像 SVG图像是用于描述二维图像的一种XML标记语言。SVG文件以压缩格式提供的与分辨率无关的HiDPI图形

20、，可用于Web、印刷及移动设备。用户可以使用CSS来设置SVG的样式。SVG对脚本与动画的支持使之成为Web平台不可分割的一部分。 常见的Web图像格式，比如GIF、JPEG和PNG，体积相对比较大且分辨率较低。SVG格式则是用矢量图形、文本和滤镜效果来描述图像，因此SVG文件体积小，分辨率高。SVG不仅可以在Web上，还可以在资源有效的手持设备上提供高品质的图形。用户可以在屏幕上放大SVG图像，而不会损失细节或清晰度。此外，SVG颜色保真功能强大，可以确保用户看到的图像和舞台上显示的一致。8.4.2 导出影片文件导出影片文件 导出影片文件可以将制作好的Flash文件导出为Flash动画或者是

21、静帧的图像序列，还可以将动画中的声音导出为WAV文件。执行菜单中的“文件|导出|导出影片”命令，在弹出的“导出影片”对话框的“保存类型”下拉列表中包括多种影片文件的格式，如图8-23所示。当选择了相应的影片格式和文件位置后，单击“保存”按钮，即可将影片文件保存到指定位置。图8-23 选择多种影片的格式下面就来讲解一下Flash可以导出的影片格式。1. SWF影片（影片（*swf） SWF是Flash的专用格式，是一种支持矢量和点阵图形的动画文件格式，在网页设计、动画制作等领域被广泛应用，SWF文件通常也被称为Flash文件。使用这种格式可以播放所有在编辑时设置的动画效果和交互效果，而且容量小。此外，如果发布为SWF文件，还可以对其设置保护。2. JPEG序列和序列和PNG序列序列 在Flash中可以将逐帧更改的文件导出为JPEG序列和PNG序列，这两个导出对话框设置分别与JPEG图像和PNG图像的设置相同，这里就不赘述了。3. GIF动画和动画和GIF序列序列 GIF动画文件提供了一个简单的方法来导出简短的动画序列。Flash可以优化GIF动画文件，并且只存储逐帧更改的文件。而GIF序列是将影片逐帧导出为GIF文件。