文件的优化、导出与发布是动画制作完成后不可缺少的步骤,动画文件制作完成后,Flash软件允许将其同时发布为多种格式文件、包括swf、html、jpeg、png、gif文件等。也可以将其导出为单个文件,以便在其他的环境中或者融入其他的作品中一起使用,不过需要注意的是,在导出和发布之前需要对动画进行优化,在保证播放质量的前提下尽可能的对生成的动画进行压缩,使动画的体积达到最小,从而能够方便用户的观看,虽然看似简单,但是其重要性不容忽视,本章将对Flash动画文件的优化、导出和发布相关知识进行学习。
学习目标:
熟悉Flash影片的优化措施
掌握动画的导出方法
掌握发布影片的设置
10.1优化与测试影片
Flash影片发布到Web页面之前,应先测试并进行优化动画。测试是为了查看动画是否能立生预期的播放效果;优化是为了使Flash影片的体积更小,上传到Web页面后能更流畅地观看。
10.1.1优化Flash影片
Flash影片主要是通过互联网发布和传播的,考虑到网速的限制,在导出或发布影片之前应该采取优化措施减少影片的文件尺寸。
1.优化动画过程
多使用元件。在影片中多次出现的元素,一定要将其转换为元件。
尽量使用补间动画。补间动画的关键帧比逐帧动画要少,所以文件容量也较小。
尽量避免在同一时间内安排多个对象同时产生动作。有动作的对象也不要与其他静态对象安排在同一图层里。应该将有动作的对象安排在各自专属的图层内,以便加速Flash动画的处理过程。
尽量缩小动作区域。限制在每个关键帧中发生变化的区域,使动作发生在尽可能小的区域内。
尽量避免位图图像元素的动画,推荐用背景或者静态元素。如果一定要用,也应该将位图转换为矢量图。
尽量使用MP3格式的声音文件。因为MP3文件既能保持高保真的音效,还可以在Flash中得到更好的压缩效果。对于用于背景音乐的声音文件,应该使用尽可能小的声音文件或对大的声音文件进行裁切后使用。在使用声音文件之前应该对添加到库中的声音进行适当的优化和压缩。
删除未使用有对象。删除不需要的帧,特别是关键帧、图层,以及“库”中未使用的对象。
2.优化绘制的图形
尽可能使用实线,限制使用如虚线、点线、波浪线等其他线条类型。
画线的时候应该首先考虑使用铅笔工具,而避免使用笔刷工具。
在不影响效果的前提下,尽量少使用渐变色。
尽量减少Alpha透明度的使用,这样会降低回放速度。
对绘制好的矢量图形,最好在分离状态下对其执行“优化”命令之后再使用,因为该命令可以删除一些不需要的曲线以减小文件容量。
3.优化文本和字体
限制字体和字体样式的数量。
尽量少用嵌入字体。使用系统默认字体可以得到更小的文件容量。
尽量不要将文本分离为图形。
4.优化动作脚本
在【发布设置】的【Flash】选项卡中选择【省略trace动作】复选框。
尽量使用本地变量而不是全局变量。
将经常重复的代码定义为函数。
10.1.2测试影片
在正式发布和导出影片之前,需要对影片进行测试。通过测试可以发现影片在下载过程中,是否会因为帧的数据量太多而出现停顿。
“带宽设置”以图形化方式查看下载性能,它会根据指定的调制解调器的传输速率,以图形的方式显示为影片中每个帧发送了多少数据。
既可以测试影片中某个场景的下载特性,又可以测试整个影片的下载性能。
以“飞入文字音效.fla”为例,介绍测试影片下载性能的方法。
(1)打开要测试的动画“飞入文字音效.flash”。
(2)选择【控制】→【测试场景】或【控制】→【测试影片】命令,这时就可以在影片测试窗口观看动画。
(3)在影片测试窗口中,选择【视图】→【下载设置】菜单命令,在级联子菜单中选择一个下载速度来确定模拟的数据流速率,如图10-1所示。如果要自定义一个下载速度,选择【自定义】命令。
(4)选择【视图】→【带宽设置】菜单命令,测试窗口上方显示下载性能图表,下方为动画播放区,如图10-2所示。
【影片】栏:显示影片的下载性能,包括影片的尺寸、帧速率、影片大小、播放时间、预加载时间。
【设置】栏:显示当前设置的网络传输条件。
【状态】栏:显示当前在右侧窗口中的动画的某一帧位置、数据量及整个动画已经下载的数据量,被选中的帧显示为绿色。
在图的右侧,显示时间轴标题和图表。每个交错的浅色或深色的矩形条表示影片中的一个单独的帧。矩形条越长,该帧的数据量越大(以bit为单位)。时间轴标题下面的红色平行线是动画传输率的警戒线,它的位置由传输条件决定。当矩形条高于红色平行线时,说明在播放到这一帧时可能会产生停顿等待该帧数据的加载。
(5)选择【视图】→【帧数据表】命令,单独显示没帧的数据量。该视图便于查看哪些帧导致数据流延迟。
(6)选择【视图】→【模拟下载】命令,打开或隐藏测试窗口下方的swf文件。如果隐藏了swf文件,则文档在不模拟Web连接的情况下就开始下载。
(7)单击图表右侧的矩形条,矩形条变为绿色,则播放窗口会停止动画播放,并在左侧窗口中显示对应帧的状态。
(8)关闭测试窗口,返回Flash动画的主场景,完成测试。
10.2导出影片
可以将Flash影片导出为各类型的动画文件格式,如Flash影片、QuickTime、WindowsAVI或gif动画;也可以导出为静态图像格式,如GIF、JPEG、PNG、MBP、PICT等。
选择【文件】→【导出】→【导出影片】或选择【文件】→【导出】→【导出图像】菜单命令,如图10-3所示。
1.导出图像
将影片中的当前帧或当前所选图像导出为一幅静态图像或单帧图像。
ADOBEIllustrator(.ai):是Flash与其他矢量绘图工具之间交换图形的最好格式。这种格式支持曲线、线条类型、填充信息的精确转换。
GIF图像(.gif):导出一个GIF格式的静止图像文件。
JPEG图像(.jpg)图像:导出一个JPEG格式的静止图像文件。
位图(.bmp):导出一个位图格式的静止图像文件。
PNG(.png):导出一个PNG格式的静止图像文件,PNG是唯一支持透明度的跨平台位图格式。
将Flash图形导出为位图文件(如GIF、JPEG、BMP)后,图像会丢失其矢量信息,仅以像素信息保存,若要再次编辑导出图像,只能使用图像编辑器(如AdobePhotoshop)。
2.导出影片
将Flash影片导出为动画格式,还可以导出为序列文件,即为影片中的每一帧创建一个带编号的静止图像文件,并将文档中的声音导出为WAV格式文件。
Flash影片(.swf):是Flash动画的默认文件格式,需FlashPlayer播放器播放。
WindowsAVI(.avi):是标准的Windows动画格式,该格式基于位图格式,所以高分辨率或较长的动画会使文件容量很大。
QuickTime(.mov):是Apple公司开发的一种音频、视频文件格式。具有存储空间要求小等特点,已成为数字媒体软件技术领域的事实上的标准。
GIF动画(.gif):可导出一个包含多个连续画面的GIF动画文件。
WAV音频(.wav):将当前影片中的所有声音输出到一个WAV格式的文件中。
序列文件:如GIF序列文件(.gif)、位图序列文件(.bmp)、JPEG序列文件(.jpg)、PNG序列文件(.png)、AdobeIllustrator序列文件(.ai)等。导出一组图像,影片中的每一帧对应一个文件。
10.3发布影片
影片测试完成后,就可以发布了。默认情况下,发布命令将创建SWF文件,并将影片插入到浏览器窗口中的HTML文档中。
发布命令还将生成一个JavaScript文件,删除了该文件,SWF文件不能在该浏览器中正常播放。除了以SWF格式发布影片外,还可以以多种媒体发布影片,如GIF、JPEG、PNG、QUICKTIME等。此外,还可以将影片发布为能够独立运行的程序。
10.3.1输入影片设置
在发布前,先选择文件的发布格式,选择【文件】→【发布设置】菜单命令,弹出【发布设置】对话框,如图10-4所示,共有8种格式的文件。选择所需格式类型,每选择一种格式类型,在对话框的上方就出现关于该类型的选项卡。
在这8种格式中,只有Windows放映文件和放映文件两种格式没有相应参数需要设置,所以当选取这两种格式时,不会增加格式选项卡。
系统会为发布的文件自动设置一个默认的名称:所有的文件名都将使用Flash文件的原始文件名,并在该文件明的后面加上各自的拓展名。用户也可以输入名称,为文件的重命名。
设置完毕,单击【发布】按钮,将按照设定的属性发布影片。如果单击【确定】按钮,将关闭【发布设置】对话框,然后可选择【文件】→【发布】命令发布影片。
10.3.2发布“展开画卷”为SWF文件
将第10章中的实例“展开画卷.fla”发布为SWF文件。
(1)打开素材“第6章\绿色大自然.fla”。