测试发布与导出动画.pptx

1.1Flash动画设计与制作动画设计与制作 14.1 Flash作品的测试作品的测试14.2 优化动画优化动画14.3 导出与发布动画导出与发布动画内容概况内容概况内容概况内容概况14 轨迹动画轨迹动画 1.2Flash动画设计与制作动画设计与制作 1.1.编辑环境中可测试的内容编辑环境中可测试的内容 按钮状态按钮状态 主时间线上的声音主时间线上的声音 主时间线上的帧动作主时间线上的帧动作 主时间线上的动画主时间线上的动画2.2.编辑环境中不可测试的内容编辑环境中不可测试的内容 动画剪辑动画剪辑 动作动作 动画速度动画速度 下载性能下载性能在编辑环境中测试在编辑环境中测试在编辑环境中测试在编辑环境中测试14.1 Flash作品的测试作品的测试 1.3Flash动画设计与制作动画设计与制作 3.3.编辑环境中的测试方法编辑环境中的测试方法 如如果果要要在在编编辑辑环环境境中中测测试试按按钮钮的的可可视视功功能能，可可选选择择“控控制制”“启启用用简简单单按按钮钮”命命令令，然然后后在在舞舞台台上上单单击击按按钮钮，按按钮钮将将做做出出最最终终发发布布的的动动画画中中一一样样的的响响应应，再再次次执执行行该该命命令令即即可可清清除除编编辑辑环环境境下下的的按按钮钮可可视视化化测测试试功功能。能。如如果果要要在在编编辑辑环环境境下下测测试试Go Go ToTo、StopStop以以及及PlayPlay这这样样的的帧帧动动作作时时，可可选选择择“控控制制”“启启用用简简单单帧帧动动作作”命命令令，启启用用帧帧动动作作后后，当当在在编编辑辑环环境境中中放放映映时时间间线线时时，Go ToGo To、StopStop以及以及PlayPlay动作将会做出响应。动作将会做出响应。在编辑环境中测试在编辑环境中测试在编辑环境中测试在编辑环境中测试14.1 Flash作品的测试作品的测试 1.4Flash动画设计与制作动画设计与制作 测试的命令有两个：测试的命令有两个：“控制控制”菜单下的菜单下的“测试影片测试影片”命令和命令和“测试场景测试场景”命令命令 测试影片的快捷键是测试影片的快捷键是Ctrl+Alt+EnterCtrl+Alt+Enter，用于测试整个动画，用于测试整个动画 测试场景的快捷键为测试场景的快捷键为Ctrl+EnterCtrl+Enter，但只是测试当前的场景，但只是测试当前的场景 测试场景和测试影片都会在动画的测试场景和测试影片都会在动画的.fla.fla文件相同的位置创建文件相同的位置创建.swf.swf文件并存文件并存储储导出播放文件进度对话框导出播放文件进度对话框导出播放文件进度对话框导出播放文件进度对话框 测试影片测试影片测试影片测试影片 14.1 Flash作品的测试作品的测试测试影片和场景测试影片和场景测试影片和场景测试影片和场景 1.5Flash动画设计与制作动画设计与制作 单击单击“测试影片测试影片”中的中的“视图视图”菜单，出现如下图所示的菜单项菜单，出现如下图所示的菜单项 “视图视图视图视图”菜单菜单菜单菜单 14.1 Flash作品的测试作品的测试查看查看查看查看 1.6Flash动画设计与制作动画设计与制作 单击单击单击单击“控制控制控制控制”菜单，如下图所示菜单，如下图所示菜单，如下图所示菜单，如下图所示 控制测试控制测试控制测试控制测试14.1 Flash作品的测试作品的测试控制控制控制控制 1.7Flash动画设计与制作动画设计与制作 单击单击“调试调试”菜单，如下图所示。对象列表、变量列表分别在文本框菜单，如下图所示。对象列表、变量列表分别在文本框中输出动画包含的对象和变量中输出动画包含的对象和变量调试菜单调试菜单调试菜单调试菜单14.1 Flash作品的测试作品的测试调试调试调试调试 1.8Flash动画设计与制作动画设计与制作 1.1.测试环境窗口的打开测试环境窗口的打开 可可以以使使用用“测测试试影影片片”和和“测测试试场场景景”两两个个命命令令将测试环境打开，它们均在将测试环境打开，它们均在“控制控制”菜单中。菜单中。2.2.测试环境中的测试方法测试环境中的测试方法 打打开开测测试试环环境境窗窗口口后后，可可以以自自动动创创建建当当前前场场景景或或整整个个动动画画的的工工作作版版本本，并并在在此此窗窗口口中中将将动动画画打打开开，从从而测试交互性、动画和功能等各个方面的内容。而测试交互性、动画和功能等各个方面的内容。在在在在FlashFlashFlashFlash的测试环境中进行测试的测试环境中进行测试的测试环境中进行测试的测试环境中进行测试14.1 Flash作品的测试作品的测试 1.9Flash动画设计与制作动画设计与制作 控制菜单图 测试影片窗口课堂实例课堂实例课堂实例课堂实例测试动画测试动画测试动画测试动画14.1 Flash作品的测试作品的测试 1.10Flash动画设计与制作动画设计与制作 图11-3 Flash MX的调试器 (1)(1)变量的属性值的查看和修改变量的属性值的查看和修改变量的属性值的查看和修改变量的属性值的查看和修改测试动画测试动画测试动画测试动画调试器的使用调试器的使用调试器的使用调试器的使用14.1 Flash作品的测试作品的测试 1.11Flash动画设计与制作动画设计与制作 图11-14 查看变量的值(2)显示和修改变量显示和修改变量图11-7 调试中的变量选项卡 图11-8 修改变量的值测试动画测试动画测试动画测试动画调试器的使用调试器的使用调试器的使用调试器的使用14.1 Flash作品的测试作品的测试 1.12Flash动画设计与制作动画设计与制作 (3)(3)使用使用使用使用“监视点监视点监视点监视点”列表列表列表列表 设置监视点设置监视点 查看监视点列表查看监视点列表 设置监视点设置监视点 查看监视点列表查看监视点列表测试动画测试动画测试动画测试动画调试器的使用调试器的使用调试器的使用调试器的使用14.1 Flash作品的测试作品的测试 1.13Flash动画设计与制作动画设计与制作 (1)(1)打开输出窗口打开输出窗口图图图图11-13 11-13 调试菜单调试菜单调试菜单调试菜单 图图图图11-14 11-14 “对象列表对象列表对象列表对象列表”输出窗口输出窗口输出窗口输出窗口 (2)(2)对象列表对象列表对象列表对象列表 (3)(3)变量列表变量列表 测试动画测试动画测试动画测试动画.“输出输出输出输出”窗口框的使用窗口框的使用窗口框的使用窗口框的使用14.1 Flash作品的测试作品的测试 1.14Flash动画设计与制作动画设计与制作 1.1.测试动画下载性能测试动画下载性能图图11-114 11-114 导导出出FlashFlash影影片片 图图11-17 11-17 含含有有“带带宽宽设设置置”窗窗口口的的测测试试 图图11-18 11-18 查查看看菜单菜单 动画作品的性能与测试动画作品的性能与测试动画作品的性能与测试动画作品的性能与测试14.1 Flash作品的测试作品的测试 1.15Flash动画设计与制作动画设计与制作 经常测试经常测试 全面测试全面测试 相互探讨相互探讨 设计大纲设计大纲测试影片注意事项测试影片注意事项测试影片注意事项测试影片注意事项14.1 Flash作品的测试作品的测试 1.16Flash动画设计与制作动画设计与制作 简化简化简化简化14.2 优化动画优化动画在制作动画时，应注意适量地简化动画，可从以下几点考虑：在制作动画时，应注意适量地简化动画，可从以下几点考虑：尽量减少使用关键帧尽量减少使用关键帧 使用声音文件时，最好使用使用声音文件时，最好使用MP3MP3格式的声音文件格式的声音文件 创建形状和图形时，减少使用的点数和线数，可将直线组合创建形状和图形时，减少使用的点数和线数，可将直线组合渐变填充比单色填充要消耗更多的处理器资源，应减少使用渐变填渐变填充比单色填充要消耗更多的处理器资源，应减少使用渐变填充的数量充的数量不要使用过多花样字体或字型不要使用过多花样字体或字型 在蒙板中不要使用设备字体在蒙板中不要使用设备字体 1.17Flash动画设计与制作动画设计与制作 使用元件使用元件使用元件使用元件14.2 优化动画优化动画使用元件时应考虑以下几点：使用元件时应考虑以下几点：如果要在动画的多个关键帧或场景中使用同一元素，可考虑将其作如果要在动画的多个关键帧或场景中使用同一元素，可考虑将其作为元件为元件如果要使用许多颜色的同一图形，可将它制作成图形符号如果要使用许多颜色的同一图形，可将它制作成图形符号 尽量将大的元件放在第一帧，方便预加载尽量将大的元件放在第一帧，方便预加载避免使用大的元件作为当前库中的链接元件导出避免使用大的元件作为当前库中的链接元件导出应尽量使用矢量线代替矢量色块。应尽量使用矢量线代替矢量色块。避免过多地使用位图等外部导入对象。避免过多地使用位图等外部导入对象。限制使用特殊线条（如虚线、波浪线等）的数量，使用实线会使文限制使用特殊线条（如虚线、波浪线等）的数量，使用实线会使文件体积更小。件体积更小。导入的音频文件最好是选择体积较小的声音格式，如导入的音频文件最好是选择体积较小的声音格式，如MP3MP3格式。格式。1.18Flash动画设计与制作动画设计与制作 优化图片优化图片优化图片优化图片14.2 优化动画优化动画 在在FlashFlash中不要轻易使用点阵位图，因为位图表现的内容清晰，但中不要轻易使用点阵位图，因为位图表现的内容清晰，但输出动画的文件也明显增大。所以，在可以的情况下，尽量使用矢量图输出动画的文件也明显增大。所以，在可以的情况下，尽量使用矢量图来代替位图。当然，更不要使用真彩色或更高的位图来代替位图。当然，更不要使用真彩色或更高的位图 1.19Flash动画设计与制作动画设计与制作 优化文本优化文本优化文本优化文本14.2 优化动画优化动画优化文本要注意以下几个问题：优化文本要注意以下几个问题：限制字体和字型的使用。限制字体和字型的使用。在嵌入字体选项中，应该选择嵌入所需的字符，而不要选择嵌入整在嵌入字体选项中，应该选择嵌入所需的字符，而不要选择嵌入整个字体。个字体。尽量少地通过选择尽量少地通过选择“修改修改”“分散分散”命令。命令。1.20Flash动画设计与制作动画设计与制作 优化颜色优化颜色优化颜色优化颜色14.2 优化动画优化动画优化颜色时要注意以下几个问题：优化颜色时要注意以下几个问题：在在对对FlashFlash作作品品影影响响不不是是很很大大的的前前提提下下，应应尽尽量量减减少少渐渐变变色色的的使使用用，应更多地使用纯色。应更多地使用纯色。应应多多使使用用元元件件的的颜颜色色效效果果，得得到到同同一一元元件件不不同同颜颜色色的的实实例例，而而不不要创建各种颜色的元件。要创建各种颜色的元件。应应多多使使用用WebWeb安安全全色色彩彩（能能够够被被各各种种类类型型的的浏浏览览器器正正确确显显示示的的颜颜色色）。尽量少地使用透明色，因为它会减慢尽量少地使用透明色，因为它会减慢FlashFlash动画的播放速度。动画的播放速度。1.21Flash动画设计与制作动画设计与制作 优化设计优化设计优化设计优化设计14.2 优化动画优化动画优化设计要注意以下几个问题：优化设计要注意以下几个问题：调调整整停停顿顿帧帧中中的的内内容容，在在设设计计过过程程中中应应该该尽尽量量避避免免包包含含了了音音频频引引用对象或位图引用对象的关键帧出现在同一个播放位置上。用对象或位图引用对象的关键帧出现在同一个播放位置上。可在数据量大的关键帧前面设计一些数据量较小的帧序列。可在数据量大的关键帧前面设计一些数据量较小的帧序列。在在下下载载无无法法避避免免的的大大数数据据量量关关键键帧帧时时，可可设设计计一一些些重重复复播播放放的的动动画内容。画内容。应应在在作作品品的的开开始始阶阶段段避避免免设设置置数数据据量量较较多多的的对对象象，而而应应设设置置数数据据量较少的对象。量较少的对象。如如果果是是在在最最不不好好的的传传输输条条件件下下测测试试FlashFlash动动画画作作品品，则则应应将将作作品品的的绝大部分帧数据量控制在最高实时传输速度以下。绝大部分帧数据量控制在最高实时传输速度以下。1.22Flash动画设计与制作动画设计与制作 优化脚本语言优化脚本语言优化脚本语言优化脚本语言14.2 优化动画优化动画优化脚本语言时要注意以下几点：优化脚本语言时要注意以下几点：在在发发布布选选项项中中选选择择“省省略略跟跟踪踪设设置置”选选项项，在在发发布布FlashFlash动动画画的的时时候忽略跟踪语句。候忽略跟踪语句。将经常使用的代码段定义为函数。将经常使用的代码段定义为函数。尽可能多地使用局部变量。尽可能多地使用局部变量。1.23Flash动画设计与制作动画设计与制作 导出动画导出动画导出动画导出动画14.3 导出与发布动画导出与发布动画导出动画的步骤如下：导出动画的步骤如下：1.1.选择选择“文件文件”“导出导出“导导出影片出影片”命令命令2.2.在弹出的对话框中输入要导出影在弹出的对话框中输入要导出影片的文件名，并选择类型，默认片的文件名，并选择类型，默认类型为类型为.swf.swf格式格式3.3.确定后，弹出确定后，弹出“导出导出Flash Flash PlayerPlayer”对话框对话框4.4.设置好各选项后，单击设置好各选项后，单击“确定确定”按钮，就完成了动画的导出按钮，就完成了动画的导出“导出导出导出导出Flash Player”Flash Player”对话框对话框对话框对话框 1.24Flash动画设计与制作动画设计与制作 导出图像文件导出图像文件导出图像文件导出图像文件14.3 导出与发布动画导出与发布动画导出图像文件的操作方法如下：导出图像文件的操作方法如下：1.1.打开要导出的动画，选中要导出的帧或场景中的某个图像。打开要导出的动画，选中要导出的帧或场景中的某个图像。2.2.选择选择“文件文件”“导出导出”“导出图像导出图像”命令，弹出命令，弹出“导出图像导出图像”对话框，在其中选择文件的保存类型，并在文件名文本框中输入文对话框，在其中选择文件的保存类型，并在文件名文本框中输入文件名称。件名称。3.3.如果在如果在“保存类型保存类型”下拉列表中选择下拉列表中选择“JPEGJPEG图像（图像（*.jpg.jpg）选项，）选项，弹出弹出“导出导出JPEGJPEG”对话框，在其中可以设置图像的导出参数，最后对话框，在其中可以设置图像的导出参数，最后单击单击“确定确定”按钮即可完成图像的导出操作。被导出的图像可以作按钮即可完成图像的导出操作。被导出的图像可以作为独立的图片来使用了。为独立的图片来使用了。1.25Flash动画设计与制作动画设计与制作 发布动画步骤如下发布动画步骤如下:1.1.选择选择“文件文件”“发布设置发布设置”命命令，弹出如图所示的令，弹出如图所示的“发布设置发布设置”对话框对话框2.2.在在“发布设置发布设置”对话框的对话框的“格式格式”选项卡中设置将要发布的动画选项卡中设置将要发布的动画支持的格式支持的格式3.3.在在“类型类型”中选择中选择FlashFlash选项，也选项，也可以对其中的选项进行设置可以对其中的选项进行设置“发布设置发布设置发布设置发布设置”对话框对话框对话框对话框 发布动画发布动画发布动画发布动画14.3 导出与发布动画导出与发布动画 1.26Flash动画设计与制作动画设计与制作 4.4.在在“类型类型”中选择中选择HTMLHTML选项选项5.5.单击单击“发布设置发布设置”对话框中的对话框中的“确确定定”按钮，完成发布设置；或者直按钮，完成发布设置；或者直接单击接单击“发布发布”按钮，即可将动画按钮，即可将动画发布发布6.6.选择选择“文件文件”“发布发布”命令，将命令，将动画发布动画发布 HTMLHTML设置设置设置设置 循环循环循环循环14.3 导出与发布动画导出与发布动画