《动画的测试发布与导出精选PPT.ppt》由会员分享，可在线阅读，更多相关《动画的测试发布与导出精选PPT.ppt（73页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、动画的测试发布与导出第1页，此课件共73页哦当动画制作完成后，就可以将其发布出来以便使更多的人来欣赏。但在发布之前，还应该注意两个问题：一是动画的效果是否与预期的效果相同；二是动画是否能够流畅地进行播放。要解决这两个问题，需要在发布之前对动画进行测试。第一节 动画的测试第2页，此课件共73页哦一、简单的测试方法一、简单的测试方法在编辑环境中，用户能够快速地进行一些简单的测试，主要包括以下几个方面。1测试按钮测试按钮指测试它在弹起、指针经过、按下和点击4帧中的状态，方法如下：（1）单击库面板中的“播放”按钮和“停止”按钮，如图13.1.1所示。第3页，此课件共73页哦图13.1.1 通过库面板测
2、试按钮第4页，此课件共73页哦（2）选择“窗口”“工具栏”“控制器”命令，打开控制器（见图13.1.2），单击其中的按钮。图13.1.2 通过控制器测试按钮第5页，此课件共73页哦注意：当通过控制器测试按钮时，只有在按钮元件的编辑模式下，控制器中的按钮才能生效。（3）选择“控制”“启用简单按钮”命令或按Ctrl+Alt+B键。注意：使用该种方法不能在按钮元件的编辑模式下测试按钮。第6页，此课件共73页哦2测试声音测试声音指测试它与文本是否同步，单击要测试声音的起始位置，然后执行下列操作之一即可。（1）单击控制器中的“播放”按钮和“停止”按钮。（2）按Enter键。第7页，此课件共73页哦3测试
3、帧动作用户还可以在编辑环境中测试goto，play和stop等简单的帧动作，方法如下：（1）选择“控制”“启用简单帧动作”命令或按Ctrl+Alt+F键。（2）单击添加了简单动作的帧，然后按Enter键。（3）单击添加了简单动作的帧，然后单击控制器中的“播放”按钮。第8页，此课件共73页哦4测试时间轴上的动画测试时间轴上的动画指测试动画片段是否流畅，方法如下：（1）单击动画的起始位置，然后按Enter键。（2）选择“控制”“播放”命令。第9页，此课件共73页哦二、动画测试窗口二、动画测试窗口若要评估影片剪辑、动作脚本或其他重要元素，必须在动画测试窗口中进行，选择“控制”“测试影片”或“测试场景
4、”命令，即可打开Flash 8的动画测试窗口，如图13.1.3所示。图13.1.3 动画的测试窗口第10页，此课件共73页哦首先在测试窗口中选择“视图”“下载设置”命令，并在其子菜单中选择合适的下载速度，即调制解调器的速度，以决定Flash的模拟下载速度，通常使用56Kb/s。然后选择“视图”“带宽设置”命令，在动画测试窗口的上方将出现一个新的窗口（即带宽视图），它包括左右两个子窗口，其中，左侧的子窗口显示了动画的一些基本参数、测试设置和动画状态等；右侧的子窗口显示了下载性能的直观图表，如图13.1.4所示。第11页，此课件共73页哦 图13.1.4 显示了带宽视图时的动画测试窗口第12页，此
5、课件共73页哦在带宽视图中，交替显示的深灰色和浅灰色色块表示动画中的每一帧，色块面积的大小表示了该帧的字节大小，如果色块有部分出现在红线的上面，则表示动画播放到此处时有可能暂停。如果用户选择“视图”“数据流图表”命令，带宽视图将变为数据流图表，如图13.1.5所示。第13页，此课件共73页哦图13.1.5 显示了数据流图表时的动画测试窗口第14页，此课件共73页哦如果用户选择“视图”“模拟下载”命令，带宽视图将如图13.1.6所示，可以看到：在左上方的窗口中多了“已加载”项，它由已下载数据量的百分比（左）和已下载的数据总量（右）两个数据来表示，用户可以通过它们评估动画的下载性能，另外，在流动栏
6、中将以绿色显示已下载的部分。第15页，此课件共73页哦图13.1.6 模拟下载时的动画测试窗口第16页，此课件共73页哦三、文件大小报告三、文件大小报告Flash 8还提供了文件大小报告功能，使用户更为有效地了解各动画元素的大小。选择“文件”“发布设置”命令，弹出“发布设置”对话框，选中“生成大小报告”复选框（见图13.1.7），可以在测试动画时生成一个同名的文本文件，它将被存放在与该动画相同的目录下，显示了文件中各元素的大小，如图13.1.8所示。第17页，此课件共73页哦图13.1.7 “发布设置”对话框 图13.1.8 文件大小报告第18页，此课件共73页哦Flash 8集成了发布功能，
7、使用“发布”命令可以将制作完成的动画发布为独立的作品，以供他人欣赏。下面介绍发布动画的全过程，包括发布设置、发布预览以及发布。一、动画的发布设置选项一、动画的发布设置选项在发布动画之前，需要选择“文件”“发布设置”命令，弹出“发布设置”对话框（见图13.2.1），设置动画的发布选项。第二节 动画的发布第19页，此课件共73页哦图13.2.1 “发布设置”对话框第20页，此课件共73页哦1Flash选项在“发布设置”对话框中选中“Flash（.swf）”复选框，然后单击“Flash”标签，打开“Flash”选项卡，如图13.2.2所示。第21页，此课件共73页哦图13.2.2 “Flash”选项
8、卡第22页，此课件共73页哦对其中各项说明如下：（1）“版本”：选择播放器的版本。说明：由于Flash的不断改进和新增功能的加入，许多由高版本Flash制作的动画文件在低版本的播放器中常常不能被正常执行，所以通常要选择最新版本的播放器。（2）“加载顺序”：设置动画在播放器中加载时，所有层中第1帧内容的显示顺序，是“由下而上”，还是“由上而下”。第23页，此课件共73页哦（3）“ActionScript 版本”：设置动作脚本的版本。（4）“选项”：设置是否对发布动画进行调试、压缩等操作，选中相应复选框即可。1）“生成大小报告”：选中该复选框，可生成一个罗列了发布数据量的文本文件。2）“防止导入”
9、：选中该复选框，可防止他人在Flash中导入发布后的动画。第24页，此课件共73页哦3）“省略Trace动作”：选中该复选框，可使Flash忽略当前动画中的跟踪动作。4）“允许调试”：选中该复选框，可激活调试器并允许对动画进行远程调试。5）“压缩影片”：选中该复选框，可对发布动画进行压缩，从而减小文件的大小。6）“针对Flash Player 6 r65”：选中该复选框，可对输出动画进行优化，以达到更好的播放效果。第25页，此课件共73页哦（5）“密码”：当选中“防止导入”或“允许调试”复选框后，该选项将被激活。用户可以在其右侧的文本框中输入密码，以防止他人在Flash中导入发布后的动画。（6
10、）“JPEG品质”：对位图进行压缩控制，数值越大，品质越好，但生成的文件也就越大。（7）“音频流”和“音频事件”：为动画中所有的音频流或声音设置压缩格式和采样率等，单击其右侧的“设置”按钮，将弹出如图13.2.3所示的“声音设置”对话框，在其中进行各项设置即可。第26页，此课件共73页哦图13.2.3 “声音设置”对话框第27页，此课件共73页哦如果用户要用“声音设置”对话框中的设置来覆盖Flash文档中的声音设置，需要选中“覆盖声音设置”复选框；如果Flash要导出适合于各种设备（包括移动设备）的声音，需要选中“导出设备声音”复选框。2HTML选项在“发布设置”对话框中选中“HTML”复选框
11、，然后单击“HTML”标签，打开“HTML”选项卡，如图13.2.4所示。第28页，此课件共73页哦图13.2.4 “HTML”选项卡第29页，此课件共73页哦（1）“模板”：选择输出动画在网页中进行位置编排时使用的模板。选择模板后，单击其右侧的“信息”按钮，可以显示对所选模板的说明。如果没有选择模板，Flash会使用名为Default.html的模板，如果该模板不存在，系统会自动使用列表中的第一个模板。第30页，此课件共73页哦（2）“检测Flash版本”：设置是否检测用户所用的播放器版本。（3）“尺寸”：设置动画在网页中播放的画面尺寸及显示方式。（4）“回放”：设置动画的循环、重复等功能，
12、选中相应复选框即可。第31页，此课件共73页哦1）“开始时暂停”：选中该复选框，在开始位置暂停播放动画，直到用户发出播放指令为止。2）“显示菜单”：选中该复选框，会在按下鼠标右键后显示一个快捷菜单。3）“循环”：选中该复选框，将使动画循环播放。4）“设备字体”：选中该复选框，使用消除锯齿的系统字体替换未安装在用户系统上的字体，只适用于Windows环境。第32页，此课件共73页哦（5）“品质”：设置动画中的图像在播放时的显示质量。1）低：使动画的播放速度优先于显示质量。2）自动降低：强调动画的播放速度。3）自动升高：使显示质量和播放速度同等重要，但在特殊情况下，优先考虑播放速度。4）中：使显示
13、质量和播放速度同等重要，不分彼此。第33页，此课件共73页哦5）高：使显示质量优先于播放速度。6）最佳：使显示质量达到最好，而不考虑播放速度。（6）“窗口模工”：设置当动画中含有透明区域时，动画中的图像在网页窗口中的显示方式。（7）“HTML对齐”：设置动画被置入到网页中时的对齐方式。（8）“缩放”：设置动画的缩放方式。第34页，此课件共73页哦1）默认：在指定的区域内显示整个swf文档，并且保持它的原始比例。2）无边框：对swf文档进行缩放，以使它适合指定的区域，并且保持它的原始比例。3）精确匹配：在指定的区域内显示swf文档，允许改变它的原始比例。4）无缩放：禁止在调整播放器窗口大小时缩放
14、swf文档。第35页，此课件共73页哦（9）“Flash对齐”：设置如何在网页窗口中放置动画以及在必要时如何裁剪动画的边缘。（10）“显示警告消息”：选中该复选框，可在标签设置发生冲突时显示错误信息。第36页，此课件共73页哦3GIF选项在“发布设置”对话框中选中“GIF图像（.gif）”复选框，然后单击“GIF”标签，打开“GIF”选项卡，如图13.2.5所示。图13.2.5 “GIF”选项卡第37页，此课件共73页哦（1）“尺寸”：在默认情况下，输出的GIF图像与Flash动画的尺寸相同，如果取消选中“匹配影片”复选框，可以等比例设置图像的输出尺寸。（2）“回放”：设置GIF文件是静态的还
15、是动态的。1）“静态”：选中该单选按钮，导出静态图。2）“动画”：选中该单选按钮，导出动画GIF，并允许用户设置动画的循环或重复属性。第38页，此课件共73页哦（3）“选项”：对输出的GIF图像的品质属性进行设置，选中相应复选框即可。1）“优化颜色”：选中该复选框，系统会从颜色表中删除不使用的颜色。2）“抖动纯色”：选中该复选框，对色块进行抖动处理，以防止出现色带不均匀的现象。第39页，此课件共73页哦3）“交错”：选中该复选框，使GIF图像在下载时逐渐显示。4）“删除渐变”：选中该复选框，将所有的渐变转换为与渐变的第1种颜色相同的纯色。5）“平滑”：选中该复选框，使输出的GIF图像消除锯齿，
16、提高图像质量。第40页，此课件共73页哦（4）“透明”：设置在输出的GIF图像中是否保留透明区域。1）不透明：使背景完全不透明。2）透明：使背景完全透明。3）Alpha：使背景局部透明。在其文本框中输入一个数值，若图像的Alpha值低于该值，则透明显示；若图像的Alpha值高于该值，则不发生变化。第41页，此课件共73页哦（5）“抖动”：设置是否通过混合已有的颜色来模拟当前调色板中没有的颜色。（6）“调色板类型”：设置调色板的类型。1）Web 216色：使用标准的216色浏览器安全调色板来创建GIF图像，可以获得较好的图像品质，在服务器上的处理速度最快。第42页，此课件共73页哦2）最适合：分
17、析图像中的颜色并为选定的GIF创建唯一的颜色表，适合显示成千上万种颜色，但生成的文件要比用“Web 216色”生成的文件大得多。3）接近Web最适色：对调色板进行优化处理，并将接近的颜色转换为Web 216色。4）自定义：根据需要自定义调色板。第43页，此课件共73页哦（7）“最多颜色”：如果调色板的类型为“最适合”或“接近Web最适色”，将激活该选项，用户可以对其最大颜色数进行设置。（8）“调色板”：如果调色板的类型为“自定义”，将激活该选项，用户可以在计算机中选择需要的调色板文件。4JPEG选项在“发布设置”对话框中选中“JPEG图像（.jpg）”复选框，然后单击“JPEG”标签，打开“J
18、PEG”选项卡，如图13.2.6所示。第44页，此课件共73页哦图13.2.6 “JPEG”选项卡第45页，此课件共73页哦（1）“尺寸”：在默认情况下，输出的JPGE图像与Flash动画的尺寸相同。如果取消选中“匹配影片”复选框，可以等比例设置图像的输出尺寸。（2）“品持”：设置输出的JPEG图像的品质。品质越低，生成的文件就越小。（3）“渐进”：选中该复选框，可以在Web浏览器中逐渐显示连续的JPEG图像。第46页，此课件共73页哦5PNG选项在“发布设置”对话框中选中“PNG图像（.png）”复选框，然后单击“PNG”标签，打开“PNG”选项卡，如图13.2.7所示。（1）“尺寸”：在默
19、认情况下，输出的PNG图像与Flash动画的尺寸相同。如果取消选中“匹配影片”复选框，可以等比例设置图像的输出尺寸。（2）“位深度”：设置在创建图像时，每个像素所使用的位数。对于256色的图像，位深度是8位的；对于真彩色，位深度是24位的。第47页，此课件共73页哦图13.2.7 “PNG”选项卡第48页，此课件共73页哦（3）“选项”、“抖动”、“调色板类型”、“最多颜色”和“调色板”：与GIF格式中的相应参数含义相同，这里就不再赘述。（4）“过滤器选项”：设置PNG文件的过滤方式。6QuickTime选项在“发布设置”对话框中选中“QuickTime”复选框，然后单击“QuickTime”
20、标签，打开“QuickTime”选项卡，如图13.2.8所示。第49页，此课件共73页哦图13.2.8 “QuickTime”选项卡第50页，此课件共73页哦（1）“尺寸”：在默认情况下，输出的QuickTime影片与Flash动画的尺寸相同。如果取消选中“匹配影片”复选框，可以等比例设置影片的输出尺寸。（2）“Alpha”：设置Flash动画在QuickTime影片中的透明模式。（3）“图层”：设置Flash动画在QuickTime影片中的位置。第51页，此课件共73页哦1）自动：检测Flash动画是否位于QuickTime内容的前面。如果是，则将Flash动画放置在顶层；如果不是，则将Fl
21、ash动画放置在底层。2）顶部：将Flash动画放置在最顶层。3）底部：将Flash动画放置在最底层。第52页，此课件共73页哦（4）“声音流”：设置是否按照标准的QuickTime设置压缩音频。（5）“控制栏”：设置使用哪种QuickTime控制器来播放Flash动画。1）无：不对Flash动画进行播放控制。2）标准：使用导出影片的QuickTime控制器来播放Flash动画。3）QuickTime VR：使用QuickTime VR类型的控制器来播放Flash动画。第53页，此课件共73页哦（6）“回放”：设置QuickTime影片的播放方式。1）“循环”：选中该复选框，当影片到达最后一帧
22、时将从头开始播放。2）“开始时暂停”：选中该复选框，暂停播放影片，直到用户发出播放指令为止。3）“播放每帧”：选中该复选框，播放影片每一帧，但不播放声音。第54页，此课件共73页哦（7）“文件”：设置是否将Flash动画与导入的视频结合为一个新的QuickTime影片。此外，用户还可以将Flash动画发布为Windows的放映文件（后缀名为.exe）和Macintosh的放映文件（后缀名为.hqx），由于它们没有参数，这里就不再赘述了。第55页，此课件共73页哦二、发布预览二、发布预览选择“文件”“发布预览”命令中的子命令（见图13.2.9），可以按所选的类型在默认浏览器中打开相应文件。图13
23、.2.9 “发布预览”命令的子命令第56页，此课件共73页哦例如，如果选择“HTML”选项，则系统会启动Internet Explorer浏览器显示HTML文件的发布效果，如图13.2.10所示；如果选择“GIF”选项，则系统会启动默认的图片浏览器显示GIF文件的发布效果，如图13.2.11所示。第57页，此课件共73页哦图13.2.10 预览HTML文件的发布效果 图13.2.11 预览GIF文件的发布效果第58页，此课件共73页哦三、发布三、发布最后，用户就可以将作品发布至Internet供他人欣赏了，执行下列操作之一即可。（1）选择“文件”“发布”命令，如图13.2.12所示。（2）按S
24、hift+F12键。（3）单击“发布设置”对话框中的“发布”按钮，如图13.2.13所示。第59页，此课件共73页哦图13.2.12 使用“发布”命令发布 图13.2.13 使用“发布”按钮发布第60页，此课件共73页哦选择“文件”“导出”命令中的子命令（见图13.3.1），可以将当前动画导出为某种格式的图像或影片文件。第三节 动画的导出图13.3.1 “发布预览”命令的子命令第61页，此课件共73页哦一、导出静态图像文件一、导出静态图像文件选择“导出图像”命令，可以将当前帧内容或所选图像导出为一种静止图像格式或单帧的Flash Player应用程序，操作步骤如下：（1）选中动画的某一帧或图像
25、等。（2）选择“文件”“导出”“导出图像”命令，弹出“导出图像”对话框，如图13.3.2所示。第62页，此课件共73页哦 图13.3.2 “导出图像”对话框第63页，此课件共73页哦（3）在“文件名”下拉列表框中输入文件的名称。（4）在“保存类型”下拉列表中选择一种图像格式，Flash 8允许导出的图像格式如图13.3.3所示。（5）单击“保存”按钮。图13.3.3 Flash 8允许导出的图像格式第64页，此课件共73页哦二、导出动态影片文件二、导出动态影片文件选择“导出影处”命令，可以为每一帧创建一个带有编号的图像文件，操作步骤如下：（1）选中动画的某一帧或图像等。（2）选择“文件”“导出
26、”“导出影片”命令，弹出“导出影片”对话框，如图13.3.4所示。第65页，此课件共73页哦图13.3.4 “导出影片”对话框第66页，此课件共73页哦（3）在“文件名”下拉列表框中输入文件的名称。（4）在“保存类型”下拉列表中选择一种影片格式，Flash 8允许导出的影片格式如图13.3.5所示。（5）单击“保存”按钮。提示：使用“导出影片”命令，还能够将声音导出为WAV文件（仅限于Windows）。第67页，此课件共73页哦图13.3.5 Flash 8允许导出的影片格式第68页，此课件共73页哦本章主要讲解了动画的后期处理知识，包括动画的测试、发布与导出，这是非常关键的一步，它将直接影响
27、到作品能否正常传播，用户应该熟练掌握。本章小结第69页，此课件共73页哦一、填空题一、填空题（1）测试_指测试它在弹起、指针经过、按下和点击4帧中的状态。（2）测试_指测试它与文本是否同步。（3）使用_命令，可以为每一帧创建一个带有编号的图像文件。习题十三第70页，此课件共73页哦二、选择题二、选择题（1）简单测试包括测试（）。A按钮 B声音C帧动作D时间轴上的动画（2）（）发布格式没有发布选项。AGIF文件BWindows的放映文件CJPEG文件DMacintosh的放映文件第71页，此课件共73页哦（3）“发布”命令的快捷键是（）。ACtrl+F12BF12 CShift+F12DCtrl+Shift+F12三、上机操作题三、上机操作题（1）练习将Flash动画发布为HTML格式的文件。（2）练习将Flash动画发布为GIF格式的文件。第72页，此课件共73页哦第73页，此课件共73页哦