工信版（中职）计算机动画设计——Flash CS37教学课件.ppt

YCF（中职）计算机动画设计Flash CS37教学课件模块模块7 测试和发布测试和发布本章导读本章导读学习目标学习目标任务任务1 测试测试Flash作品作品任务任务2 导出动画导出动画任务任务3 优化优化Flash作品作品任务任务4 Flash作品的发布作品的发布思考与练习思考与练习本章导读本章导读Flash文档默认使用文档默认使用FLA格式，这种格式的文件只能在格式，这种格式的文件只能在Flash CS3编辑环境中预览。要使更多的入能分享创作成果，编辑环境中预览。要使更多的入能分享创作成果，可以利用可以利用Flash的发布功能将影片输出为通用的动画、图像、的发布功能将影片输出为通用的动画、图像、视频或音频文件格式。视频或音频文件格式。Flash CS3可以发布或导出的文件格可以发布或导出的文件格式很多，也可以使用打印机将式很多，也可以使用打印机将Flash影片中的某些场景或侦影片中的某些场景或侦打印出来。打印出来。返回学习目标学习目标测试测试Flash作品。作品。导出导出Flash动画。动画。优化优化Flash动画。动画。发布发布Flash动画。动画。返回任务任务1 测试测试Flash作品作品测试是制作测试是制作Flash作品必不可少的环节，它贯穿着作品必不可少的环节，它贯穿着Flash作作品的制作全程。每当完成一个元件或一段动画时就应该进行品的制作全程。每当完成一个元件或一段动画时就应该进行测试。在测试。在Flash CS3中，测试动画的具体操作步骤如下中，测试动画的具体操作步骤如下:(1)打开需要测试的动画文件打开需要测试的动画文件(以前面制作的以前面制作的“制作一个控制制作一个控制插放的按钮插放的按钮.f1a”为例为例)，选择，选择“控制控制”一一“测试测试”命令命令(或或按按Ctrl+Enter组合键组合键)，打开动画测试窗口，在该窗口中，打开动画测试窗口，在该窗口中可查看动画的实际播放状态，如可查看动画的实际播放状态，如图图7-1所示。所示。(2)在测试窗口中选择在测试窗口中选择“视图视图”“下载设置下载设置”命令，在打命令，在打开的菜单中选择一种带宽类型，如开的菜单中选择一种带宽类型，如图图7-2所示。然后，选择所示。然后，选择“视图视图”“模拟下载模拟下载”命令，对设置带宽下动画的下载情命令，对设置带宽下动画的下载情况进行模拟测试。况进行模拟测试。上一页 下一页返回任务任务1 测试测试Flash作品作品(3)在测试窗口中选择在测试窗口中选择“视图视图”一一“带宽设置带宽设置”命令，然后命令，然后选择选择“视图视图”一一“数据流图表数据流图表”命令，可打开带宽数据流显命令，可打开带宽数据流显示图表，在该图表中可查看下载和播放动画时的带宽使用情示图表，在该图表中可查看下载和播放动画时的带宽使用情况，如况，如图图7-3所示。所示。在如图在如图7-3所示的图表中，各部分的功能及含义如下。所示的图表中，各部分的功能及含义如下。(1)影片影片:显示动画的总体属性，包括场景的尺寸、帧频、文显示动画的总体属性，包括场景的尺寸、帧频、文件大小、播放持续时间和预先加载时间等属性信息。件大小、播放持续时间和预先加载时间等属性信息。(2)设置设置:显示当前的带宽信息。显示当前的带宽信息。(3)状态状态:显示当前帧号、该帧数据大小及已经载入的帧数和显示当前帧号、该帧数据大小及已经载入的帧数和数据量。数据量。上一页 下一页返回任务任务1 测试测试Flash作品作品(4)右侧图表右侧图表:在右侧图表中，每个交错的浅色和深色的方块在右侧图表中，每个交错的浅色和深色的方块表示动画的帧，方块的大小表示该帧所含数据量的多少，若表示动画的帧，方块的大小表示该帧所含数据量的多少，若方块超出了红线则表示该帧的数据量超出了限制。方块超出了红线则表示该帧的数据量超出了限制。(4)选择选择“视图视图”“帧数图表帧数图表”命令，打开帧数显示图表，命令，打开帧数显示图表，在该图表中可查看各帧中的数据使用情况，如在该图表中可查看各帧中的数据使用情况，如图图7-4所示。所示。(5)查看相关信息后，关闭测试窗口，然后在主菜单中选择查看相关信息后，关闭测试窗口，然后在主菜单中选择“控制控制”“调试影片调试影片”命令，打开调试器面板，在该面板命令，打开调试器面板，在该面板中可对动画中添加的中可对动画中添加的ActionScript脚本的执行情况进行查脚本的执行情况进行查看。看。(6)查看脚本执行情况后，关闭调试器面板，完成对动画的查看脚本执行情况后，关闭调试器面板，完成对动画的测试。测试。上一页返回任务任务2 导出动画导出动画若要将动画中的声音、图形或某一个动画片段保存为指定的若要将动画中的声音、图形或某一个动画片段保存为指定的文件格式，可利用动画导出功能导出该文件。文件格式，可利用动画导出功能导出该文件。7.2.1 导出图形导出图形在在Flash CS3中，导出图形的具体操作步骤如下中，导出图形的具体操作步骤如下:(1)在场景或某一帧中选中要导出的图形。在场景或某一帧中选中要导出的图形。(2)选择选择“文件文件”“导出导出”“导出图像导出图像”命令，打开命令，打开“导出图像导出图像”对话框。对话框。(3)在在“保存在保存在”下拉列表框中指定保存导出图形文件的路下拉列表框中指定保存导出图形文件的路径，在径，在“文件名文件名”文本框中输入文件名称，在文本框中输入文件名称，在“保存类型保存类型”下拉列表框中选择保存图形的文件格式。下拉列表框中选择保存图形的文件格式。(4)单击单击“保存保存”按钮，将图形导出为指定的图形文件。按钮，将图形导出为指定的图形文件。下一页返回任务任务2 导出动画导出动画7.2.2 导出声音导出声音在在Flash CS3中，导出声音的具体操作步骤如下中，导出声音的具体操作步骤如下:(1)选中某一帧或场景中要导出的声音。选中某一帧或场景中要导出的声音。(2)选择选择“文件文件”“导出导出”“导出影片导出影片”命令，打开命令，打开“导出影片导出影片”对话框。对话框。(3)在在“保存在保存在”下拉列表框中指定保存导出声音文件的路下拉列表框中指定保存导出声音文件的路径，在径，在“文件名文件名”文本框中输入文件名称，在文本框中输入文件名称，在“保存类型保存类型”下拉列表框中选择下拉列表框中选择“WAV音频音频(*.wav)”选项。选项。上一页 下一页返回任务任务2 导出动画导出动画(4)单击单击“保存保存”按钮，打开按钮，打开“导出导出Windows WAV”对话对话框，在框，在“声音格式声音格式”下拉列表框中选择一种声音格式，如下拉列表框中选择一种声音格式，如图图7-5所示。所示。(5)单击单击“确定确定”按钮，按设置的格式将声音导出为指定的按钮，按设置的格式将声音导出为指定的声音文件。声音文件。上一页 下一页返回任务任务2 导出动画导出动画7.2.3 导出动画片段导出动画片段在在Flash CS3中，导出动画片段的具体操作步骤如下中，导出动画片段的具体操作步骤如下:(1)选中要导出的动画片段。选中要导出的动画片段。(2)选择选择“文件文件”“导出导出”“导出影片导出影片”命令，打开命令，打开“导出影片导出影片”对话框。对话框。(3)在该对话框的在该对话框的“保存在保存在”下拉列表框中指定保存导出影下拉列表框中指定保存导出影片文件的路径，在片文件的路径，在“文件名文件名”文本框中输入文件名称，在文本框中输入文件名称，在“保存类型保存类型”下拉列表框中选择需要的影片类型下拉列表框中选择需要的影片类型(如如AVI).上一页 下一页返回任务任务2 导出动画导出动画(4)单击单击“保存保存”按钮，打开按钮，打开“导出导出Windows AVI”对话对话框，在该对话框中对导出影片的尺寸、视频格式以及声音格框，在该对话框中对导出影片的尺寸、视频格式以及声音格式等进行设置，如式等进行设置，如图图7-6所示。所示。(5)单击单击“确定确定”按钮，打开按钮，打开“视频压缩视频压缩”对话框，在该对对话框，在该对话框中对视频压缩程序和压缩质量进行设置，如话框中对视频压缩程序和压缩质量进行设置，如图图7-7所示。所示。(6)单击单击“确定确定”按钮，将选中的动画片段导出为指定的影按钮，将选中的动画片段导出为指定的影片文件。片文件。上一页返回任务任务3 优化优化Flash作品作品Flash影片主要通过互联网发布和传播，所以应该尽量减小影片主要通过互联网发布和传播，所以应该尽量减小作品的容量，尽量缩短用户下载影片的时间。在输出动画前，作品的容量，尽量缩短用户下载影片的时间。在输出动画前，可以采用各种方法对其进行优化。可以采用各种方法对其进行优化。Flash作品优化可以归结为以下几个方面作品优化可以归结为以下几个方面:(1)在允许的情况下，尽量使用补间动画而避免使用逐帧动在允许的情况下，尽量使用补间动画而避免使用逐帧动画。补间动画只需计算补间两端关键帧中的相关数据，所占画。补间动画只需计算补间两端关键帧中的相关数据，所占资源远远小于逐帧动画。资源远远小于逐帧动画。(2)尽量避免使用位图。不得不使用位图时也应尽量避免对尽量避免使用位图。不得不使用位图时也应尽量避免对位图元素进行动画处理，一般将其作为背景或者静态元素。位图元素进行动画处理，一般将其作为背景或者静态元素。下一页返回任务任务3 优化优化Flash作品作品(3)如果某个元素在影片中被多次使用，那么就将其做成元如果某个元素在影片中被多次使用，那么就将其做成元件，然后在影片中调用该元件的实例。这样，从网络上下载件，然后在影片中调用该元件的实例。这样，从网络上下载SWF文件的时候就可以少下载许多元素。文件的时候就可以少下载许多元素。(4)尽可能避免使用特殊的线条类型，如虚线、点线等。实尽可能避免使用特殊的线条类型，如虚线、点线等。实线比虚线和点线占用的资源要少，用铅笔绘制的线条比用刷线比虚线和点线占用的资源要少，用铅笔绘制的线条比用刷子绘制的线条占用的资源要少。子绘制的线条占用的资源要少。(5)减少字体和字样的数量。使用大量特殊字体和字样会大减少字体和字样的数量。使用大量特殊字体和字样会大大增加文件所占的资源。在播放生成的大增加文件所占的资源。在播放生成的SWF文件时，如果电文件时，如果电脑的配置比较低，也可能会出现比较严重的停顿现象脑的配置比较低，也可能会出现比较严重的停顿现象(例如将例如将“帧频帧频”设置为设置为30帧帧/秒，但实际播放时却达不到秒，但实际播放时却达不到30帧帧/秒秒)。上一页返回任务任务4 Flash作品的发布作品的发布对制作好的动画进行测试、优化和导出后，就可以使用对制作好的动画进行测试、优化和导出后，就可以使用“发发布布”菜单项发布动画了。菜单项发布动画了。在默认的情况下，使用在默认的情况下，使用“发布发布”菜单项可以创建菜单项可以创建Flash.swf文件，并将文件，并将Flash影片插入浏览器窗口的影片插入浏览器窗口的HTML文档中。文档中。7.4.1 发布发布Flash动画的媒体文件格式动画的媒体文件格式发布发布Flash动画的媒体文件格式有以下几种。动画的媒体文件格式有以下几种。1.SWF文件文件SWF文件格式是唯一支持所有文件格式是唯一支持所有Flash交互功能的格式，可以交互功能的格式，可以Flash Player播放器播放。播放器播放。下一页返回任务任务4 Flash作品的发布作品的发布2.MOV文件文件MOV文件格式可以使用文件格式可以使用Quick Time播放器播放。播放器播放。3.AVI文件文件文件格式可以使用文件格式可以使用Windows Media Payer播放器播放。播放器播放。4.GIF文件文件GIF文件可以生成直接播放的文件可以生成直接播放的GIF动画。动画。此外，还可以以其他文件格式的动画或者图像序列发布产品，此外，还可以以其他文件格式的动画或者图像序列发布产品，如如JPEG,PNG,MBP和和PICT等。等。上一页 下一页返回任务任务4 Flash作品的发布作品的发布7.4.2 发布操作发布操作可以使用可以使用“发布发布”和和“导出影片导出影片”命令，将命令，将Flash文档发布文档发布为产品。为产品。使用使用“发布发布”命令发布产品的操作步骤如下命令发布产品的操作步骤如下:(1)选择选择“文件文件”“发布设置发布设置”命令，打开命令，打开图图7-8所示的所示的“发布设置发布设置”对话框。对话框。(2)在格式的类型栏中选择产品的发布格式。在格式的类型栏中选择产品的发布格式。上一页 下一页返回任务任务4 Flash作品的发布作品的发布提示提示:只有在格式的类型栏中被选择的类型，才会在面板上显只有在格式的类型栏中被选择的类型，才会在面板上显示该格式类型的标签。例如本例选择了示该格式类型的标签。例如本例选择了“Flash”和和“HTML”两种格式，所以在面板中有两种格式，所以在面板中有“Flash”和和“HTML”两个标签。两个标签。(3)单击单击“选择发布目标选择发布目标”按钮，即文件栏对应的文件夹形按钮，即文件栏对应的文件夹形状的按钮，打开如状的按钮，打开如图图7-9所示的所示的“选择发布目标选择发布目标”对话框。对话框。上一页 下一页返回任务任务4 Flash作品的发布作品的发布(4)在在“选择发布目标选择发布目标”对话框中设定文件存放的路径和名对话框中设定文件存放的路径和名称，单击称，单击“保存保存”按钮，完成发布路径和名称设置，返回到按钮，完成发布路径和名称设置，返回到如图如图7-8所示面板中。所示面板中。(5)单击单击“格式格式”按钮，设置相应的格式选项。按钮，设置相应的格式选项。(6)单击单击“发布发布”按钮，发布产品。发布的产品放在当前文按钮，发布产品。发布的产品放在当前文档所在文件夹中。档所在文件夹中。(7)单击单击“确定确定”按钮，关闭对话框，完成发布。按钮，关闭对话框，完成发布。注注:在发布设置中设定好发布项后，可以选择在发布设置中设定好发布项后，可以选择“文件文件”“发发布布”命令直接发布影片。命令直接发布影片。上一页 下一页返回任务任务4 Flash作品的发布作品的发布7.4.3 创建有带播放器的影片创建有带播放器的影片以自带播放器的形式导出的影片，可以在所有以自带播放器的形式导出的影片，可以在所有PC机上播放机上播放Flash影片。影片。1.使用使用“发布设置发布设置”对话框导出带播放器的影片对话框导出带播放器的影片(1)在在Flash中打开制作好的中打开制作好的Flash文档。文档。(2)选择选择“文件文件”“发布设置发布设置”命令，打开命令，打开“发布设置发布设置”对活框，如图对活框，如图7-8所示。所示。(3)勾选勾选“Windows放映文件放映文件(.exe）”复选框。复选框。(4)设定发布目录。设定发布目录。上一页 下一页返回任务任务4 Flash作品的发布作品的发布(5)单击单击“发布发布”按钮，发布影片。按钮，发布影片。(6)单击单击“确定确定”按钮，退出按钮，退出“发布设置发布设置”对活框，完成发对活框，完成发布。布。2.将已发布的将已发布的SWF文件转为带播放器的影片文件转为带播放器的影片(1)使用使用FlashPayer播放器播放播放器播放SWF格式影片。格式影片。(2)选择选择“文件文件”“创建播放器创建播放器”命令，打开命令，打开“另存为另存为”对活框。对活框。(3)在在“另存为另存为”对活框中设定创建影片的名称和存储路径，对活框中设定创建影片的名称和存储路径，单击单击“保存保存”按钮，将影片存储为带播放器的影片格式。按钮，将影片存储为带播放器的影片格式。上一页 下一页返回任务任务4 Flash作品的发布作品的发布7.4.4 发布预览发布预览在在“发布设置发布设置”对话框中设置动画的发布格式后，即可在正对话框中设置动画的发布格式后，即可在正式发布之前浏览发布的动画格式。式发布之前浏览发布的动画格式。选择选择“文件文件”“发布预览发布预览”命令，弹出命令，弹出“发布预览发布预览”子菜子菜单，在该子菜单中选择一种预览文件格式，即可看到该动画单，在该子菜单中选择一种预览文件格式，即可看到该动画发布后的效果，如发布后的效果，如图图7-10所示。所示。上一页 返回思考与练习思考与练习1.制作一个动画，并测试每一环节。制作一个动画，并测试每一环节。2.试着以不同的格式发布自制的试着以不同的格式发布自制的Flash影片。影片。3.制作带影片播放器的影片。制作带影片播放器的影片。4.简述在简述在Flash CS3中导出图形的基本流程。中导出图形的基本流程。返回图图7-1 7-1 打开动画测试窗日打开动画测试窗日返回图图7-2 7-2 选择带宽类型选择带宽类型返回图图7-3 7-3 查看带宽使用情况查看带宽使用情况返回图图7-4 7-4 查看帧中的数据使用情况查看帧中的数据使用情况返回图图7-5 7-5 选择声音格式选择声音格式返回图图7-6 7-6 设置视频属性设置视频属性返回图图7-7 7-7 设置压缩属性设置压缩属性返回图图7-8“7-8“发布设置发布设置”对话框对话框返回图图7-9“7-9“选择发布目标选择发布目标”对话框对话框返回图图7-10 7-10 发布预览发布预览返回