第10章 输出发布FLASHMX影片

第10章输出发布FlashMX影片

10.1测试FlashMX影片10.2优化FlashMX影片

10.3导出播放FlashMX影片10.4发布FlashMX影片

10.5打包FlashMX影片10.6在网页中应用FlashMX影片10.1.1应用测试影片或测试场景10.1.2应用宽频设置10.1.3使用文件大小报告

10.1测试FlashMX影片上一页下一页目录结束本节10.1.1应用测试影片或测试场景命令

选择“菜单栏”中的【控制】｜【测试影片】或【测试场景】命令，如图10.1所示。可在FlashMX页面中直接测试影片。⑴选择“测试影片”命令，FlashMX产生一个当前打开的全部.FLA文件的.SWF文件。如果打开不只一个影片，则为当前在最前端的影片创建.SWF文件。⑵选择“测试场景”命令，可以独立测试具有多个场景的影片的各个场景。导出一个场景要比应用测试影片命令导出整个影片的处理过程所需时间少的多。上一页下一页目录结束10.1.2应用宽频设置

怎样知道不同的调制解调器下载FlashMX影片或场景需要多长时间呢？诸如28.8Kb/s、56Kb/s或者电缆调制解调器？应用FlashMX测试窗口中的带宽设置可以模拟任何下载速度。方法是使用测试影片或测试场景命令，创建.SWF文件，FlashMX在自己的播放器窗口中打开.SWF文件。从测试环境菜单中选择查看中的宽频设置等相应选项。如图10.2所示。本节上一页下一页目录结束

在测试窗口中，可进行以下操作：1．应用查看菜单在测试影片或测试场景命令运行时的查看环境中，修改了查看和控制菜单中的内容。查看菜单的前四个命令与FlashMXPlayer插件的显示控制相同，如图10.3所示。放大：选此项放大影片。缩小：选此项缩小影片。放大比率：它的子菜单用来改变影片里的缩放比例。当

本节上一页下一页目录结束

设置为100％（ctrl＋1）时.SWF影片按在影片属性对话框中指定的原始像素尺寸显示（通过单击菜单栏中的【修改】|【影片】命令打开“影片属性”对话框）。其下面部分能够用来改变影片的可视区域。显示全部（ctrl＋3）缩小或放大影片，以便能够看到影片中所有的作品，包括舞台之外的元素。如图10.4所示。宽频设置：在新窗口中查看宽频设置，SWF文件所占显示空间将缩小。（如图10.2所示）本节上一页下一页目录结束

启动宽频设置时，数据流图表和帧数图表命令也会高亮显示；否则以灰色显示。显示数据流：启用此命令，宽频设置模拟播放影片选择的调制解调器的速度。宽频设置计算下载的字节（在状态标题下的已载入部分显示），并且通过时间线标题中的绿色条显示下载和播放的过程。数据流图表：默认情况下，FlashMX从数据流图表模式打开宽频设置。交替的淡灰色和深灰色块代表每一帧。每一块的尺寸表示相对的字节大小。本节上一页下一页目录结束

帧数图表：它在时间线标题下一个一个的放置每一帧。尽管数据流图表能够观察动画影片的实时性能，帧数图表可以更容易的检测哪一帧造成了传输的延迟。如果任何帧都超出图表中的红线（指定的连接速度），那么FlashMXPlayer停止播放，直到下载了全部帧。品质：有低、一般、高三个选项。2．应用控制菜单使用菜单栏中的“控制”菜单可以完成停止或重复的操作。使用“前进一步”或“后退一步”命令可逐帧的观看影片。若影片最后一帧没有stop（）动作，则循环命令强迫播放器无限循环播放影片。如图10.5所示。本节上一页下一页目录结束

3．应用调试菜单应用菜单栏中的“调试”菜单可以与数据流图表和帧数图表协同工作。如图10.6所示。14.4、28.8和56k这些设置决定了宽频设置应用何速度计算估计的下载时间和帧的字节限制。这些设置使用比调制解调器速度更高的期望值。例如，28.8kb的调制解调器理论下载速度是3.5Kb/s，但是该调制解调器的实际下载速度是2.3kb/s。用户设置4、5、6，默认时都是2.3kb/s。选择“自定义”选项弹出“自定义调制解调器设置”对话框，可以改变前面列出的任何调制解调器的速度。如图10.7所示。本节上一页下一页目录结束10.1.3使用文件大小报告FlashMX允许用户查看一份文本形式的报告，内容包括影片所用元素、帧、字体等所占用的空间。除了通过宽频设置的帧数图表命令来查看影片中各帧所需字节数之外，还可通过此报告查看其它一些“隐藏”内容所占用的字节数。这个报告可在应用导出影片命令或者发布命令的时候生成，在导出FlashMX播放器对话框中勾选“生成大小报告”选项，如图10.8所示，会生成一个跟源文件、动画播放文件同名同位置的文本文件，如图10.9所示。图10.10显示了影片报告的部分内容。本节10.2.1简化影片元素

10.2.2应用库中元件

10.2优化FlashMX影片

上一页下一页目录结束本节10.2.1简化影片元素矢量图形和动画好用，但不能滥用。在最初创建FlashMX图形或检验最终影片的时候，要注意以下几点：⑴

尽量不使用逐帧动画，而应用过渡动画。⑵

尽量使用实线，因其所占空间比自定义线型（例如虚线、点线等）小。画笔工具描绘的线要比铅笔工具描绘的线占用的空间大。⑶

减少创建图形所使用的节点数或线条数。可以使用菜单栏中的【修改】|【最优化】命令将线条连接到一个对象中，如图10.11所示。要注意的一点是：先将所有组合的直线进行分组，再勾选“最优化曲线”对话框中的“使用多重过渡”选项，这时将尽可能对所选内容进行优化。如图10.12所示。上一页下一页目录结束

⑷

少用渐变色，因为它比纯色填充的处理更耗处理器的资源。应尽量减少每个帧中同时使用的渐变色数量。要注意在.SWF文件中渐变填充比单色填充占用的字节多。⑸

限制字体、字型的使用。大多数优秀的设计都应用同一字体系列中互补的字体，对于无底纹或者有底纹字体的使用要谨慎。尽可能应用设备字体（_sans、_serif和_typewriter），因为这些字体不需要在动画播放文件中存储字体轮廓信息。提示：在遮蔽图层下不能使用设备字体。因为任何嵌在遮蔽图层中的字体都会嵌入动画播放文件中。⑹

尽量减少应用大的位图的数量。⑺

少用Alpha效果，它也会增加动画播放文件的字节。本节上一页下一页目录结束10.2.2应用库中元件使用元件的好处是可将其实例化，无限制的使用多次，而仅仅在文件中保存一次。因此对于那些基本相同的对象，尽量使用同一个元件。

例如想使用许多颜色的同一图形，把它转换为图形元件。对于每个实例，只需使用“属性”面板改变颜色即可。在应用脚本的时候（如使用attachSound或attachMovie方法），避免把大的元件作为影片本身库中的链接元件导出。尽可能对库中的声音进行.MP3格式压缩。本节10.3导出播放FlashMX影片

10.3.1导出影片

10.3.2导出图像

上一页下一页目录结束本节10.3.1导出影片在“导出影片”对话框中选择默认类型（.SWF）单击“保存”按钮，可弹出“导出FlashMX播放器”对话框，如图10.16所示。在加载顺序中可选“由下而上”或者“由上而下”。在选项中勾选“保护导入”或者“允许调试”，下面的密码输入域高亮显示，可设置密码来限制用户访问权限。其它三项根据需要进行选择。可以设置JPEG品质（0到100之间）。也可以对声音进行相应设置。可以确定播放器的版本（1到6）。所有设置完成后单击“确定”按钮就可生成.SWF文件。上一页下一页目录结束10.3.2导出图像1．导出位图图像尺寸：分别控制图形的宽度和高度，以像素为单位。这些值的宽高比始终是锁定的。无法独立于高度值来改变宽度值。分辨率：以dpi（每英寸点数）为单位，控制图形的品质，根据图形携带信息的多少来衡量。默认设置是72dpi。若希望打印FlashMX作品或使用高分辨率的图形作品，则输入一个较高的值（例如600）。可以按匹配屏幕将它设置为72dpi，这是大多数计算机显示器的分辨率。在改变这个值的同时，尺寸中宽高的值也随之改变。内容：它的下拉菜单确定了在导出图形中包含什么内容。最小影像区域被选中时，图形尺寸被缩小到当前舞台上的FlashMX作品的限制框内。形象的说，如果舞台中心有一个矩形，导出图形的尺寸将适合此矩形，舞台或背景的其余部分将被隐藏。完整文件大小被选中时，导出和它在编辑区完全相同的图形。该帧的全部尺寸和内容都将被导出。本节上一页下一页目录结束颜色深度：其下拉菜单中的选项控制着位图的色彩范围。位深越高，使用的色彩区域越宽。对于不同的文件格式选项会有所不同。下面列出几个频繁出现的选项，该选项对于JPEG格式无效，因为它只使用24位。8位灰度：将图形限制在256色或灰度值内。相当于典型的黑白照片。8位彩色：将图形缩减至256色。可在图形中见到较难看的仿色。24位色：能够使用RGB真彩空间内的所有1670万种颜色。使用该项可获得最好的颜色品质。32位色，包含Alpha：可用色彩范围与24位色相同。增加了Alpha通道。⑴

导出位图⑵

导出GIF⑶

导发JPEG⑷

导发PNG本节上一页下一页目录结束2．导出矢量图形选择需要导出内容的某一帧或文件，选择“导出影片”或“导出图像”命令，在弹出对话框中选择矢量文件格式的类型，单击“保存”按钮即可。可导出的矢量图形文件格式见下表10.1所示。表10.1可导出的矢量图形格式可导出的几种文件格式简要说明EPS3.0（.eps）大多数软件识别的通用矢量格式，不能很好的导出FlashMX渐变AutoCADDXF（.dxf）AutoCAD文件格式AdobeILLustrator（.ai）Adobe软件主要使用的文件格式，不能很好的导出FlashMX渐变增强图元文件（.emf）或windows图元文件（.wmf）只有一些Windows应用程序支持这些格式。应用不广泛。本节上一页下一页目录结束需要注意的是，由FlashMX中导出的矢量文件的品质要比需要的差一些。因为它设计到颜色的一致性和FlashMX渐变的问题。建议使用剪贴板通过复制粘贴的方法应用FlashMX中的矢量图形。本节10.4发布FlashMX影片

10.4.1

发布设置

10.4.2发布预览和发布

上一页下一页目录结束本节10.4.1发布设置文件菜单中的发布设置命令用于决定在使用发布命令时应用哪种导出格式。默认导出一个动画播放文件（.SWF）和一个HTML文件（其中通过合适的标记来选用FlashMX插件）。如果需要自定义导出文件类型的设置，就必须在使用发布命令之前熟悉发布设置命令及其各种选项的意义。1．确定发布格式2．应用FlashMX设置FlashMX影片最主要的也是默认的导出格式是动画播放文件格式（.SWF）。只有SWF影片可以保留对所有FlashMX动作和动画的支持。FlashMX格式选项卡如图10.23所示。版本：此项下拉菜单决定按照哪种.SWF版本格式发布影片。FlashMX1、2只支持基本的动画和交互操作功能。高版本的ActionScript有些是与低版本不兼容的。上一页下一页目录结束加载顺序：此选项决定了当影片的第一帧下载到插件或者播放器中时如何进行绘制。选择由下而上（默认选项），按照递减的顺序加载图层，最低层首先显示，依次显示上面的图层，直到第一帧上所有图层显示完毕。如果选择由上而下，按照递增顺序加载图层，最高图层优先显示，依次显示下面的图层。生成大小报告：本章前面已讲过。保护导入：此选项用于SWF文件在Internet上的传输过程进行保护。选中此项，.SWF文件不能再次导入到FlashMX作品环境之中，或者进行任何形式的修改。省略跟踪动作：跟踪动作可以打开FlashMX的输出窗口进行调试。一般情况下，如果使用了Trace动作，都希望在最终的.SWF文件中忽略这些动作，于是在播放其中不能看到。本节上一页下一页目录结束允许调试：选中此项能够从调试影片环境中或从正使用FlashMX调试器插件或ActiveX控件的Web浏览器访问调试面板。压缩视频：通常情况下不使用未经压缩的视频，因为它将占用非常长的时间进行重现。密码：此项结合允许调试和保护导入来用。如果此项为空，当试图远程访问调试面板时，只要按回车键即可。JPEG品质：这个滑动条和文本框选项定义了对于位图图片进行JPEG压缩时使用的压缩级别。取值范围在0～100之间，值越高，进行的压缩就越少，原始位图被保留的信息就越多。反之越少。在这里输入的设置，对于所有选中使用文件默认品质选项的位图都有效。FlashMX库中的位图的使用文件默认品质选项可以在各自的位图属性对话框中找到。音频流、音频事件和忽略声音设置：参照第九章。本节上一页下一页目录结束3．应用HTML设置HTML是一种语言，大多数Web页面的布局都是采用这种语言来描述的。如图10.24所示，HTML选项卡提供的设置有：

⑴

模板：这是发布设置中最通用、最重要的功能。可以选择一组预定义的HTML标记集合来显示FlashMX影片。如果想了解各个模板的设置，单击下拉菜单右边的“信息”按钮

弹出HTML模板信息对话框，如图10.25所示。也可以创建自己自定义的模板。⑵

尺寸：此设置控制<OBJECT>和<EMBED>标记的宽度和高度属性值。这里的尺寸设置并不改变原始.SWF影片的设置。只是决定影片在Web页面上显示区域的大小。有三个选项内容：下拉菜单和两个指定取值的文本框。⑶回放：开始时暂停等同于在影片第一场景中第一帧加入Stop动作。默认情况下此选项关闭。循环选项（默认选项）本节上一页下一页目录结束导致影片循环播放无数次。显示菜单选项（默认选项）决定了在播放环境中，是否可通过右击来访问快捷菜单来进行相应操作。设计字体选项选中的话，可以将播放器所在系统中没有安装的字体用系统字体替代。⑷

品质：有低、自动降低、自动升高、一般、高和最佳六个选项。⑸

窗口模式：有视窗、不透明无视窗、透明无视窗三个选项。⑹

HTML对齐：默认值位于浏览器的中央。此外还有左、右、顶部、底部四个选项。⑺

比例：此设置是前面尺寸设置的补充。决定了影片在HTML页面上的显示方式。有默认值（全部显示）、无边框、精确符合、没有比例四个选项。⑻

FlashMX对齐：它配合比例和尺寸设置来使用，决定了影片在播放器窗口中的对齐方式。⑼

显示警告信息：勾选此复选框可以在实际的发布过程中发生错误时提出警告信息。默认情况下，此项不选中。本节26上一页下一页目录结束4．应用GIF设置GIF格式用于导出静态图片或者动画图片，以便在没有安装FlashMXPlayer或者相关插件的时候可以显示这些图片。如图10.26所示，GIF选项卡提供的设置有：⑴

尺寸：有宽、高和匹配影片三个选项。宽高控制GIF图片的尺寸。只有当“匹配影片”复选框没被选中的时候这些文本框才能修改。⑵

回放：这些单选按钮决定了创建何种类型的GIF图片，或者如何播放（选中动画）。⑶

选项：优化颜色、抖动立体、交错、抹去渐变色和平滑五个选项用于控制GIF颜色表的创建，以及浏览器如何显示GIF图形。⑷

透明：有不透明、透明和alpha三项可选。控制影片背景的显示情况。如果选中alpha，右边界限域才可用（值在0～255之间）。本节27上一页下一页目录结束⑸

抖动：是用两种颜色组成的模式图案来模仿另一种颜色的处理方式。有没有、顺序的和扩散三个选项。⑹

调色板类型：GIF图片只能使用256种或者更少的颜色。此设置可以选择某个预定义的颜色集合来生成GIF图片。有网页216色、最适化、接近网页最适色和自订四个选项。⑺

最大颜色：通过这个设置可以精确指定在GIF颜色表中最多可以使用多少种颜色。只有当选择调色板类型中的最适化或接近网页最适色的时候，此文本框才可以修改。⑻

调色板：此文本框和一个浏览按钮

只有在选择调色板类型中的自订选项时才有效。用于定位调色板文件。本节28上一页下一页目录结束5．应用JPEG设置JPEG格式与GIF一样在Web上流行。JPEG图片可以使用多余256种颜色。实际上，JPEG文件必须使用24位颜色（即真彩色RGB）图片。与GIF无损压缩不同，JPEG使用有损压缩，这表明某些信息要被丢掉从而节省文件空间。当然JPEG压缩还是挺好的，即使是在最低质量的设置下也可以保留大部分照片位图中的细节信息。在同样图片尺寸条件下，JPEG图片的处理所需内存要比GIF图片所需内存大。FlashMX在进行JPEG发布的时候，总是发布影片中的第一帧，除非使用＃Static帧标记来指定某帧。如图10.27所示，JPEG选项卡提供的设置有：⑴

尺寸：此设置与GIF格式尺寸设置相同。⑵

品质：滑动条和文本框用于图片质量的设定。较高的取值则使用较少的压缩，获得较高质量，同时文件较大。⑶

渐进显示：类似于GIF设置的交错选项。选中它JPEG以连续扫描的方式显示，一次比一次更清晰。本节29上一页下一页目录结束6．应用PNG设置另外一种静态图片格式，在表现照片质量的图片时非常出色。它的颜色深度可变，支持多级透明并且是无损压缩。但是，目前大多数浏览器在没有其它插件的情况下都不能完全支持PNG的所有选项。如图10.28所示，PNG选项卡提供的设置有：⑴

尺寸、选项、抖动、调色板类型、最大颜色和调色板这些选项跟GIF设置相同。⑵

位深度：8位模式下图片使用的调色板不能超过256种颜色。选择此选项的时候选项、抖动、调色板类型、最大颜色和调色板设置都可以修改。24位模式下图片可以显示16.7百万种RGB颜色。获得的文件要比8位的大，但图片质量比8位的好。24位包含alpha调色可以在24位PNG图片上增加一个8位通道来表现多级透明。

提示：PNG可以支持8位透明和24位颜色，但是FlashMX只能支持24位包含alpha调色的图片。本节30上一页下一页目录结束⑶

过滤器选项：此下拉菜单决定了PNG图片所使用的压缩采样和算法。与Photoshop中的“滤镜”效果不同，所有的过滤器都是无损的。仅仅用于选择要使用的压缩类型。有没有、前、UP、平均、线性函数和最适化六个选项。7．应用Windows播放器和Macintosh播放器勾选格式中的Windows播放器或Macintosh播放器选项，可分别导出单独的PC播放器或MAC播放器。8．应用QuickTime设置勾选QuickTime文件选项，FlashMX选项同时被选中。如图10.29所示，QuickTime选项卡提供的设置有：⑴

尺寸：控制QuickTimeFlashMX影片帧的尺寸大小。⑵

Alpha：有自动、Alpha透明和拷贝三个选项。决定了是否使FlashMX轨道的背景图层为透明或不透明。本节31上一页下一页目录结束⑶

图层：有自动、顶部和底部三个选项。决定是否让FlashMX轨道位于QuickTime内容之上或之下。⑷

声音流：此属性将FlashMX音频转换为QuickTime音频。⑸

控制器：有没有、标准