Flash动画设计与制作(9)导出和发布动画.ppt

2导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片3导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片4导出和发布动画导出和发布动画测试影片测试影片 可以在两种环境下测试影片，一种为影片编辑环境，另一种为影片测试可以在两种环境下测试影片，一种为影片编辑环境，另一种为影片测试环境。下面就针对两种测试环境的特点，分别进行介绍。环境。下面就针对两种测试环境的特点，分别进行介绍。 在影片编辑环境下测试影片在影片编辑环境下测试影片 在影片编辑环境下，按在影片编辑环境下，按EnterEnter键可以对影片进行简单的测试，但影片中的键可以对影片进行简单的测试，但影片中的影片剪辑元件、按钮元件以及脚本语言也就是影片的交互式效果均不能得到影片剪辑元件、按钮元件以及脚本语言也就是影片的交互式效果均不能得到测试。而且在影片编辑模式下测试影片得到的动画速度比输出或优化后的影测试。而且在影片编辑模式下测试影片得到的动画速度比输出或优化后的影片慢，所以影片编辑环境不是用户的首选测试环境。但在编辑环境下通过设片慢，所以影片编辑环境不是用户的首选测试环境。但在编辑环境下通过设置，可以对按钮元件以及简单的帧动作（置，可以对按钮元件以及简单的帧动作（playplay、stopstop、gotoplaygotoplay和和gotoandstopgotoandstop）进行测试。进行测试。5导出和发布动画导出和发布动画测试影片测试影片测试影片与场景测试影片与场景 要测试一个动画的全部内容，执行要测试一个动画的全部内容，执行“控制控制”“”“测试影片测试影片”命令。命令。FlashFlash将自动导出当前影片中的所有场景，然后将文件在新窗口中打开。将自动导出当前影片中的所有场景，然后将文件在新窗口中打开。 要测试一个场景的全部内容，执行要测试一个场景的全部内容，执行“控制控制”“”“测试场景测试场景”命令。命令。FlashFlash仅导出当前影片中的当前场景，然后将文件在新窗口中打开，且在文件选项仅导出当前影片中的当前场景，然后将文件在新窗口中打开，且在文件选项卡中标示出当前测试的场景。卡中标示出当前测试的场景。 执行测试影片与测试场景命令均会自动生成执行测试影片与测试场景命令均会自动生成. .swfswf文件，且自动将它置于文件，且自动将它置于当前影片所在的文件夹中，而它的导出设置则以当前影片所在的文件夹中，而它的导出设置则以Flash“Flash“发布设置发布设置”对话框中对话框中的默认设置为基础，要改变这些设置，执行的默认设置为基础，要改变这些设置，执行“文件文件”“”“发布设置发布设置”命令，命令，在在“发布设置发布设置”对话框中进行必要的调整。如果对当前的测试结果满意，就对话框中进行必要的调整。如果对当前的测试结果满意，就可以将作品发表了。可以将作品发表了。 6导出和发布动画导出和发布动画测试影片测试影片影片测试环境影片测试环境 执行测试影片或测试场景命令后，即可进入测试环境。虽然此时仍在执行测试影片或测试场景命令后，即可进入测试环境。虽然此时仍在FlashFlash中，但界面已经改变，如图中，但界面已经改变，如图1 1与图与图2 2所示的界面分别为同一影片的不同测所示的界面分别为同一影片的不同测试环境。试环境。 由上图看出在影片编辑环境中的由上图看出在影片编辑环境中的“插入插入”、“修改修改”、“文本文本”与与“命命令令”菜单栏在测试环境中不存在。而在测试环境中出现的菜单栏在测试环境中不存在。而在测试环境中出现的“调试调试”菜单栏，菜单栏，是影片编辑环境中没有的。另外，即使是在两个环境下的都有的菜单栏，它是影片编辑环境中没有的。另外，即使是在两个环境下的都有的菜单栏，它们的命令也有所不同。下面介绍们的命令也有所不同。下面介绍“调试调试”菜单命令：菜单命令：图图1 影片编辑环境影片编辑环境 图图2 影片测试环境影片测试环境 7导出和发布动画导出和发布动画测试影片测试影片 执行执行“调试调试”“”“对象列表对象列表”命令，在命令，在“输出输出”窗口中，将显示某一特窗口中，将显示某一特定帧中的所有对象的完整统计信息，如左图所示。定帧中的所有对象的完整统计信息，如左图所示。 执行执行“调试调试”“变量列表变量列表”命令，在命令，在“输出输出”窗口中，将显示某一特窗口中，将显示某一特定帧中的所有变量的完整统计信息，如右图所示，以帮助用户查看变量是否定帧中的所有变量的完整统计信息，如右图所示，以帮助用户查看变量是否被正确地创建和更新。被正确地创建和更新。 8导出和发布动画导出和发布动画测试影片测试影片利用带宽设置功能利用带宽设置功能 在影片测试环境下，执行在影片测试环境下，执行“视图视图”“带宽设置带宽设置”命令，打开带宽剖面命令，打开带宽剖面图，如下图所示。图，如下图所示。 在带宽剖面图中，包含了两部分的内容。分别为影片的相关信息以及时在带宽剖面图中，包含了两部分的内容。分别为影片的相关信息以及时间轴中的每一帧中包含对象的文件大小，并以图表的形式显示出来。为了更间轴中的每一帧中包含对象的文件大小，并以图表的形式显示出来。为了更好的利用带宽剖面图，应先逐一了解它的各部分功能。好的利用带宽剖面图，应先逐一了解它的各部分功能。 1 1影片的相关信息。影片的相关信息。 2 2测试环境的时间轴。测试环境的时间轴。 9导出和发布动画导出和发布动画测试影片测试影片模拟下载模拟下载 模拟下载用于模拟在指定的网络环境下，下载影片时的状况，用户可以模拟下载用于模拟在指定的网络环境下，下载影片时的状况，用户可以模拟各种网络环境，模拟各种网络环境，FlashFlash提供了提供了5 5种环境，分别为种环境，分别为14.414.4（1.21.2KB/sKB/s）、）、28.828.8（2.3KB/s2.3KB/s）、）、5656（4.7KB/s4.7KB/s）、）、DSLDSL（32.6KB/s32.6KB/s）和和T1T1（131.2KB/s131.2KB/s）。）。 除此以外，用户还可根据需要，自行定义网络环境。执行除此以外，用户还可根据需要，自行定义网络环境。执行“视图视图”“下载设置下载设置”选项，在弹出的下一级子菜单中进行选择。选项，在弹出的下一级子菜单中进行选择。 10导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片11导出和发布动画导出和发布动画分析影片分析影片 影片中的各种对象可以以较为直观的方式显示出来，也可以对其中的对影片中的各种对象可以以较为直观的方式显示出来，也可以对其中的对象进行查找替换，接下来介绍影片浏览器面板与查找和替换面板的使用方法。象进行查找替换，接下来介绍影片浏览器面板与查找和替换面板的使用方法。 影片浏览器面板影片浏览器面板 在在FlashFlash中，可以直观的查看影片中包含的各种对象以及它们的位置。执中，可以直观的查看影片中包含的各种对象以及它们的位置。执行行“窗口窗口”“”“其它面板其它面板”“”“影片浏览器影片浏览器”命令，打开影片浏览器，如下命令，打开影片浏览器，如下图所示。图所示。 12导出和发布动画导出和发布动画分析影片分析影片查找和替换面板查找和替换面板 执行执行“编辑编辑”“查找和替换查找和替换”命令，打开命令，打开“查找和替换查找和替换”对话框，如对话框，如下图所示。下图所示。 在在“搜索范围搜索范围”后面的文本框中，选择在场景中搜索还是在影片中搜索；后面的文本框中，选择在场景中搜索还是在影片中搜索；在在“类型类型”后面的文本框中，选择查找或替换的类型，其中包括后面的文本框中，选择查找或替换的类型，其中包括“文本文本”、“字体字体”、“颜色颜色”、“元件元件”、“声音声音”、“视频视频”和和“位图位图”。选择相。选择相应的选项后，即可指定替换的对象，进行查找或替换。应的选项后，即可指定替换的对象，进行查找或替换。 13导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片14导出和发布动画导出和发布动画优化影片优化影片 优化影片的最终目的是减少文件的大小，确保它的播放流畅。因为无论影片如何优化影片的最终目的是减少文件的大小，确保它的播放流畅。因为无论影片如何出色，如果在播放的过程中发生多次间断，都会影响它的效果。所以对影片进行必要出色，如果在播放的过程中发生多次间断，都会影响它的效果。所以对影片进行必要的优化是影片制作的最后步骤，下面将讲述如何对影片的各种对象进行优化以及优化的优化是影片制作的最后步骤，下面将讲述如何对影片的各种对象进行优化以及优化的一些技巧。的一些技巧。元件元件 在影片中使用两次或两次以上的图形对象一定要转换为元件。因为元件均会被纪在影片中使用两次或两次以上的图形对象一定要转换为元件。因为元件均会被纪录在库面板中。在制作影片的过程中，不用担心库面板中有多少对象，因为在输出影录在库面板中。在制作影片的过程中，不用担心库面板中有多少对象，因为在输出影片的时候，影片只从库面板中提取用到的对象。也就是说，库面板中对象的多少与影片的时候，影片只从库面板中提取用到的对象。也就是说，库面板中对象的多少与影片最终的大小没有关系。片最终的大小没有关系。图层图层 在绘制图形的时候因尽量避免使用实线以外类型的笔触样式，而自定义的笔触样在绘制图形的时候因尽量避免使用实线以外类型的笔触样式，而自定义的笔触样式也会增加影片大小。在填充色方面，使用渐变色的影片文件也比使用单色的影片文式也会增加影片大小。在填充色方面，使用渐变色的影片文件也比使用单色的影片文件大一些，为了更好的显示，因尽量使用单色且最好为网络安全色。件大一些，为了更好的显示，因尽量使用单色且最好为网络安全色。 不论是绘制的图形，还是从外部导入的矢量图形，最好能将其在形状状态下，执不论是绘制的图形，还是从外部导入的矢量图形，最好能将其在形状状态下，执行行“修改修改”“”“形状形状”“”“优化优化”命令，对其中的曲线进行优化。优化后会弹出优化命令，对其中的曲线进行优化。优化后会弹出优化报告，减少一些不需要的曲线以减少文件大小。报告，减少一些不需要的曲线以减少文件大小。 另外，过多地使用另外，过多地使用“修改修改”“形状形状”“将线条转换为填充将线条转换为填充”命令、命令、“修修改改”“形状形状”“扩展填充扩展填充”命令以及命令以及“修改修改”“形状形状”“柔化填充边缘柔化填充边缘”命命令都会造成影片文件的增大。令都会造成影片文件的增大。 15导出和发布动画导出和发布动画优化影片优化影片文字文字 应尽可能使用同一颜色、字号和字体的文字。而设备字体的使用最安全，应尽可能使用同一颜色、字号和字体的文字。而设备字体的使用最安全，也最能减少文件的体积，具体的原理与使用方法在字体的章节中已经详细介也最能减少文件的体积，具体的原理与使用方法在字体的章节中已经详细介绍，这里不再赘述。另外，将字体打散并不能减少文件体积，相反，它还会绍，这里不再赘述。另外，将字体打散并不能减少文件体积，相反，它还会使文件变大，如果要重复使用量比较大的文本，建议将其转换为元件。使文件变大，如果要重复使用量比较大的文本，建议将其转换为元件。位图位图 位图一般作为静止的背景图像，因尽量避免使它运动。如果将位图转换位图一般作为静止的背景图像，因尽量避免使它运动。如果将位图转换为矢量图，还应对转换后的矢量图进行优化。导入的位图应在库面板中进行为矢量图，还应对转换后的矢量图进行优化。导入的位图应在库面板中进行压缩，操作方法如下：压缩，操作方法如下： 双击库面板中的位图图标，弹出双击库面板中的位图图标，弹出“位图属性位图属性”对话框，勾选对话框，勾选“使用文档使用文档默认品质默认品质”取消默认设置，如下图所示，在取消默认设置，如下图所示，在“品质品质”后面的文本框中输入数后面的文本框中输入数值，对位图进行压缩。品质越高，影片越大；品质越低，影片越小。值，对位图进行压缩。品质越高，影片越大；品质越低，影片越小。16导出和发布动画导出和发布动画优化影片优化影片声音声音 在使用声音文件的时候，因尽量使用在使用声音文件的时候，因尽量使用MP3MP3格式而避免使用其它格式，声音格式的格式而避免使用其它格式，声音格式的选择顺序应遵循选择顺序应遵循MidMid、MP3MP3、WavWav的顺序。的顺序。 压缩声音的方法有两种，第一种为在压缩声音的方法有两种，第一种为在“声音属性声音属性”对话框中对声音进行压缩。另对话框中对声音进行压缩。另外，根据声音的长度，可以选择更为合适的压缩格式，具体原则可以参看在声音章节外，根据声音的长度，可以选择更为合适的压缩格式，具体原则可以参看在声音章节中的详细介绍。中的详细介绍。 第二种为在第二种为在“发布设置发布设置”对话框中对声音进行压缩。执行对话框中对声音进行压缩。执行“文件文件”“发布设置发布设置”命令。在弹出的命令。在弹出的“发布设置发布设置”对话框中，选择对话框中，选择“Flash”Flash”选项卡，设置选项卡，设置音频流与音频事件，弹出音频流与音频事件，弹出“声音设置声音设置”对话框，如下图所示。此时执行的优化处理将对话框，如下图所示。此时执行的优化处理将对影片中的所有声音文件起作用。对影片中的所有声音文件起作用。 17导出和发布动画导出和发布动画优化影片优化影片关键帧关键帧 比起逐帧动画，使用补间动画更能减少文件体积。应尽量避免连续使用比起逐帧动画，使用补间动画更能减少文件体积。应尽量避免连续使用多个关键帧，注意删除没用的关键帧，即使是空白关键帧也会增加文件的体多个关键帧，注意删除没用的关键帧，即使是空白关键帧也会增加文件的体积。积。 18导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片19导出和发布动画导出和发布动画发布影片发布影片 可以将可以将FlashFlash影片发布成多种格式，而在发布之前需进行必要的发布设置，影片发布成多种格式，而在发布之前需进行必要的发布设置，定义发布的格式以及相应的设置，达到最佳效果。在定义发布的格式以及相应的设置，达到最佳效果。在“发布设置发布设置”对话框中，对话框中，可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有可以一次性发布多个格式，且每种格式均保存为指定的发布设置，可以拥有不同的名字。接下来介绍发布影片的方法。不同的名字。接下来介绍发布影片的方法。发布设置发布设置 执行执行“文件文件”“发布设置发布设置”命令。弹出命令。弹出“发布设置发布设置”对话框，如下图对话框，如下图所示。所示。20导出和发布动画导出和发布动画发布影片发布影片 勾选勾选“类型类型”选项组中的格式，可以设置发布的文件类型，在选项组中的格式，可以设置发布的文件类型，在“文件文件”下面的文本框中输入名称，为相应的文件类型命名。在发布影片后，以一个下面的文本框中输入名称，为相应的文件类型命名。在发布影片后，以一个影片为基础，可以得到不同类型，不同名字的文件。影片为基础，可以得到不同类型，不同名字的文件。 单击单击“确定确定”按钮保留设置，关闭按钮保留设置，关闭“发布设置发布设置”对话框；单击对话框；单击“取消取消”按钮不保留设置，关闭按钮不保留设置，关闭“发布设置发布设置”对话框；单击对话框；单击“发布发布”按钮，立即使用按钮，立即使用当前设置发布的指定格式的影片。当前设置发布的指定格式的影片。 21导出和发布动画导出和发布动画发布影片发布影片FlashFlash发布设置发布设置 . .swfswf文件可以保留影片中的所有功能，这种格式导文件可以保留影片中的所有功能，这种格式导出的文件为出的文件为FlashFlash的首选格式，可以进行以下设置，如图的首选格式，可以进行以下设置，如图所示。所示。版本：版本：设置观看影片时需要的最低版本。设置观看影片时需要的最低版本。加载顺序：加载顺序：加载影片时，设置图层的加载顺序。在下拉列加载影片时，设置图层的加载顺序。在下拉列表中有以下两种选择：表中有以下两种选择： 由下而上：由下而上：首先加载最底层，随后加载以上的所有图层。首先加载最底层，随后加载以上的所有图层。由上而下：由上而下：首先加载最上层，随后加载以下的所有图层。首先加载最上层，随后加载以下的所有图层。 动作脚本板本：动作脚本板本：设置观看或执行影片交互式动作时需要的设置观看或执行影片交互式动作时需要的动作脚本版本。动作脚本版本。生成文件大小报告复选框：生成文件大小报告复选框：选择此项后，在发布影片后自选择此项后，在发布影片后自动创建一个文本文件，其中包括影片中各帧的大小、字体动创建一个文本文件，其中包括影片中各帧的大小、字体以及导入的文件等信息。这个文件与影片文件同名，被保以及导入的文件等信息。这个文件与影片文件同名，被保存在影片所在的文件夹中。存在影片所在的文件夹中。 防止导入复选框：防止导入复选框：选择此项后，防止导出的影片被导入选择此项后，防止导出的影片被导入FlashFlash进行编辑，选择此项后，可以设置密码，只有知道进行编辑，选择此项后，可以设置密码，只有知道密码才可以导入影片进行编辑。密码才可以导入影片进行编辑。22导出和发布动画导出和发布动画发布影片发布影片FlashFlash发布设置发布设置 省略跟踪动作复选框：省略跟踪动作复选框：选择此项后，删除导出影片中的跟踪动作，防止别人选择此项后，删除导出影片中的跟踪动作，防止别人查看文件源代码。查看文件源代码。允许调试复选框：允许调试复选框：选择此项后，允许调试选择此项后，允许调试HTMLHTML文件中文件中SWFSWF文件。文件。压缩影片复选框：压缩影片复选框：可以压缩含有大量脚本和文件的可以压缩含有大量脚本和文件的SWFSWF文件。文件。JPEGJPEG品质：品质：设置影片中所有设置影片中所有JPEGJPEG文件的压缩率。文件的压缩率。音频流和音频事件：音频流和音频事件：设置影片中所有数据流声音与事件声音的压缩率。单击设置影片中所有数据流声音与事件声音的压缩率。单击他们后面的他们后面的“设置设置”按钮，在弹出的按钮，在弹出的“声音设置声音设置”对话框中进行设置。对话框中进行设置。覆盖声音设备复选框：覆盖声音设备复选框：选择此项后，如果在选择此项后，如果在“声音设置声音设置”对话框中进行设置。对话框中进行设置。那么该选项将忽略所有在音频流和音频事件中的设置。那么该选项将忽略所有在音频流和音频事件中的设置。导出设备声音复选框：导出设备声音复选框：选择此项后，同时导出影片中的设备声音。选择此项后，同时导出影片中的设备声音。 23导出和发布动画导出和发布动画发布影片发布影片HTMLHTML发布设置发布设置 用于设置用于设置SWFSWF文件在文件在HTMLHTML文件中的属性，使导出的影片生成文件中的属性，使导出的影片生成HTMLHTML文件，如下图所示。文件，如下图所示。1 1设置影片自适应浏览器窗口大小设置影片自适应浏览器窗口大小 在在“尺寸尺寸”下拉列表中选择下拉列表中选择“百分比百分比”选项。此时影片随着网页的尺寸调整自身选项。此时影片随着网页的尺寸调整自身的尺寸。的尺寸。2 2设置影片充满浏览器窗口设置影片充满浏览器窗口 在在“缩放缩放”下拉列表中选择下拉列表中选择“精确匹配精确匹配”选项。此时影片无论网页窗口大小，均选项。此时影片无论网页窗口大小，均自动充满整个浏览器窗口。自动充满整个浏览器窗口。24导出和发布动画导出和发布动画 测试影片测试影片 分析影片分析影片 优化影片优化影片 发布影片发布影片 导出影片导出影片25导出和发布动画导出和发布动画导出影片导出影片 导出影片不像发布那样可以对影片的各方面进行设置，它可以把当前影导出影片不像发布那样可以对影片的各方面进行设置，它可以把当前影片全部导出为片全部导出为FlashFlash支持的格式。而影片的导出分为两种，分别是导出图片与支持的格式。而影片的导出分为两种，分别是导出图片与导出影片。下面对这两种方式分别进行介绍。导出影片。下面对这两种方式分别进行介绍。导出图像导出图像 执行执行“文件文件”“导出导出”“导出图像导出图像”命令，弹出命令，弹出“导出图像导出图像”对话对话框，如图所示。框，如图所示。 在在“文件名文件名”后面的文本框中输入文件后面的文本框中输入文件的名称，接着在的名称，接着在“保存类型保存类型”的下拉列表中，的下拉列表中，选择一个文件格式，单击选择一个文件格式，单击“保存保存”按钮，弹按钮，弹出相应的文件格式对话框，例如选择出相应的文件格式对话框，例如选择FlashFlash影片（影片（. .swfswf）文件，则弹出文件，则弹出“导出导出Flash-Flash-Player”Player”对话框。对话框。 在对话框中设置影片相关属性，其中的在对话框中设置影片相关属性，其中的设置选项与设置选项与“发布设置发布设置”对话框中设置选项对话框中设置选项相同，设置完毕后单击相同，设置完毕后单击“确定确定”按钮导出图按钮导出图像。像。 26导出和发布动画导出和发布动画导出影片导出影片导出影片导出影片 执行执行“文件文件”“导出导出”“导出影片导出影片”命令，弹出命令，弹出“导出影片导出影片”对话对话框，如下图所示。框，如下图所示。 在在“导出影片导出影片”对话框中保存的文件是动态的，导出影片的操作与导出图对话框中保存的文件是动态的，导出影片的操作与导出图像类似，但在选择像类似，但在选择“保存类型保存类型”选项时有所不同，在选项时有所不同，在“导出影片导出影片”对话框中对话框中保存的文件应注意以下选项的特点：保存的文件应注意以下选项的特点：27导出和发布动画导出和发布动画导出影片导出影片导出影片导出影片1 1选择选择FlashFlash影片（影片（* *. .swfswf）文件，导出的文件是动态文件，导出的文件是动态swfswf文件，只有在安装文件，只有在安装了了FlashFlash播放器的浏览器中才能播放，这也是播放器的浏览器中才能播放，这也是FlashFlash动画的默认保存文件类型。动画的默认保存文件类型。2 2选择选择WAVWAV音频文件（音频文件（* *. .wavwav）文件，仅导出影片中的声音文件。文件，仅导出影片中的声音文件。3 3选择选择AdobeIllustratorAdobeIllustrator序列文件（序列文件（* *. .aiai）文件，保存影片中每一帧中的矢文件，保存影片中每一帧中的矢量信息，在保存时可以选择编辑软件的版本，然后在量信息，在保存时可以选择编辑软件的版本，然后在AdobeIllustratorAdobeIllustrator中进中进行编辑。行编辑。4 4选择选择GIFGIF动画（动画（* *. .gifgif）文件，保存影片中每一帧的信息组成一个庞大的动文件，保存影片中每一帧的信息组成一个庞大的动态态GIFGIF动画。此时可以将动画。此时可以将FlashFlash理解为制作理解为制作GIFGIF动画的软件。动画的软件。5 5选择选择JEPGJEPG序列文件（序列文件（* *. .jpgjpg）文件，将影片中每一帧的图像依次导出为多文件，将影片中每一帧的图像依次导出为多个个* *. .jpgjpg文件。文件。