第18课动画的输出与发布(15)（精品）

单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,对于要将,Flash,动画应用于实际的动画设计者来说，,Flash,动画制作完成后，对其进行测试和优化是相当重要的工作。测试,Flash,动画是为了了解,Flash,动画是否完全按照设计者的思路产生预期的动画效果，或者将其发布到网络后是否仍能有同样优质的效果；优化动画主要是为了使,Flash,动画体积更小，更便于网络下载和观看，这是设计,Flash,动画必须考虑的一个因素。,第 十八课动画的输出与发布,测试,Flash,动画,Flash,动画制作完成后，常常需要对其进行测试，测试,Flash,动画时应考虑以下几个方面：,Flash,动画是否按照设计思路产生了预期的效果。,Flash,动画的体积是否处于最小状态，能不能更小一些。,在网络环境下，是否能正常地下载和观看动画。,最好在多台电脑上测试,Flash,动画，因为每台电脑的运行速度不同，一个好的,Flash,动画能够在运行速度不同的电脑上和网络上具有相同的效果。,既可以测试单独场景的下载性能，也可以测试整个动画的下载性能。测试动画文件的具体操作如下：,（,1,）打开要测试的,Flash,动画，按,【Ctrl+Enter】,键播放动画，将打开如图,18-1,所示的动画测试界面（该界面因动画不同而不同），这时即可测试,Flash,动画的播放情况了。这个正在播放的文件是一个,SWF,文件。,每个,.,fla,文件被播放一次后都会自动在,.,fla,文件所在位置生成一个,SWF,文件，以后只需直接双击该文件即可播放动画。,图,18-1,图,18-2,（,2,）选择,视图,下载设置,菜单命令，在弹出的如图,18-2,所示的子菜单中选择一个下载速度来确定,Flash,模拟的数据流速率，如“,14.4KB/s”,、“,28.8KB/s”,、“,56KB/s”,、“,DSL”,、“,T1”,或“用户设置”等。,（,3,）如果要自定义一个下载速度，可以选择“自定义”命令，打开如图,18-3,所示的对话框，在其中即可自己设置一个下载速度。,（,4,）在观看,SWF,文件时，选择,视图,带宽设置,菜单命令可以显示如图,18-4,所示的带宽显示图，以查看动画的下载性能。再次选择该命令可以隐藏该显示图。,图,18-4,图,18-3,在带宽显示图中，各部分的作用如下：,窗口右边显示动作各帧的数据量。矩形条越长，说明该帧的数据量越大，最下面的红色水平线是动画传输率告警线，其位置由传输条件决定，当色条高于红色水平线时，说明在播放到这一帧时可能会产生停顿。,影片：,显示动画的舞台大小、播放速度、文件大小和总的帧数。,设置：,显示当前设置的网络传输条件。,状态：,显示当前在右边窗口中被选中的动画某一帧（被选中的帧其色条颜色为绿色）的位置、数据量及整个动画已经下载的数据量。,（,5,）选择,视图,模拟下载,菜单命令，可以打开或隐藏带宽显示图下方的,SWF,文件。如果隐藏了,SWF,文件，则文档在不模拟,Web,连接的情况下就开始下载，如图,18-5,所示。,图,18-5,（,6,）单击图表上的条形区域会在左侧窗口中显示对应帧的设置，并停止文档下载。,（,7,）选择,视图,数据流图表,菜单命令可以显示哪些帧会引起暂停。,（,8,）最后关闭测试窗口返回到,Flash,动画的制作场景中，测试完毕。,另外还有一种比较简单的动画测试方法，就是通过控制器来测试。选择,窗口,工具栏,控制器,菜单命令，打开如图,18-6,所示的控制器。利用其中的按钮可以实现动画的停止、播放、前进、倒退等。,图,18-6,优化,Flash,动画,动画制作过程中的优化,对元素的优化,对文本的优化,对色彩的优化,Flash,动画文件越大，其下载和播放速度就越慢，需要的时间也越长，为了减小,Flash,动画的体积，加快动画的下载速度，在导出动画之前，需要对动画文件进行优化。优化动画主要包括在动画制作过程的优化、对元素的优化、对文本的优化和对色彩的优化。,动画制作过程中的优化,在动画制作过程中的优化主要有以下几个方面：,制作动画时尽量使用补间动画，尽可能减少逐帧动画的使用，因为补间动画中的过渡帧是系统计算得到的，而逐帧动画的过渡帧是通过手动添加对象得到的，因此补间动画的数据量远远小于逐帧动画。如果制作相同的动画效果，逐帧动画的体积要比渐变动画大得多。,最好将动画中所有相同的对象转换为元件，这样可以使多个相同内容的对象只保存一次，而可以使用多次，有效地减少动画的数据量。,调用素材时尽量使用矢量图，而不使用位图，因为位图比矢量图的体积大得多，很容易使,Flash,动画变得臃肿不堪。,对元素的优化,对元素的优化主要有以下几个方面：,减少矢量图形的形状复杂程度。,最好少用特殊形状的矢量线条，如虚线、斑马线、点线等。,避免过多地导入外部素材，特别是位图，它会明显地增加动画大小。,导入声音文件时最好使用体积较小的,MP3,格式。,对动画中的各元素最好分层管理。,尽量使用矢量线条代替矢量色块，因为矢量线条的数据量比矢量色块小。,对文本的优化,对文本的优化主要有以下几个方面：,使用文本时不宜使用过多种类的字体和样式，因为使用过多的字体和样式不但会增大动画的数据量，而且不易统一风格。,尽量不要将文字打散。,对色彩的优化,如果对动画画面的影响不大，建议最好使用单色，减少渐变色的使用。,输出动画,测试完动画的下载性能并优化后，就可以将动画导出到其他应用程序中了，以便将其应用于网页或多媒体等领域。导出动画文件的具体操作如下：,（,1,）打开要导出的,Flash,动画，选取某帧或场景中的某个对象。,图,18-7,（,2,）选择,文件,导出,导出影片,菜单命令，打开如图,18-7,所示的“导出影片”对话框。,图,18-8,（,3,）在“保存在”下拉列表框中指定文件要导出的路径。,（,4,）在“文件名”文本框中输入文件名称，在“保存类型”下拉列表框中选择保存类型，默认情况下为,.,swf,格式。,（,5,）单击 按钮，将打开如图,18-8,所示的“导出,Flash Player”,对话框。,“导出,Flash Player”,对话框中各选项的含义如下：,版本：,在该下拉列表框中可选择以何种方式保存导出的,Flash,动画。,加载顺序：,在该下拉列表框中可选择需要的加载顺序，包括“由下而上”和“由上而下”两个选项。,动作脚本版本：,在该下拉列表框中可选择需要的版本，由于动作脚本,2.0,是,Flash MX 2004,新增的功能，因此如果需要以较低版本打开，最好还是选择动作脚本,1.0,。,选项：,在该栏中选中其中的复选框可以进行相应的操作，建议选中复选框，以减小动画的体积。各选项的含义如下：,选项：,在该栏中选中其中的复选框可以进行相应的操作，建议选中复选框，以减小动画的体积。各选项的含义如下：,：创建一个文本文件，并记录最终导出动画文件的大小。,：防止发布的动画文件被其他人下载到,Flash,中进行编辑。,：设定忽略当前动画中的跟踪命令。,：允许对动画进行调试。,：减少文件的大小。,JPEG,品质：,用于调整,JPEG,的品质好坏，品质越高越好，但体积也会相应增大。在后面的滚动条上左右拖动滑块即可调整,JPEG,的品质，越向右品质越高。,按钮：,单击该按钮将打开如图,18-9,所示的“声音设置”对话框，在其中可以对导入的音频格式重新设置，建议使用,MP3,格式。,图,18-9,导出,Flash,动画后，可以在导出的位置找到该动画，在“打开”对话框中单击按钮即可打开该动画，如图,18-10,所示。,图,18-10,（,6,）设置完成后单击 按钮即可将该文件导出。,发布,Flash,动画,设置发布动画的格式,Flash,文件的发布设置,HTML,文件的发布设置,将,Flash,动画发布到网上,利用“发布”命令即可对制作好的,Flash,动画文件进行发布。,选择,文件,发布设置,菜单命令，打开“发布设置”对话框，如图,18-11,所示。在该对话框中包括,3,个选项卡：格式、,Flash,、,HTML,。,设置发布动画的格式,在“发布设置”对话框中，系统默认打开的是“格式”选项卡。“格式”选项卡用于设置动画的发布格式，包括,Flash,、,HTML,以及其他图形文件和视频文件格式，如图,18-11,所示。在其中的“类型”栏中可以选择以哪种格式进行发布，建议选择 和 复选框。,图,18-11,Flash,文件的发布设置,在“发布设置”对话框中单击“,Flash”,选项卡，对话框变为如图,18-12,所示。其设置方法与前面的“导出,Flash Player”,对话框完全相同，这里不再赘述。,图,18-12,HTML,文件的发布设置,在“发布设置”对话框中选择“,HTML”,选项卡，对话框变为如图,18-13,所示。其中各选项的含义如下：,图,18-13,模板：,在该下拉列表框中可选择所使用的模板，默认为“仅限,Flash”,，,单击右边的 按钮，将显示该模板的有关信息，如图,18-14,所示。,图,18-14,尺寸：,在该下拉列表框中可设置动画的宽度和高度值，包括“匹配影片”、“像素”、“百分比”,3,个选项：,匹配影片：,将发布的尺寸设置为动画的实际尺寸大小。,像素：,设置影片的实际宽度和高度，选择该项后可在“宽度”和“高度”文本框中输入具体的像素值。,百分比：,设置动画相对于浏览器窗口的尺寸大小。,回放：,在该栏中可对发布的影片进行设置，其中包括,4,个复选框：,：使动画在开始时处于暂停状态，只有单击动画中的“播放”按钮或从快捷菜单中选择“,Play”,命令后，动画才开始播放。,：使用户单击鼠标右键时，弹出的快捷菜单中的命令有效。,：使动画反复播放。,：用系统备自带的字体取代用户系统中未安装的字体。,品质：,该下拉列表框用于设置动画的品质，其中包括低、自动降低、自动升高、高和最佳,5,个选项。,窗口模式：,该下拉列表框用于设置安装有,Flash ActiveX,的,IE,浏览器，该模式有以下几种选项：,窗口：,在网页窗口中播放,Flash,动画。,不透明无窗口：,使,Flash,动画后面的元素移动，但不会在穿过动画时显示出来。,透明无窗口：,使嵌有,Flash,动画的,HTML,页面背景从动画中所有透明的地方显示出来。,HTML,对齐：,在该下拉列表框中可决定动画窗口在浏览器窗口中的位置。,缩放：,在该下拉列表框中可定义动画以何种形式放进由,Width,和,Height,文本框所设定的尺寸范围中。该选项只有当文本框中输入的尺寸与动画的原始尺寸不同时才有效。其中包括以下,4,个选项：,默认（全部显示）：,在指定区域内显示整个动画，并保持动画原有的长宽比。,无边框：,使动画在保持原有长宽比的基础上填满指定区域。,精确匹配：,使动画保持原有的长宽比。,无缩放：,使整个动画显示在指定的区域内，但不一定要保持动画原有的尺寸比例。,Flash,对齐：,在该栏中可定义动画在窗口中的位置，也可将动画裁剪到窗口尺寸。在“水平”和“垂直”下拉列表中选择需要的对齐方式。,：选中该复选框可以警示,HTML,标签代码中所出现的错误。,将,Flash,动画发布到网上,在将,Flash,动画发布到网上之前必须先预览。预览发布效果的具体操作如下：,（,1,）选择,文件,发布预览,菜单命令，弹出如图,18-15,所示的子菜单。,图,18-15,（,2,）在该菜单中选择一种要预览的文件格式即可在预览界面中看到该动画发布后的效果，如图,18-16,所示是一个动画的发布预览效果。,图,18-16,如果预览动画时没有任何问题，就可以将其发布出来了，发布动画的具体操作如下：,（,1,）选择,文件,发布设置,菜单命令，打开“发布设置”对话框，如图,18-11,所示。,（,2,）在“格式”选项卡的“类型”栏中选择要发布的文件格式，一般选择,HTML,格式。,（,3,）分别对选定的文件格式进行具体设置。,（,4,）设置完毕后，单击 按钮即