导出和发布动画.ppt

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