flash动画制作第10章.ppt

FLASHMX实例教程 掌握动画的优化方法掌握动画的测试方法掌握动画的输出和发布 第10章输出和发布动画 学习目标 FLASHMX实例教程 10 1 1优化动画文字方面 尽可能少用一些字体和字体样式 避免或者尽可能少的使用嵌入字体 这会增加文件的尺寸 尽量不要将字体打散 菜单命令为Modify BreakApart 字体打散后就变成图形了 这样会使文件增大 当动画包括文本域的时候 使用文本域属性对话框中的 IncludeOnlySpecifiedFontOutlines 只包括指定字体外形 选项替代 IncludeAllFontOutlines 包括所有字体外形 FLASHMX实例教程 图形方面 尽可能多用矢量图形 少用位图图像 必须要使用时 也要保证导入的位图图像文件尽可能小一点 并以JPEG方式压缩 矢量图可以任意缩放而不影响Flash的画质 位图图像一般只作为静态元素或背景图 Flash并不擅长处理位图图像的动作 应避免位图元素的动画 而且在使用矢量图时 也要尽量避免使用复杂的矢量图形 FLASHMX实例教程 尽可能少的使用渐变色填充图形 这会使文件增大很多 尽可能多使用元件 如果电影中的元素有使用一次以上者 则应考虑将其转换为元件来使用 元件的重复使用并不会使电影文件明显增大 因为电影文件只需储存一次符号的图形数据 FLASHMX实例教程 在可能的情况下 尽量少的使用一些特殊的线条类型 如虚线 点线等 用普通的实线占用更少的资源更少 用 修改 曲线 最优化 命令优化动画中使用的线条 FLASHMX实例教程 动画及声音方面方面 在可能的情况下 使用补间动画 而避免使用逐帧动画 因为补间动画的关键帧较少 占用的资源比逐帧动画也要少 关键帧越多则动画文件越大 尽量避免在同一时间内安排多个对象同时产生动作 有动作的对象也不要与其它静态对象安排在同一图层里 应该将有动作的对象安排在各自专属的图层内 以便加速Flash的动画处理 FLASHMX实例教程 限制每个关键帧中变化区域 使Action的发生区域尽可能得小 用LoadMovie命令减轻电影开始下载时的负担 若有必要 可以考虑将电影划分成多个子电影 然后再通过主电影里的LoadMovie UnloadMovie命令随时调用 卸载子电影 FLASHMX实例教程 先制作小尺寸电影 然后再进行放大 为减小文件 可以考虑在Flash里将电影的尺寸设置小一些 然后导出迷你SWF电影 接着将菜单File 文件 PublishSettings 发布设置 中HTML选项卡里的电影尺寸设置大一些 这样 在网页里就会呈现出尺寸较大的电影 而画质丝毫无损 依然优美 当然 这个方法的前提是在动画中没有任何的位图元素 FLASHMX实例教程 电影的长宽尺寸越小越好 尺寸越小 电影文件就越小 可通过菜单命令Modify 修改 Movie 电影 调节电影的长宽尺寸 在用到声音时 尽量避免使用 WAV 格式的声音文件 而使用 MP3 格式 FLASHMX实例教程 通过上述的种种方法 就能够尽可能的优化并且缩小动画的尺寸 但是需要注意的是 一切的优化操作都是在不影响影片质量的前提下进行的 否则动画的优化毫无意义 在对动画文件进行优化之后 最好能把动画文件在不同的计算机 不同的操作系统进行测试 以保证动画在任何环境都能够按照预想的效果正常播放 FLASHMX实例教程 10 1 2测试动画的下载性能FlashMX中的带宽设置可以根据预先设定的调制解调器的速度来把每一帧需要下载的数据量进行图形化显示 FlashMX在模拟调制解调器速度时 并不是以调制解调器的理论速率来模拟 而是以接近我们使用调制解调器的真实速率来模拟 从而使模拟结果更准确的反映实际问题 FLASHMX实例教程 操作实例1 测试动画的下载性能1 打开我们制作的一个动画文件 9 3 fla 2 单击 控制 测试影片 或者 控制 测试场景 命令 进入测试窗口 如图10 1所示 3 在当前窗口 单击 调试 命令 在菜单中选择一个调制解调器的速率 如果菜单中没有自己认为合适的速率 可以选择 自定义 来设定其他的速率 如图10 2所示 FLASHMX实例教程 4 选择 带宽设置 来查看带宽配置图表 在图表中 左侧区域显示了正在测试的动画的属性 右侧区域使图形化的带宽配置信息 每个竖条代表影片的一个帧 竖条的高度对应于帧的字节大小 图表上的红线表明在当前设置的调制解调器速率下 当前帧是否能够实时播放 如果某条超出了红线 影片必须等待该帧加载后才能播放 红线的位置随着调制解调器速率的不同而不同 如图10 3所示 FLASHMX实例教程 5 请选择打开或关闭数据流 如果勾选此项 影片将按照我们的调制解调器速率的设定模拟网络连接情况 并且在左边的属性窗口显示真是的下载进度 直到影片完全下载 才开始播放影片 如果取消勾选 则影片直接开始播放 6 关闭测试窗口就能够回到FlashMX主窗口 FLASHMX实例教程 Flash不但可以把我们设计制作的动画发布为flash影片文件 网页文件 也可以选择在FlashPlayer不可用时 以各种自动出现的不同格式 GIF JPEG PNG和QuickTime 的替代图像来替代影片 我们把flash动画发布成为Windows和Macintosh系统上播放的独立的播放文件以及其他视频格式 分别是EXE HQX或MOV文件 FLASHMX实例教程 10 2 1设置发布格式 操作实例2 发布动画的设置1 打开动画文件 9 3 fla 2 单击 文件 发布设置 命令 打开 发布设置 对话框 3 默认情况下会选定 Flashswf 格式项和 HTML 格式项已被选定 与选定文件格式对应的标签会出现在对话框 格式 标签的右侧 Windows或Macintosh放映文件格式除外 该文件格式没有相应的设置 FLASHMX实例教程 4 在默认情况下 可以看到文件名项处于灰色不可更改状态 这是因为面板下方 已经勾选了 使用默认名称 项 勾选此项后 发布生成的文件名都会以当前的动画文件的名称来命名 当然 我们也可以更改发布后的文件名称 只需要取消 使用默认名称 项的勾选 然后就可以自由的输入文件名称 可以包括路径 默认的情况下被发布的文件保存在当前动画文件 9 3 fla 的同一目录下 如果要更改发布文件的路径 应该更改当前动画文件 9 3 fla 的路径 如图10 4所示 FLASHMX实例教程 5 设置完成后 单击 发布 按钮发布动画 或者单击 确定 保存设置 关闭面板而不发布动画 FLASHMX实例教程 10 2 2设置Flash动画发布格式 操作实例3 发布Flash动画1 打开 发布设置 对话框 2 单击面板上的 Flash 标签 我们对此标签的各种选项进行解释 如图10 5所示 3 在 版本 项后面的下拉菜单中选择一种合适的播放器版本 一般保持默认即可 FLASHMX实例教程 4 在 加载顺序 后面的下拉菜单中选择加载顺序 由下而上 或 由上而下 这一选项控制着Flash动画在加载速度较慢时首先显示影片的哪些部分 5 可在影片发布后生成一个影片属性的报告文件 该文件列出最终的Flash影片的详细数据信息 FLASHMX实例教程 6 勾选 选项 项里面的 防止导入 项 可以避免其他人导入您的动画 是对我们作品版权的一种维护措施 7 勾选 选项 项里面的 忽略跟踪动作 项 可以使Flash忽略当前影片中的跟踪动作 trace 选择此选项后 来自跟踪动作的信息就不会显示在 输出 窗口中 FLASHMX实例教程 8 勾选 选项 项里面的 允许调试 项会激活调试器并允许我们对Flash影片进行远程调试 如果勾选了此选项 我们还可以选择用密码保护您的Flash影片 9 勾选 选项 项里面的 允许调试 项可以在保持品质不变的情况下在一定程度上缩小影片的尺寸 从而更利于动画的下载和播放 压缩后的文件只能在Flashplayer6中播放 FLASHMX实例教程 10 如果勾选了 选项 项里面的 允许调试 项 就可以启用密码保护 这样在远程调试影片时必须要输入密码才能进行调试 11 JPEG品质 项用于控制位图的压缩 值为 100 时压缩比率最小 文件尺寸会变大 通过此项 我们就可以在位图图像质量和文件大小之间找到最佳的平衡点 FLASHMX实例教程 12 音频流 和 音频事件 项用于控制声音的压缩和采样率 可以单击旁边的 设置 按钮进行更改 13 勾选 覆盖声音设置 项则Flash会以12 13项对于声音设置的压缩和采样率来覆盖动画文件中声音的个体设置 14 完成各项的设定后 就可以按下 发布 按钮对动画进行发布了 FLASHMX实例教程 10 2 3设置随Flash动画一起发布的HTML文档格式 操作实例4 发布HTML文档格式的设置1 打开 发布设置 对话框 2 单击面板上的 HTML 标签 我们对此标签的各种选项进行解释说明 如图10 6所示 FLASHMX实例教程 3 模板 项 通常情况下 我们选择 仅限Flash 即可 这是默认选项 单击右边的 信息 按钮 可以显示选定模板的说明信息 4 尺寸 项 可以在下拉菜单的三项中选择其一 默认选项是 匹配影片 选择此项将会使用 swf 文件的大小 选择 像素 项可以在下方的 宽度 和 高度 项输入实际像素大小 勾选 百分比 项 可以设定动画文件在浏览器窗口所占的百分比 FLASHMX实例教程 5 勾选 回放 项里面的 开始时暂停 会在动画文件载入以后暂停动画的播放 直到用户在快捷菜单中选择 播放 动画才开始播放 默认情况下 动画一旦载入就会立刻播放 6 勾选 回放 项里面的 循环 项 会使动画循环不停的播放 如果取消勾选 则动画只播放一遍然后停止 FLASHMX实例教程 7 勾选 回放 项里面的 显示菜单 项 当右击动画文件时会弹出快捷菜单 菜单中有控制Flash播放和缩放的相关命令 如果取消勾选 则快捷菜单只出现 关于Flash 一项命令 FLASHMX实例教程 8 勾选 回放 项里面的 设备字体 项 Flash会用消除锯齿的系统字体替换用户系统未安装的字体 使用 设备字体 可以使更小字号的问题得到清晰的显示 并能在一定程度上减小影片尺寸 此项只影响那些含有用设备字体显示的静态文本的影片 并且该项只能用于Windows操作系统 9 品质 选项则是在影片的尺寸和质量之间选择一个平衡点 FLASHMX实例教程 10 窗口模式 选项修改Flash内容的限制框或者虚拟的窗口与网页中内容的相互关系 11 HTML对齐 选项设定Flash动画在浏览器中的相对位置 12 假如我们改变了动画的原始宽度和高度 选择 缩放 项其中一项则可以将影片放到指定的边界内 FLASHMX实例教程 13 在 Flash对齐 选项选择一项 可以设置如何在影片窗口内放置影片以及在必要时如何裁剪影片边缘 14 最后一项 显示警告信息 我们保持默认设置即可 15 最后单击 发布 按钮 发布影片 FLASHMX实例教程 10 2 4GIF文件的发布设置 操作实例5 GIF文件的发布1 打开 发布设置 对话框 单击面板上的 格式 标签 勾选 GIF图像 一项 2 单击新增加的 GIF 标签 我们对GIF文件的发布进行设置 如图10 7所示 FLASHMX实例教程 3 尺寸 项用于设定发布的GIF文件的尺寸 以象素为单位 如果勾选后面的 匹配影片 项 则发布后的GIF文件尺寸以动画文件的尺寸为准 4 勾选 回放 项里的其中一项 设定发布后的GIF文件是静态图片 静态 项 还是GIF动画 动画 项 如果选择 动画 还可以选择 不断循环 或者输入动画循环播放的次数 FLASHMX实例教程 5 勾选 选项 项里面的 优化颜色 项 可以把没有用到的颜色从GIF文件的颜色表里面删除 从而可以减小文件的尺寸 6 勾选 选项 项里面的 交错 项 可以在网速较慢时提前显示图片的简略图 从而缩短GIF文件区域的空白时间 注意不要在GIF动画中使用 交错 7 勾选 选项 项里面的 平滑 项 可以消除锯齿 从而可以改善GIF文件的质量 但是会增大文件的尺寸 FLASHMX实例教程 8 勾选 选项 项里面的 抖动实底 项 可以抖动纯色和渐变色 9 勾选 选项 项里面的 删除渐变色 项 可以转变Flash原始动画文件中的渐变颜色为纯色 从而可以减小文件的尺寸 10 透明 项可以确定影片背景的透明度 也可以将Flash中的透明度设置转换为GIF的方式 FLASHMX实例教程 11 抖动 项用来指定可用颜色的像素如何混合以模拟超出调色板颜色范围的颜色 抖动可以改善图像质量 但是也会增加文件大小12 调色板类型 可以定义GIF文件的调色板 我们一般保持默认即可 13 最多颜色项 可以让我们自己指定调色板的颜色数量 当我们在 调色板类型 选择了 自动适应 或者 网页自动适应 项时 该项就变为可用 FLASHMX实例教程 14 调色板 项可以让我们使用自定的调色板 当我们在 调色板 类型里面选择了 自定义 项时 该项允许我们载入自定义的调色板文件 15 最后 单击 发布 按钮 就可以按照我们当前的设置来发布动画 FLASHMX实例教程 10 2 5JPEG的发布设置 操作实例6 JPEG文件的发布1 打开 发布设置 对话框 单击面板上的 格式 标签 勾选 JPEG图像 一项 2 单击新增加的 JPEG 标签 我们对JPEG文件的发布进行设置 如图10 8所示 FLASHMX实例教程 3 尺寸 项设定发布后的JPEG位图的宽度和高度 也可以勾选后面的 匹配影片 项 这样发布后的图像将保持与原始位图相同的大小 4 品质 项控制发布后的JPEG位图压缩比率 品质越高 图像质量越好 相应的生成的文件也就越大 反之则越小 FLASHMX实例教程 5 渐进 项可以使JPEG文件逐步在Web浏览器中连续显示 从而以更快的速度在网络上显示加载的图像 6 设定完成 单击 发布 按钮 发布JPEG图像 FLASHMX实例教程 10 2 6PNG的发布设置 操作实例7 PNG文件的发布1 打开 发布设置 对话框 单击面板上的 格式 标签 勾选 PNG图像 一项 2 单击新增加的 PNG 标签 我们对PNG文件的发布进行设置 如图10 9所示 3 尺寸 项如前所述 FLASHMX实例教程 4 位深度 项设定发布图像时每个像素的位数和颜色数 位深度越高 颜色就越丰富 图像文件也就越大 5 选项 项 抖动 项 调色板类型 项 最多颜色项 和 调色板 项的设置同 GIF 文件的发布设置相同 不再重复 需要说明的是 只有在选择 位深度 为8位的时候 抖动 项以及下面的选项才能变为可用状态 FLASHMX实例教程 6 过滤器 项可以让我们选择一种逐行过滤方法使PNG文件的压缩性更好 7 设置完毕 单击 发布 按钮可以发布PNG图像 FLASHMX实例教程 10 2 7QuickTime的发布设置 操作实例8 QuickTime文件的发布1 打开 发布设置 对话框 单击面板上的 格式 标签 勾选 PNG图像 一项 2 单击新增加的 PNG 标签 我们对PNG文件的发布进行设置 如图10 10所示 3 尺寸 项如前所述 FLASHMX实例教程 4 alpha 项用来控制Flash在QuickTime影片中的透明度模式 但是并不影响原始Flash影片中的Alpha设置 一般按默认设置即可 5 图层 项用来控制Flash在QuickTime影片的层叠次序中播放的位置 一般按默认设置为自动即可 FLASHMX实例教程 6 在 声音流 项勾选 使用QuickTime压缩 会将Flash影片中所有的流式音频导出到QuickTime音轨中 从而使用标准的QuickTime音频设置重新压缩音频 7 控制栏 项用于选择发布后播放影片文件的QuickTime控制器类型 FLASHMX实例教程 8 回放 项下的前两项的含义同我们在 flash动画的发布设置 一节介绍过得相同 播放每帧 将播放影片的每一帧 但是不播放声音 9 设置完毕 单击 发布 就可以将flash动画发布为QuickTime影片文件 FLASHMX实例教程 在FlashMX中 除了发布动画以外 还可以把动画作品创建成为其他程序所支持的内容 如 序列图像 静态图像和动态图像 格式包括GIF JPEG PNG BMP MOV或AVI等 下面列出的是Flash能够导出的文件格式及其扩展名 关于每个格式的特性及其应用请参阅相关资料 FLASHMX实例教程 AdobeIllustrator图形对象 扩展名 ai GIF动画 GIF序列文件和GIF图像 扩展名 gif 位图 BMP 扩展名 bmp DXF序列文件和AutoCADDXF图像 扩展名 dxf 增强元文件扩展名 emf EPS 6 0或更低版本 扩展名 eps FLASHMX实例教程 Flash影片 扩展名 swf FutureSplash播放文件 扩展名 spl JPEG序列文件和JPEG图像 扩展名 jpg PICT序列文件 Macintosh 扩展名 pct PNG序列文件和PNG图像 扩展名 png FLASHMX实例教程 选择QuickTime4影片的发布设置 扩展名 mov QuickTime视频 Macintosh 扩展名 mov WAV音频 Windows 扩展名 wav WindowsAVI Windows 视频文件 扩展名 avi Windows元文件 扩展名 wmf FLASHMX实例教程 操作实例9 导出影片1 打开我们想要导出的影片文件 2 选择 文件 导出影片 命令 或者 文件 导出影片 命令3 选择导出的目标文件夹 输入文件名称 4 从 格式 弹出菜单中选择一种文件格式 5 单击 保存 后会因保存格式的不同而弹出不同的对话框 可以对导出文件进行具体的设置 对话框的主要选项和设置我们在前面的章节中已经为大家介绍 此处不再重复 FLASHMX实例教程 10 4小结与提高在把flash动画发布为Gif文件时 原来动画文件中的影片剪辑元件不能正常播放 这是因为Gif文件本身不支持Flashmx中的影片剪辑文件 解决方法是 增加主时间轴的帧数至少到动画文件中所用到的影片剪辑的帧数范围 FLASHMX实例教程 在把flash动画发布为Gif文件时 原来动画文件中的影片剪辑元件不能正常播放 这是因为Gif文件本身不支持Flashmx中的影片剪辑文件 解决方法是 增加主时间轴的帧数至少到动画文件中所用到的影片剪辑的帧数范围 FLASHMX实例教程 在发布动画时 可以把制作完成的动画文件发布为扩展名为 exe可执行程序文件 在 发布设置 面板勾选 windows放映文件 一项 或者在播放 swf动画文件时 用Flashplayer播放器窗口的 文件 创建播放器 命令创建独立的可执行程序文件 这样创建的 exe文件可以不依赖Flashplayer播放器而独立播放 FLASHMX实例教程 如果完成的动画作品准备要在电视媒体中播放 那么在制作动画之前应该把文档的大小设定为720 宽 576 高 把帧速率设定为25fps 以便符合我国PAL制式广播标准 FLASHMX实例教程 制作完成的 swf文件可以在PowerPoint软件中被调用 首先用确保swf文件的文件名为英文 1 在PowerPoint文档的空白处右击鼠标快捷菜单中选择 控件工具箱 命令 2 在出现一个 控件 工具箱中单击 其他控件 按钮 3 在弹出的下拉列表中选中 ShockwaveFlashObject 4 将鼠标移动到文档的空白区域并拖动鼠标 画出了一个中间有对角线的矩形框 这就是swf文件的播放区域 FLASHMX实例教程 制作完成的 swf文件可以在PowerPoint软件中被调用 首先用确保swf文件的文件名为英文 1 在PowerPoint文档的空白处右击鼠标快捷菜单中选择 控件工具箱 命令 2 在出现一个 控件 工具箱中单击 其他控件 按钮 3 在弹出的下拉列表中选中 ShockwaveFlashObject 4 将鼠标移动到文档的空白区域并拖动鼠标 画出了一个中间有对角线的矩形框 这就是swf文件的播放区域 FLASHMX实例教程 5 右击刚才画的矩形框 在弹出的快捷菜单中选择 属性 命令 6 选中弹出菜单中的 自定义 单击右边的 按钮 7 在弹出的对话框的 MovieURL 项中填入swf文件的完整路径和完整文件名 一定要有swf扩展名 单击 确定 按钮 FLASHMX实例教程 1 运用我们学习到的知识 使自己的动画达到最优化 2 把自己制作的动画发布为各种格式的文件 观察他们的区别