FLASH CS5课件制作初步(7)

《FLASH CS5课件制作初步(7)》由会员分享，可在线阅读，更多相关《FLASH CS5课件制作初步(7)（29页珍藏版）》请在装配图网上搜索。

1、-广饶一中课件制作研讨FLASH CS5 课 件 制 作 初 步东营市胜利第四中学 梅传俊 L 5 课 件 制 作 初 步 本 章 简 介 ： 在 Flash CS5 动 画 的 制 作 过 程 中 ， 时 间轴 和 帧 起 到 了 关 键 性 的 作 用 。 本 章 将 介 绍动 画 中 帧 和 时 间 轴 的 使 用 方 法 及 应 用 技 巧。 读 者 通 过 学 习 要 了 解 并 掌 握 如 何 灵 活 地应 用 帧 和 时 间 轴 ， 并 根 据 设 计 需 要 制 作 出丰 富 多 彩 的 动 画 效 果 。 第 7章 基 本 动 画 的 制 作 课 堂 学 习 目 标帧 与 时

2、 间 轴 帧 动 画 形 状 补 间 动 画 动 作 补 间 动 画 色 彩 变 化 动 画 7.1 帧 与 时 间 轴 课 堂 案 例 制 作 打 字 效 果动 画 中 帧 的 概 念 帧 的 显 示 形 式 时 间 轴 面 板 绘 图 纸 （ 洋 葱 皮 ） 功 能 在 时 间 轴 面 板 中 设 置 帧 使 用 刷 子 工 具 绘 制 光 标 图 形 ， 使 用 文 本 工 具 添 加 文 字 ， 使 用 翻 转 帧 命 令 将帧 进 行 翻 转 。 效 果 图 7.1.1 课 堂 案 例 制 作 打 字 效 果 医 学 证 明 ， 人 类 具 有 视 觉 暂 留 的 特 点 ， 即 人

3、 眼 看 到 物 体 或 画 面 后 ，在 1/24秒 内 不 会 消 失 。 利 用 这 一 原 理 ， 在 一 幅 画 没 有 消 失 之 前 播 放 下一 幅 画 ， 就 会 给 人 造 成 流 畅 的 视 觉 变 化 效 果 。 所 以 ， 动 画 就 是 通 过 连续 播 放 一 系 列 静 止 画 面 ， 给 视 觉 造 成 连 续 变 化 的 效 果 。 在 Flash CS5中 ， 这 一 系 列 单 幅 的 画 面 就 叫 帧 ， 它 是 Flash CS5动画 中 最 小 时 间 单 位 里 出 现 的 画 面 。 每 秒 钟 显 示 的 帧 数 叫 帧 率 ， 如 果 帧

4、率 太 慢 就 会 给 人 造 成 视 觉 上 不 流 畅 的 感 觉 。 所 以 ， 按 照 人 的 视 觉 原 理 ，一 般 将 动 画 的 帧 率 设 为 24帧 /秒 。7.1.2 动 画 中 帧 的 概 念 7.1.3 帧 的 显 示 形 式 空 白 关 键 帧 在 时 间 轴 中 ， 白 色 背 景 带 有 黑 圈 的 帧 为 空 白 关 键 帧 。 关 键 帧 在 时 间 轴 中 ， 灰 色 背 景 带 有 黑 点 的 帧 为 关 键 帧 。 动 作 补 间 帧 在 时 间 轴 中 ， 带 有 黑 色 圆 点 的 第 1帧 和 最 后 1帧 为 关 键 帧 ， 中 间 蓝 色 背

5、 景带 有 黑 色 箭 头 的 帧 为 补 间 帧 。 形 状 补 间 帧 在 时 间 轴 中 ， 带 有 黑 色 圆 点 的 第 1帧 和 最 后 1帧 为 关 键 帧 ， 中 间 绿 色 背 景 带 有 黑 色 箭 头 的 帧 为 补 间 帧 。包 含 动 作 语 句 的 帧 在 时 间 轴 中 ， 第 1帧 上 出 现 一 个 字 母 “ a” ， 表 示 这 1帧 中 包 含 了 使 用“ 动 作 ” 面 板 设 置 的 动 作 语 句 。 帧 标 签 在 时 间 轴 中 ， 第 1帧 上 出 现 一 只 红 旗 ， 表 示 这 一 帧 的 标 签 类 型 是 名 称 ； 第1帧 上

6、出 现 两 条 绿 色 斜 杠 ， 表 示 这 一 帧 的 标 签 类 型 是 注 释 ； 第 1帧 上 出 现 一个 金 色 的 锚 ， 表 示 这 一 帧 的 标 签 类 型 是 锚 记 。 “ 时 间 轴 ” 面 板 由 图 层 面 板 和 时 间 轴 组 成 。 “ 时 间 轴 ” 面 板 7.1.4 时 间 轴 面 板 一 般 情 况 下 ， Flash CS3的 舞 台 只 能 显 示 当 前 帧 中 的 对 象 。 如 果 希 望 在舞 台 上 出 现 多 帧 对 象 以 帮 助 当 前 帧 对 象 的 定 位 和 编 辑 ， Flash CS3提 供 的 绘图 纸 （ 洋 葱

7、皮 ） 功 能 可 以 将 其 实 现 。 在 时 间 轴 面 板 下 方 的 按 钮 功 能 如 下 。7.1.5 绘 图 纸 （ 洋 葱 皮 ） 功 能 “ 帧 居 中 ” 按 钮 ： 单 击 此 按 钮 ， 播 放 头 所 在 帧 会 显 示 在 时 间轴 的 中 间 位 置 。 “ 绘 图 纸 外 观 ” 按 钮 ： 单 击 此 按 钮 ， 时 间 轴 标 尺 上 出 现 绘 图纸 的 标 记 显 示 ， 在 标 记 范 围 内 的 帧 上 的 对 象 将 同 时 显 示 在 舞台 中 。 “ 绘 图 纸 外 观 轮 廓 ” 按 钮 ： 单 击 此 按 钮 ， 时 间 轴 标 尺 上

8、出 现绘 图 纸 的 标 记 显 示 ， 在 标 记 范 围 内 的 帧 上 的 对 象 将 以 轮 廓 线的 形 式 同 时 显 示 在 舞 台 中 。 “ 编 辑 多 个 帧 ” 按 钮 ： 单 击 此 按 钮 ， 绘 图 纸 标 记 范 围 内 的 帧上 的 对 象 将 同 时 显 示 在 舞 台 中 ， 可 以 同 时 编 辑 所 有 的 对 象 。 “ 修 改 绘 图 纸 标 记 ” 按 钮 ： 单 击 此 按 钮 ， 弹 出 其 下 拉 菜 单 。 7.1.6 在 时 间 轴 面 板 中 设 置 帧 插 入 帧 选 择 “ 插 入 时 间 轴 帧 ” 命 令 ， 或 按 F5键 ，

9、 可 以 在 时 间 轴 上 插 入 一 个 普 通帧 。 选 择 “ 插 入 时 间 轴 关 键 帧 ” 命 令 ， 或 按 F6键 ， 可 以 在 时 间 轴 上 插 入 一个 关 键 帧 。 选 择 “ 插 入 时 间 轴 空 白 关 键 帧 ” 命 令 ， 可 以 在 时 间 轴 上 插 入 一个 空 白 关 键 帧 。 选 择 帧 选 择 “ 编 辑 时 间 轴 选 择 所 有 帧 ” 命 令 ， 选 中 时 间 轴 中 的 所 有 帧 。 单 击 要选 的 帧 ， 帧 变 为 深 色 。 用 鼠 标 选 中 要 选 择 的 帧 ， 再 向 前 或 向 后 进 行 拖 曳 ， 其 间

10、 鼠标 经 过 的 帧 全 部 被 选 中 。 按 住 Ctrl键 的 同 时 ， 用 鼠 标 单 击 要 选 择 的 帧 ， 可 以 选 择多 个 不 连 续 的 帧 。 按 住 Shift键 的 同 时 ， 用 鼠 标 单 击 要 选 择 的 两 个 帧 ， 这 两 个 帧 中间 的 所 有 帧 都 被 选 中 。 移 动 帧 选 中 一 个 或 多 个 帧 ， 按 住 鼠 标 ， 移 动 所 选 帧 到 目 标 位 置 。 在 移 动 过 程 中 ， 如 果按 住 Alt键 ， 会 在 目 标 位 置 上 复 制 出 所 选 的 帧 。 删 除 帧 用 鼠 标 右 键 单 击 要 删 除

11、 的 帧 ， 在 弹 出 的 菜 单 中 选 择 “ 清 除 帧 ” 命 令 。 选 中 要 删除 的 普 通 帧 ， 按 Shift+F5组 合 键 ， 删 除 帧 。 选 中 要 删 除 的 关 键 帧 ， 按 Shift+F6组合 键 ， 删 除 关 键 帧 。 7.2 帧 动 画 课 堂 案 例 制 作 逐 帧 动 画帧 动 画 逐 帧 动 画 使 用 翻 转 帧 命 令 将 太 阳 图 形 的 关 键 帧 进 行 翻 转 ， 使 用 柔 化 填 充 边 缘 命 令 制作 太 阳 效 果 ， 使 用 任 意 变 形 工 具 改 变 图 形 的 大 小 。 效 果 图 7.2.1 课 堂

12、 案 例 制 作 逐 帧 动 画 第 1帧 7.2.2 帧 动 画 第 5帧 第 9帧 第 12帧 时 间 轴 面 板 中 设 置 关 键 帧 的 状 态 第 1帧 7.2.3 逐 帧 动 画 第 2帧 第 3帧 第 4帧 时 间 轴 面 板 中 设 置 关 键 帧 的 状 态 第 5帧 7.3 形 状 补 间 动 画 课 堂 案 例 制 作 流 淌 的 奶 油简 单 形 状 补 间 动 画 应 用 变 形 提 示 使 用 铅 笔 工 具 和 平 滑 工 具 绘 制 流 动 的 奶 油 图 形 ， 使 用 添 加 形 状 提 示 命 令 制作 奶 油 流 动 的 效 果 。 效 果 图 7.3

13、.1 课 堂 案 例 制 作 流 淌 的 奶 油 如 果 舞 台 上 的 对 象 是 组 件 实 例 、 多 个 图 形 的 组 合 、 文 字 、 导 入 的 素 材对 象 ， 必 须 先 分 离 或 取 消 组 合 ， 将 其 打 散 成 图 形 ， 才 能 制 作 形 状 补 间 动 画 。利 用 这 种 动 画 ， 也 可 以 实 现 上 述 对 象 的 大 小 、 位 置 、 旋 转 、 颜 色 及 透 明 度等 变 化 。 7.3.2 简 单 形 状 补 间 动 画 形 状 补 间 动 画 变 化 过 程 使 用 变 形 提 示 ， 可 以 让 原 图 形 上 的 某 一 点 变

14、换 到 目 标 图 形 的 某 一 点 上 。 应用 变 形 提 示 可 以 制 作 出 各 种 复 杂 的 变 形 效 果 。 系 统 自 动 生 成 的 图 形 变 化 过 程 7.3.3 应 用 变 形 提 示 在 提 示 点 的 作 用 下 生 成 的 图 形 变 化 过 程 7.4 动 作 补 间 动 画 课 堂 案 例 力 和 运 动传 统 补 间 使 用 任 意 变 形 工 具 将 海 马 图 形 变 形 ， 使 用 创 建 补 间 动 画 命 令 制 作 海 马 游 动效 果 ， 使 用 动 作 面 板 添 加 脚 本 语 言 。 效 果 图 7.4.1 课 堂 案 例 力 和

15、 运 动 第 1帧 中 图 形 效 果 7.4.2 动 作 补 间 动 画 在 时 间 轴 面 板 中 设 置 动 作 补 间 动 画 最 后 1帧 中 图 形 效 果 每 帧 中 的 图 形 变 化 效 果 7.5 色 彩 变 化 动 画 课 堂 案 例 制 作 变 色 文 字色 彩 变 化 动 画 测 试 动 画“ 影 片 浏 览 器 ” 面 板 的 功 能 使 用 文 本 工 具 、 对 齐 面 板 、 任 意 变 形 工 具 来 完 成 效 果 的 制 作 。 效 果 图 7.5.1 课 堂 案 例 制 作 变 色 文 字 在 不 同 的 关 键 帧 中 ， 玫 瑰 花 的 颜 色 变

16、 化 效 果 7.5.2 色 彩 变 化 动 画 时 间 轴 面 板 中 的 设 置 在 制 作 完 成 动 画 后 ， 要 对 其 进 行 测 试 。 可 以 通 过 多 种 方 法 来 测 试 动 画 。 7.5.3 测 试 动 画 应 用 控 制 器 面 板 选 择 “ 窗 口 工 具 栏 控 制 器 ” 命 令 ， 弹 出 “ 控 制 器 ” 面 板 。 应 用 播 放 命 令 选 择 “ 控 制 播 放 ” 命 令 ， 或 按 Enter键 ， 可 以 对 当 前 舞 台 中的 动 画 进 行 浏 览 。 在 “ 时 间 轴 ” 面 板 中 ， 可 以 看 见 播 放 头 在 运 动

17、 ，随 着 播 放 头 的 运 动 ， 舞 台 中 显 示 出 播 放 头 所 经 过 的 帧 上 的 内 容 。 应 用 测 试 影 片 命 令 选 择 “ 控 制 测 试 影 片 ” 命 令 ， 或 按 Ctrl+Enter组 合 键 ， 可 以进 入 动 画 测 试 窗 口 ， 对 动 画 作 品 的 多 个 场 景 进 行 连 续 的 测 试 。 应 用 测 试 场 景 命 令 选 择 “ 控 制 测 试 场 景 ” 命 令 ， 或 按 Ctrl+Alt+Enter组 合 键 ，可 以 进 入 动 画 测 试 窗 口 ， 测 试 当 前 舞 台 窗 口 中 显 示 的 场 景 或 元

18、件 中的 动 画 。 “ 影 片 浏 览 器 ” 面 板 ， 可 以 将 Flash CS5文 件 组 成 树 型 关 系 图 。 方 便 用 户 进行 动 画 分 析 、 管 理 或 修 改 。 在 其 中 可 以 查 看 每 一 个 元 件 ， 熟 悉 帧 与 帧 之 间 的 关系 ， 查 看 动 作 脚 本 等 ， 也 可 快 速 查 找 需 要 的 对 象 。 选 择 “ 窗 口 影 片 浏 览 器 ” 命 令 ， 弹 出 “ 影 片 浏 览 器 ” 面 板 。 “ 影 片 浏 览 器 ” 面 板 7.5.4 “ 影 片 浏 览 器 ” 面 板 的 功 能 使 用 矩 形 工 具 、

19、任 意 变 形 工 具 、 形 状 补 间 动 画 命 令 制 作 下 载 条 的 动 画 效 果 。使 用 文 本 工 具 添 加 文 字 效 果 。 效 果 图 课 堂 练 习 制 作 LOADING下 载 条 使 用 创 建 补 间 动 画 命 令 制 作 动 画 效 果 。 使 用 文 本 工 具 添 加 文 本 。 使 用 任 意变 形 工 具 改 变 图 像 的 大 小 。 效 果 图 课 堂 练 习 制 作 饮 料 广 告 使 用 改 变 帧 数 命 令 制 作 标 志 图 形 的 变 色 效 果 。 使 用 对 齐 面 板 将 所 有 的 标 志图 形 进 行 对 齐 。 使 用 变 形 面 板 调 整 图 形 的 大 小 。 效 果 图 课 后 习 题 制 作 变 色 标 志