资源简介

项目11 发布影片
一、教学目标
1.掌握测试Flash作品的方法、技巧；
2.掌握发布Flash作品的方法；
3.会对影片进行优化。
二、课时分配
本项目共4个任务，安排2课时。
三、教学重点
本项目主要介绍了Flash动画的测试、播放和发布。一个Flash作品可以输出为5种不同的媒体文件，在输出各种媒体文件时，都可以对其相关参数进行设置，使输出的效果最佳。此外，还可以对测试成功的影片进行优化，优化后的影片体积较小，可以达到最佳的传播效果。
四、教学难点
1.掌握动画的测试、播放和发布。
2.学会输出不同的媒体文件。
五、教学内容
任务一 测试和播放Flash影片
制作Flash影片时，需要对其进行反复测试，以保证能按照用户期望的情况进行播放。本任务重点介绍如何测试影片。
（一）测试影片
影片测试可以解决动画中存在的问题。制作完毕的动画需要反复测试、查找错误。还可以通过测试模拟影片在不同网络下的下载虚速度，使用户知道观看这个动画可能需要时间。具体步骤如下。
（1）选择“控制”→“测试影片”→“测试”菜单命令，或按Ctrl+Enter组合键，打开如图11-1所示的影片测试界面，该测试界面包括动画播放窗口和宽带特性显示窗口两部分。
（2）在影片测试界面中选择“视图”→“宽带设置”菜单命令，弹出如图11-2所示的宽带设置显示图，该显示图用来查看动画的下载功能。
（3）测试完后关闭测试窗口，返回编辑窗口。
在Flash CS5中有两个用于测试作品的菜单命令。
①选择“控制”→“测试影片”菜单命令，可以测试整个动画作品的播放。
②选择“控制”→“测试场景”菜单命令，可以测试当前场景的动画播放。
任务二 动画的输出
动画的输出主要用于产生单独格式的Flash作品，用户可以输出动画作品，或将动画的每一帧作为单独的静态图形文件导出。本任务重点介绍如何输出影片。
（一）Flash输出不同媒体
Flash CS5可以将制作好的动画输出成如下4种不同的媒体形式。
（1）选择Flash影片（*.swf）文件。导出的文件是动态SWF文件，只有在安装了Flash播放器的浏览器中才能播放，这也是Flash的默认保存文件类型。
（2）选择WAV音频文件(*.wav)文件。仅导出影片中的声音文件。
（3）选择GIF动画（*.gif）文件。保存影片中的每一帧的信息，组成一个庞大的动态GIF动画，此时可以将Flash理解为制作GIF动画的软件。
（4）选择JPEG序列文件（*.jpg）文件。将影片中的每一帧的图像依次导出保存为*.jpg文件。
（二）输出动画
输出动画作品，具体操作如下。
（1）执行“文件”→“导出”→“导出影片”，弹出“导出影片”对话框。
（2）在“保存类型”列表框中选择“SWF影片（*.swf）”。
（3）设置保存位置及文件名，然后单击“保存”按钮。
（三）输出图像
输出图像的操作如下。
（1）执行“文件”→“导出”→“导出图像”，弹出“导出图像”对话框。
（2）设置保存位置及文件名，然后单击“保存”按钮。
（3）选择不同的保存类型，保存后的效果会不一样。例如：
①选择*.jpg格式，会弹出如图11-5所示对话框，通过此对话框可以设置图像的尺寸、品质等选项。
②选择*.bmp格式，通过此对话框可设置图像尺寸、分辨率和颜色深度等选项。
③选择*.gif格式，通过此对话框可设置图像的尺寸、分辨率和颜色等选项。
④选择*.png格式，通过此对话框可设置图像的尺寸、分辨率颜色和过滤器等。
（4）在相应的对话框中设置各项参数后，单击“确定”按钮即可导出相应格式的图像文件。
任务三 动画的发布
可以将Flash影片发布多种形式，而在发布之前需进行必要的发布设置，可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有不同的名字。本任务重点介绍发布影片的方法。
（一）总体发布设置
执行“文件”→“发布设置”命令，弹出“发布设置”对话框，默认情况下如图11-9所示。
选中“其他格式”选项组中的复选框，可以设置发布的文件类型，在文件下面的文本框中输入名称，为相应的文件类型命名。在发布影片后，以一个影片为基础，可以得到不同的类型、不同名字的文件。
单击“确定”按钮选择保留设置，关闭“发布设置”对话框；单击“取消”按钮选择不保留设置，关闭“发布设置”对话框；单击“发布”按钮，立即使用当前设置发布指定格式的影片。
（二）Flash发布设置
选择“发布设置”对话框中的“Flash”选项卡可以进行以下设置。“Flash”选项卡中各项参数的含义如下。
（1）“播放器”：设置观看影片所需要的最低版本。
（2）“脚本”：设置观看或执行影片交互式动作时需要的动作脚本版本。
（3）“JPEG品质”：设置影片中所有JPEG文件的压缩率。
（4）“音频流”和“音频事件”：设置影片中所有数据流声音与事件声音的压缩率。单击它们后面的“设置”按钮，在弹出的“声音设置”对话框中设置。
（5）“覆盖声音设置”复选框：选择此项后，如果在“声音设置”对话框中进行设置，那么该选项将忽略所有在音频流和音频事件中的设置。
（6）“导出设备声音”复选框：选择此项后，同时导出影片中的设备声音。
（7）“压缩影片”复选框：可以压缩含有大量的脚本和文件的SWF文件。
（8）“包括隐藏图层”：默认情况下，将导出Flash文档中所有隐藏的图层。取消选择“包括隐藏图层”将阻止把生成的SWF文件中标记为隐藏的图层。取消选择“包括隐藏图层”将阻止把生成的SWF文件标记为隐藏的所有图层（包括嵌套在影片中的图层）导出。
（9）“包括XMP元数据”：默认情况下，将在“文件信息”对话框中导出输入的所有元数据。通过单击“文件信息”按钮打开此对话框。也可以通过选择“文件”→“文件信息”打开该对话框。在Adobe Bridge在选定SWF文件后，可以查看数据。
（10）“省略trace语句”复选框：选此项后，删除导出影片中的跟踪动作，防止别人查看文件源代码。
（11）“生成大小报告”复选框：选择此项后，在发布影片后自动创建一个文本文件，其中包括影片中各帧的大小、字体以及导入的文件等信息。这个文件与影片文件同名被保存在影片所在的文件夹中。
（12）“防止导入”复选框：选择此项后，防止导出的影片被导入Flash进行编辑，选择此项后，可以设置密码，只有知道密码才可以导入影片进行编辑。
（13）“允许调试”复选框：选择此项后，允许调试HTML文件中的SWF文件。
（14）“密码”：如果添加了密码，则其他用户必须输入该密码才能调试或导入SWF文件。若要删除密码，则清除“密码”文本字段。
（15）“本地播放安全性”：从“本地播放安全性”弹出菜单中选择要使用的Flash安全模型。
（16）“硬件加速”：若要使SWF文件能够使用硬件加速，应从“硬件加速”菜单中选择下列选项之一。
①“第1级?直接”：该模式允许FlashPlayer在屏幕上直接绘制，而不是让浏览器进行绘制，从而改善播放性能。
②“第2级?GPU”：在该模式中，FlashPlayer利用图形卡的可用计算能力执行视频播放并对图层化图形进行复合。根据用户的图形硬件的不同，它将提供更高一级的性能优势。
（三）GIF发布设置
使用GIF文件可以导出绘画和简单动画，以供用户在网页中使用。标准GIF文件是一种压缩位图。它是一种比较方便的输出Flash动画的方法。选择“发布设置”，选择“其他格式”选项卡，选中“GIF图像”单选框，然后选择“GIF”选项卡。“GIF”选项卡中各项参数的含义如下。
（1）“大小”：用于设置动画的尺寸，单位为像素。也可以用默认设置“匹配影片”。
（2）“播放”：用于控制动画的播放效果。“静态”导出的动画为静止状态；“动画”可导出连续播放的动画，此时如果选中“不断循环”单选按钮，动画可一直循环播放，选中“重复”单选按钮可设置重复播放的次数。
（3）“优化颜色”用于除去动画中不用的颜色。
（4）“交错”在文件没有完全下载完之前显示图片的基本内容，在网速较慢时加速下载；“删除渐变”使用渐变色中的第1种颜色代替渐变色。
（5）“平滑”用于减少位图的锯齿，提高画面背景质量，但是平滑处理后会增加文件的大小。
（6）“抖动纯色”是纯色产生渐变色效果。
（7）“透明”：用于设置动画背景的透明度。可以设置成“不透明”，使背景成为纯色；“透明”使背景透明；Alpha设置局部透明度，输入一个0~255的阈值，值越低，透明度越高。
（8）“抖动”：用于确定像素的合并形式。抖动可以提高画面的质量，但会增加文件的大小。可以设置成“无”，关闭抖动，并用基本颜色表中最接近指定颜色的纯色替代该表中没有的颜色。如果关闭抖动，产生的文件较小；但颜色不能令人满意；“有序”可以提供高品质的抖动，但会增加文件的大小并延长处理时间。只有选择“Web 216色”调色板时，该选项才起作用。
（9）“调色板类型”：下拉列表中可设置一种调色板用于图像的编辑。
（10）“最多颜色”：当选择最适色或接近网页的最适色时，该文本框变为可选，在文本框中可填入0~255之间的数值，可以去除超出这一设定值的颜色。当设定的数值较小时，可以生成体积较小的文件，但画面的质量会变差。
（四）JPEG发布设置
JPEG格式可将图像保存为高压缩比的24位位图。通常，GIF格式对于导出线条绘画效果较好，而JPEG格式更适合显示包含连续色调（如照片、渐变色或嵌入位图）的图像。选择“发布设置”，选择“其他格式”选项卡，选中“JPEG图像”，“JPEG”选项卡中各项参数的含义如下。
（1）“大小”：可以设置导入的位图图像的大小。图像质量越好，文件越大。
（2）“品质”：通过调整滑块可以设置位图文件在Flash CS5动画中的JPEG压缩比例和画质。在文本框中输入的数值越大，位图质量越高，文件也越大。
（3）“渐进”如果被选中，在浏览器中可以渐进显示图像。如果网络速度较慢，这一功能可以加快图片的下载速度。
（五）PNG发布设置
PNG是唯一支持透明度（Alpha通道）的跨平台位图格式，它是Adobe Fireworks的默认文件格式。选择“发布设置”，选择“其他格式”选项卡，选中“PNG图像”选项卡。“PNG”选项卡中各项参数的含义如下。
（1）“大小”：可以设置导入的位图图像的大小。或者选择“匹配影片”使PNG图像和SWF文件大小相同并保存原始图像的高宽比。
（2）“位深度”下拉列表：可以指定在创建图像时每个图像所用的位数，如果要选用上千种颜色那么要选24位。数位越高，文件越大。
（3）“选项”有多个复选框组成：“优化颜色”用于除去动画中不用的颜色； “交错”在文件没有完全下载完之前显示图片的基本内容，在网速较慢时加速下载；“平滑”用于减少位图的锯齿，提高画面质量，但是平滑处理后会增加文件的大小；“抖动纯色”使纯色产生渐变色效果；“删除渐变”使用渐变色中的第1种颜色代替渐变色。
（4）“抖动”：将抖动应用于纯色和渐变色。开始抖动就是使用渐变色来代替颜色表中没有的颜色；关闭抖动就是使用纯色来代替颜色表中没有的颜色。不同程度的抖动均会增强显示效果，但是同时会增大文件大小和处理时间。
（5）“调色板类型”下拉列表：可设置一种调色板用于图像的编辑。
（6）“最多颜色”：当选择最适色或接近网页最适色时，该文本框变为可选，在文本框中可填入0~255之间的数值，可以去除超出这一设定值的颜色。当设定的数值较小时，可以生成体积较小的文件，但画面的质量会变差。
（六）HTML发布设置
在默认情况下，HTML文档格式是随Flash文档格式一同发布的。要在Web浏览器中播放Flash电影，就必须创建HTML文档、激活电影和指定浏览器设置。选择“发布设置”对话框中的HTML选项卡可以进行以下设置。HTML选项卡中各项参数的含义如下。
（1）“模板”：用于选择使用的设计模板，这些模板文件均位于Flash应用程序文件夹的HTML文件夹中。
（2）“检测Flash版本”：将文档配置为检测用户所拥有的Flash Player的版本，并在用户没有指定播放器时向用户发送替代HTML页面。
（3）“大小”：设置影片的宽度和高度值，其中包括“匹配影片”、“像素”、“百分比”三个选项。
（4）“播放”：用于对发布的影片进行设置，其中包括以下几个选项。
①“开始时暂停”表示影片一开始处于暂停状态，只有当用户单击动画中的“播放”按钮或从快捷菜单中选择Play菜单命令后，动画才开始播放。
②“循环”使动画反复进行播放。
③“显示菜单”使用户在浏览器中右击时可以看到快捷菜单。
④“设备字体”项被选中后，可用反锯齿字体取代用户系统中未安装的字体。
(5)“品质”用于设置动画的品质，其中包括“低”、“中”、“自动降低”、“自动升高”、“高”和“最佳”6个选项。
(6)“窗口模式”：用于安装有Flash ActiveX的IE浏览器，可利用IE的透明显示、绝对定位及分层功能。
(7)“HTML对齐”：用于决定动画窗口在浏览器窗口中的位置。
(8)“缩放”的下拉列表：可以使用比例参数值定义影片在指定宽度和高度边界中的放置方式。
(9)“Flash对齐”：决定动画在动画窗口中的对齐情况。
(10)“显示警告信息”：复选框被选中会在标签设置出错时显示警告信息。
（七）其他发布设置
在“发布设置”对话框中，选择“Windows放映文件”或“Macintosh放映文件”复选框，可生成相应的独立播放文件，在“发布设置”对话框中不会显示相应的选项卡。
任务四 优化影片
测试除了可以解决动画中存在的问题以外，还有一项重要的功能就是优化，优化后的影片体积较小，可以达到最佳的传播效果。本任务重点介绍如何优化Flash影片。
（一）影片的优化方法
影片的优化是指减小文件的大小，加快动画的下载速度。影片优化的方法有以下几种。
（1）对动画中所有相同的对象用同一个元件引用得到。
（2）尽量减少文本中使用的字体和样式。
（3）对动画中的图形进行优化，用渐变动画代替逐帧动画。
（4）对动画中的位图进行优化，各元素分层管理。
（5）对动画中的音频设置合理的压缩模式和参数，建议使用MP3格式。
具体优化方法如下。
（1）元件
在影片中使用两次或两次以上的图形对象一定要转换为元件。因为元件均会被记录在“库”面板中。在制作影片的过程中，不要担心“库”面板有多少对象，因为在输出影片的时候，影片只从“库”面板提取用到的对象。也就是说，“库”面板中对象的多少与影片的最终的大小没有关系。
（2）文字
尽可能使用同一颜色、字号和字体的文字，而使用设备字体最安全，也最能减少文件的体积，另外，将文字分离并不能减少文体的体积，相反，它还会使文件变大，如果要重复使用量比较大的文本，建议将其转换为元件。
（3）图形
在绘制图形的时候应尽量避免使用实线以外类型的笔触样式，而自定义的笔触样式也会增加影片大小。在填充色方面，使用渐变色的影片文件也比使用单色的影片文件大一些，为了更好地显示影片，应尽量使用单色且最好为网络安全色。
不论是绘制的图形，还是从外部导入的矢量图形，最好能将其在形状状态下执行“修改”→“形状”→“优化”命令，对其中的曲线进行优化。减少一些不需要的曲线以减少文件大小，优化后会弹出优化报告。
另外，过多地使用“修改”→“形状”→“将线条转化为填充”命令、“修改”→“形状”→“扩展填充”命令以及“修改”→“形状”→“柔化填充边缘”命令都会造成影片文件增大。
比起逐帧动画，使用补间动画更能减少文件大小，应尽量避免连续使用多个关键帧。注意，删除没有的关键帧，即使是空白关键帧也会增加文件大小。
（4）位图
位图一般作为静止的背景图像，尽量避免使它运动。如果将位图转换为矢量图，还应对转换后的矢量图进行优化。导入的位图应在“库”面板中进行压缩，操作方法如下。
双击“库”面板中的位图图标，弹出“位图属性”对话框，选中“自定义”单选按钮，在“品质”后面的文本框中输入数值，对位图进行压缩。品质越高，影片越大；品质越低，影片越小。
（5）声音
在使用声音文件的时候，应尽量使用MP3格式而避免使用其他格式，声音格式的选择顺序应遵循MID、MP3、WAV的顺序。
压缩声音的方法有两种，第一种是在“声音属性”对话框中对声音进行压缩。第二种是在“发布设置”对话框中对声音进行压缩。执行“文件”→“发布设置”命令，在弹出的“发布设置”对话框中选择Flash选项卡，设置音频流与音频事件，弹出“声音设置”对话框，如图11-15所示。此时执行的优化处理将对影片中所有的声音文件都起作用。
PAGE

展开更多......

收起↑