图 形 的 绘 制 和 编 辑 Adobe Flash CS5 3 本 章 总 览 在 本 课 程 中, 大 家 将 学 习 以 下 内 容 : 使 用 钢 笔 工 具 绘 制 图 形 使 用 刷 子 和 喷 图 刷 工 具 矢 量 图 形 的 基 本 绘 制 方 法 结 合 椭 圆 工 具 和 选 择 工 具 绘 制 图 形 修 改 对 象 的 中 心 点 和 角 度 使 用 变 形 面 板 创 建 补 间 形 状 本 课 程 的 学 习 需 要 5 ~ 6 学 时 来 完 成, 在 学 习 过 程 中, 应 掌 握 课 程 涉 及 的 所 有 内 容, 并 做 到 举 一 反 三, 学 会 制 作 本 书 讲 述 以 外 的 动 画 第 1 讲 使 用 钢 笔 工 具 绘 制 曲 线 本 实 例 主 要 讲 解 利 用 Flash 图 形 工 具 制 作 Flash 生 日 贺 卡 动 画 表 现 为 小 天 使 从 远 方 送 来
39 一 颗 生 日 祝 福 的 心 需 要 用 到 的 绘 画 工 具 较 多, 比 如 钢 笔 椭 圆 矩 形 多 角 星 形 工 具 笔 另 外 还 会 用 到 一 些 辅 助 的 编 辑 功 能, 如 修 改 中 心 点 和 角 度 对 称 翻 转 复 制 等 钢 笔 工 具 用 来 绘 制 矢 量 路 径, 生 成 精 确 平 滑 的 直 线 和 曲 线 这 些 线 条 被 称 为 贝 塞 尔 曲 线 贝 塞 尔 曲 线 是 指 具 有 节 点 的 曲 线, 并 且 这 些 线 条 的 角 度 长 度 曲 度 可 以 通 过 节 点 上 的 手 柄 进 行 调 节 1. 使 用 辅 助 线 辅 助 线 可 以 帮 助 用 户 对 齐 和 排 列 对 象, 辅 助 线 可 以 多 条, 也 可 以 相 交, 用 来 确 定 绘 制 中 心 或 者 限 定 绘 制 的 精 确 区 域 一 般 辅 助 线 都 是 横 向 或 纵 向 的 直 线, 如 果 要 创 建 自 定 义 辅 助 线 或 不 规 则 辅 助 线, 可 以 使 用 引 导 层 不 规 则 辅 助 线 和 引 导 层 的 用 法 在 以 后 的 章 节 中 会 讲 到 (1) 新 建 Flash 文 档, 在 工 作 区 右 侧 选 择 属 性 面 板 中 找 到 属 性 设 置 栏, 单 击 编 辑 按 钮, 弹 出 文 档 设 置 对 话 框, 输 入 尺 寸 宽 为 700 像 素, 高 为 560 像 素, 背 景 为 白 色, 帧 频 为 24, 如 图 3-1-1 所 示 图 3-1-1 (2) 辅 助 线 是 结 合 标 尺 进 行 操 作 的, 创 建 辅 助 线 前 需 要 先 显 示 标 尺 执 行 菜 单 视 图 标 尺 命 令 或 按 快 捷 键 Ctrl+Alt+Shift+R 显 示 标 尺 标 尺 默 认 的 度 量 单 位 是 像 素, 标 尺 原 点 沿 舞 台 左 上 角 对 齐 (3) 鼠 标 移 至 左 侧 标 尺 上 任 意 区 域, 按 下 鼠 标 不 松 手, 拖 拽 到 舞 台 区 会 出 现 一 根 紧 贴 鼠 标 的 垂 直 黑 线, 拉 动 至 横 坐 标 350 的 位 置, 松 开 鼠 标, 黑 色 直 线 变 成 淡 蓝 色, 辅 助 线 创 建 成 功 该 辅 助 线 用 来 标 识 心 形 的 对 称 中 心, 如 图 3-1-2 所 示 要 编 辑 辅 助 线, 可 以 直 接 用 选 择 工 具 移 动 辅 助 线 的 位 置, 把 辅 助 线 拉 回 到 标 尺 区 域 即 可 删 除 辅 助 线 2. 使 用 钢 笔 工 具 绘 制 心 形 (1) 在 工 具 面 板 中 选 择 钢 笔 工 具, 对 齐 辅 助 线 的 下 部, 按 住 鼠 标 不 放 向 左 上 角 拖 拽 出 一 根 方 向 线, 松 开 鼠 标 方 向 线 指 向 线 条 的 来 向 和 去 向, 如 图 3-1-3 所 示 (2) 将 鼠 标 对 齐 辅 助 线, 纵 向 向 上 移 动 一 段 距 离, 按 住 鼠 标 不 放 向 右 下 角 拖 拽 出 一 根 方 向 线, 松 开 鼠 标, 如 图 3-1-4 所 示
40 图 3-1-2 图 3-1-3 图 3-1-4 (3) 移 动 鼠 标 到 刚 绘 制 心 形 的 起 始 锚 点, 按 住 该 锚 点 不 放 往 左 下 角 拖 拽, 封 闭 该 形 状, 如
41 图 3-1-5 所 示 图 3-1-5 (4) 在 工 具 面 板 中 选 择 部 分 选 择 工 具, 选 择 心 形 上 部 的 锚 点, 会 出 现 控 制 手 柄 使 用 控 制 手 柄 调 整 各 锚 点, 调 整 到 心 形 形 状, 如 图 3-1-6 图 3-1-7 所 示 图 3-1-6 图 3-1-7 (5) 按 Ctrl+; 快 捷 键 隐 藏 辅 助 线, 在 工 具 面 板 中 选 择 颜 料 桶 工 具, 如 图 3-1-8 所 示 在 工 具 面 板 颜 色 区 域 中 单 击 填 充 颜 色, 弹 出 颜 色 选 择 面 板, 选 择 玫 瑰 红 色, 如 图 3-1-9 所 示 在 心 形 的 轮 廓 区 域 内 的 任 意 位 置 单 击, 填 充 颜 色, 如 图 3-1-10 所 示 (6) 单 击 颜 料 桶 工 具, 在 下 拉 菜 单 中 选 择 墨 水 瓶 工 具, 如 图 3-1-8 所 示 墨 水 瓶 工 具 用 于 改 变 轮 廓 线 的 颜 色 在 工 具 面 板 的 颜 色 区 域 中 单 击 笔 触 颜 色, 选 择 更 深 一 点 的 红 色, 在 心 形 的 轮 廓 线 上 单 击, 修 改 轮 廓 线 的 颜 色, 如 图 3-1-11 所 示
42 图 3-1-8 图 3-1-9 图 3-1-10 图 3-1-11 举 一 反 三 : 使 用 钢 笔 工 具 绘 制 其 他 常 见 图 形, 比 如 苹 果 的 轮 廓 第 2 讲 刷 子 和 喷 涂 刷 工 具 刷 子 工 具 可 以 绘 制 类 似 于 刷 子 的 笔 触, 可 以 利 用 刷 子 创 建 特 殊 效 果, 如 书 法 效 果 喷 涂 刷 工 具 与 刷 子 工 具 在 同 一 个 集 合 里 面, 单 击 刷 子 工 具 在 弹 出 的 菜 单 中 即 可 选 择 喷 涂 刷 工 具 喷 涂 刷 的 作 用 类 似 于 粒 子 喷 射 器, 使 用 它 可 以 一 次 将 形 状 图 案 刷 到 舞 台 上 默 认 情 况 下, 喷 涂 刷 使 用 当 前 选 定 的 填 充 颜 色 喷 射 粒 子 点 可 以 使 用 喷 涂 刷 工 具 将 影 片 剪 辑 或 图 形 元 件 作 为 图 案 应 用 本 节 我 们 将 利 用 刷 子 工 具 和 喷 涂 刷 工 具 绘 制 心 形 上 的 文 字 及 高 光 效 果 1. 绘 制 心 形 高 光 (1) 选 择 刷 子 工 具, 在 工 具 面 板 颜 色 区, 选 择 高 光 的 填 充 颜 色, 如 图 3-2-1 所 示
43 在 选 项 区, 选 择 刷 子 的 模 式 为 内 部 绘 画, 刷 子 的 模 式 有 5 种, 分 别 为 : 标 准 绘 画 : 可 对 同 一 层 的 线 条 和 填 充 涂 色 颜 料 填 充 : 对 填 充 区 域 和 空 白 区 域 涂 色, 不 影 响 线 条 后 面 绘 画 : 在 舞 台 上 同 一 层 的 空 白 区 域 涂 色, 不 影 响 线 条 和 填 充 颜 料 选 择 : 选 择 部 分 填 充 区 域, 涂 色 范 围 只 影 响 被 选 择 的 填 充 区 域 而 不 超 出 内 部 绘 画 : 在 填 充 区 域 内 部 进 行 涂 色, 不 会 影 响 线 条, 不 会 超 出 填 充 区 范 围 心 形 高 光 区 域 是 在 心 形 填 充 范 围 内, 为 避 免 涂 色 的 时 候 超 出 填 充 范 围, 我 们 选 择 内 部 绘 画 的 刷 子 模 式 在 刷 子 模 式 选 项 下 面 选 择 刷 子 大 小 及 刷 子 形 状, 如 图 3-2-2 所 示 图 3-2-1 图 3-2-2 (2) 在 心 形 的 左 上 角 绘 制 高 光 范 围, 如 图 3-2-3 所 示 更 换 填 充 颜 色 为 白 色, 在 高 光 区 域 点 两 下, 绘 制 出 高 光 的 层 级 效 果, 如 图 3-2-4 所 示 图 3-2-3 图 3-2-4 (3) 改 变 刷 子 大 小, 在 心 形 填 充 区 域 上 写 上 Happy Birthday, 如 图 3-2-5 所 示 书 写 文 字 的 时 候, 由 于 文 字 太 小, 鼠 标 操 作 起 来 比 较 困 难, 可 以 使 用 缩 放 工 具 放 大 舞 台, 刷 子 的 大 小
44 不 会 随 舞 台 的 大 小 变 化 2. 使 用 喷 涂 刷 工 具 绘 制 杂 点 效 果 接 下 来 我 们 利 用 喷 涂 刷 工 具 给 心 形 装 饰 上 可 爱 的 杂 点 让 心 形 上 的 字 看 起 来 有 粉 尘 的 感 觉 (1) 单 击 刷 子 工 具, 弹 出 菜 单 中 选 择 喷 涂 刷 工 具, 如 图 3-2-6 所 示 图 3-2-5 图 3-2-6 (2) 在 工 作 区 右 侧 属 性 面 板 中 默 认 颜 色 为 白 色, 勾 选 随 机 缩 放, 其 他 设 置 默 认, 如 图 3-2-7 所 示 在 喷 涂 刷 选 项 中 : 编 辑 : 打 开 选 择 元 件 对 话 框, 可 以 在 其 中 选 择 影 片 剪 辑 或 图 形 元 件 以 用 作 喷 涂 刷 粒 子 选 中 库 中 的 某 个 元 件 时, 其 名 称 将 显 示 在 编 辑 按 钮 的 旁 边 随 机 缩 放 : 指 定 按 随 机 缩 放 比 例 将 每 个 基 于 元 件 的 喷 涂 粒 子 放 置 在 舞 台 上, 并 改 变 每 个 粒 子 的 大 小 宽 度 : 在 不 使 用 库 中 的 元 件 时, 喷 涂 粒 子 的 宽 度 高 度 : 在 不 使 用 库 中 的 元 件 时, 喷 涂 粒 子 的 高 度 (3) 在 心 形 区 域 上 单 击, 喷 涂 刷 工 具 喷 出 随 机 大 小 的 小 白 点, 在 文 字 周 边 单 击, 编 辑 效 果 至 满 意 为 止, 如 图 3-2-8 所 示 图 3-2-7 图 3-2-8
45 (4) 全 选 已 绘 制 完 成 的 所 有 图 形, 按 快 捷 键 F8 将 图 形 转 换 为 一 个 图 形 元 件, 命 名 为 Heart 执 行 菜 单 文 件 保 存 命 令, 保 存 当 前 文 档 举 一 反 三 : 创 建 任 意 颜 色 填 充 图 形, 改 变 刷 子 模 式, 体 验 不 同 刷 子 模 式 的 绘 制 效 果 第 3 讲 矢 量 图 形 绘 制 借 助 Flash CS5 中 的 绘 图 工 具 可 以 创 建 丰 富 的 矢 量 图 形 和 插 图, 在 Flash 中 创 建 的 线 条 或 形 状 都 是 轻 型 的 矢 量 图 形, 有 助 于 减 小 FLA 文 件 的 大 小 大 部 分 的 复 杂 图 形 都 是 建 立 在 简 单 的 几 何 形 状 之 上, 灵 活 使 用 Flash 提 供 的 基 本 图 形 工 具 可 以 大 幅 度 提 高 用 户 的 绘 制 效 率 本 节 中 我 们 将 利 用 Flash CS5 提 供 的 椭 圆 工 具 多 边 形 工 具 线 条 工 具, 并 通 过 其 他 的 辅 助 功 能 来 绘 制 可 爱 的 小 天 使 角 色 1. 使 用 椭 圆 工 具 绘 制 图 形 利 用 椭 圆 工 具 绘 制 小 天 使 的 手, 抓 住 心 形 图 案 (1) 双 击 舞 台 上 的 心 形 元 件, 进 入 心 形 元 件 的 编 辑 区 双 击 当 前 图 层, 把 图 层 命 名 为 心 形, 单 击 图 层 锁 定 列 下 面 白 点, 锁 定 当 前 图 层 单 击 时 间 轴 面 板 上 的 新 建 图 层 按 钮, 在 手 形 图 层 上 新 建 一 个 图 层 并 命 名 为 手, 如 图 3-3-1 所 示 图 层 的 锁 定 功 能 与 Photoshop 的 图 层 锁 定 功 能 相 似, 当 图 层 锁 定 的 时 候, 图 层 上 的 内 容 处 于 不 可 编 辑 状 态, 在 进 行 新 的 绘 制 操 作 的 时 候 就 不 会 影 响 到 已 编 辑 好 的 内 容 (2) 单 击 工 具 面 板 上 的 矩 形 工 具, 在 弹 出 的 菜 单 中 选 择 椭 圆 工 具, 如 图 3-3-2 所 示 我 们 以 椭 圆 形 状 来 表 示 小 天 使 的 手, 绘 制 方 法 非 常 简 单 首 先 在 心 形 线 上 绘 制 一 个 椭 圆, 填 充 成 淡 黄 色, 使 用 墨 水 瓶 工 具 修 改 边 框 颜 色 为 橙 红 色, 使 用 刷 子 工 具 画 出 手 形 的 高 光, 如 图 3-3-3 所 示 图 3-3-1 图 3-3-2 (3) 使 用 选 择 工 具, 按 住 Alt 键, 拖 动 手 图 形, 复 制 一 个 出 另 一 个 手, 如 图 3-3-4 所 示 2. 图 层 的 空 间 顺 序 我 们 可 以 把 图 层 想 象 成 很 多 张 透 明 的 纸 叠 放 在 一 起, 而 在 纸 上 所 绘 制 的 单 个 画 面 层 层 叠 加, 将 形 成 复 杂 丰 富 的 视 觉 效 果 内 容 在 图 层 上 以 纵 深 方 向 叠 放, 就 构 成 了 影 片 的 空 间 感, 图 层 越 靠 上, 在 屏 幕 上 显 示 时 离 观 众 越 近, 如 果 多 个 对 象 占 用 同 一 空 间, 那 么 上 层 的 对 象 在 显 示
46 时 会 遮 挡 下 层 的 对 象 图 3-3-3 图 3-3-4 (1) 锁 定 手 图 层, 单 击 新 建 图 层 按 钮, 将 新 图 层 命 名 为 脸, 将 该 层 拖 到 心 形 层 的 下 面 (2) 使 用 椭 圆 工 具 绘 制 天 使 的 脸, 使 用 选 择 工 具 对 椭 圆 形 状 进 行 加 工, 鼠 标 移 动 椭 圆 下 方, 光 标 形 状 变 为 箭 头 带 弧 线 的 形 状 时, 按 住 鼠 标 拖 动 下 半 圆 圈 弧 线 调 整 成 图 3-3-5 所 示 位 置 (3) 使 用 选 择 工 具, 把 调 整 好 的 脸 移 动 到 如 图 3-3-6 所 示 位 置 图 3-3-5 图 3-3-6 (4) 单 击 矩 形 工 具, 在 弹 出 菜 单 中 选 择 多 角 星 形 工 具, 如 图 3-3-2 所 示 我 们 利 用 多 角 星 形 工 具 绘 制 小 天 使 的 嘴 选 择 此 工 具 后, 在 右 侧 的 属 性 面 板 中 设 置 笔 触 颜 色 为 无, 只 需 单 击 面 板 中 Alpha 透 明 属 性 右 侧 的 红 色 斜 线 按 钮 即 可 设 置 填 充 颜 色 为 红 色, 如 图 3-3-7 所 示 (5) 单 击 工 具 设 置 中 的 选 项 按 钮 进 入 工 具 设 置 对 话 框, 样 式 中 有 多 边 形 和 星
47 形 两 种 选 择, 选 择 多 边 形, 输 入 边 数 为 3, 单 击 确 定 按 钮, 如 图 3-3-8 所 示 图 3-3-7 图 3-3-8 (6) 在 脸 的 图 层 上 绘 制 出 一 个 等 边 三 角 形, 使 用 选 择 工 具 调 整 等 边 三 角 形 的 边 线, 把 三 角 形 调 整 为 微 笑 的 嘴 形, 如 图 3-3-9 所 示 3. 使 用 线 条 工 具 绘 制 眼 睛 (1) 锁 定 脸 图 层, 在 脸 图 层 上 新 建 图 层, 并 命 名 为 眼 睛 (2) 选 择 工 具 面 板 中 的 线 条 工 具, 在 右 侧 的 属 性 面 板 中 选 择 笔 触 颜 色 为 黑 色, 笔 触 为 3.00, 可 通 过 标 尺 拖 动 来 改 变 笔 触 大 小 或 直 接 输 入 数 值, 笔 触 大 小 范 围 为 0.1~200 其 他 设 置 默 认, 如 图 3-3-10 所 示 图 3-3-9 图 3-3-10 (3) 在 脸 的 中 线 位 置 画 出 一 条 线 段, 使 用 选 择 工 具 调 整 线 段 为 向 上 拱 起 的 曲 线, 如 图 3-3-11 所 示
48 (4) 选 择 线 条 工 具, 设 置 线 条 工 具 的 笔 触 为 1.00, 在 眼 睛 的 线 条 上 面 绘 制 倾 斜 的 三 条 线 条 作 为 睫 毛, 使 用 工 具 调 整 线 条 为 曲 线, 如 图 3-3-12 所 示 图 3-3-11 图 3-3-12 (5) 全 选 眼 睛 和 睫 毛 4 条 曲 线, 按 住 Shift+Alt 向 右 拖 动 一 段 距 离, 复 制 出 另 一 只 眼 睛, 全 选 已 复 制 出 来 的 眼 睛, 单 击 菜 单 修 改 变 形 水 平 翻 转, 小 天 使 的 眼 睛 绘 制 完 成, 如 图 3-3-13 所 示 图 3-3-13
49 (6) 锁 定 眼 睛 图 层, 在 眼 睛 图 层 上 新 建 图 层, 并 命 名 为 头 发 使 用 钢 笔 工 具 绘 制 小 天 使 的 头 发, 并 填 充 成 黑 色, 如 图 3-3-14 所 示 (7) 锁 定 头 发 图 层, 在 头 发 图 层 上 新 建 图 层, 并 命 名 为 头 饰 使 用 钢 笔 工 具 绘 制 小 天 使 的 头 饰, 填 充 成 红 色, 如 图 3-3-15 所 示 图 3-3-14 图 3-3-15 (8) 单 击 舞 台 顶 部 的 场 景 1 文 字 或 左 侧 的 蓝 色 按 钮, 退 出 Heart 的 编 辑 状 态, 如 图 3-3-16 所 示 执 行 菜 单 文 件 保 存 命 令, 保 存 当 前 文 档 图 3-3-16 举 一 反 三 : 尝 试 使 用 椭 圆 工 具 矩 形 工 具 和 线 条 工 具 绘 制 其 他 形 状 的 图 形 第 4 讲 变 形 工 具 和 变 形 面 板 任 意 变 形 工 具 可 以 将 图 形 对 象 组 文 本 块 和 元 件 进 行 缩 放 旋 转 倾 斜 扭 曲 等 变 形 操 作 选 择 该 工 具 后, 对 象 的 周 围 会 出 现 多 个 控 制 手 柄, 应 用 不 同 的 变 形 本 节 中 我 们 将 通 过 钢 笔 工 具 创 建 小 天 使 的 翅 膀, 并 利 用 变 形 工 具 及 变 形 面 板 实 现 扇 动 翅 膀 的 动 画
50 (1) 修 改 心 形 元 件 所 在 的 图 层 名 为 小 天 使, 并 锁 住 图 层 在 小 天 使 图 层 新 建 一 个 图 层, 并 命 名 为 翅 膀 (2) 使 用 钢 笔 工 具, 在 工 具 面 板 的 选 项 区 单 击 对 象 绘 制 按 钮, 取 消 对 象 绘 制 模 式, 进 入 合 并 绘 制 模 式, 如 图 3-4-1 所 示 使 用 合 并 绘 制 模 式, 在 舞 台 上 绘 制 的 对 象 互 相 重 叠 时 会 自 动 合 并 ; 使 用 对 象 绘 制 模 式 绘 制 图 形 时 绘 制 的 重 叠 部 分 不 合 并, 各 对 象 单 独 存 在 在 小 天 使 的 右 侧 绘 制 如 图 3-4-2 所 示 的 曲 线 图 3-4-1 图 3-4-2 (3) 选 择 线 条 工 具 绘 制 线 段, 如 图 3-4-3 所 示 绘 制 好 线 段, 使 用 选 择 工 具 调 整 线 段, 形 成 闭 合 曲 线 图 3-4-3
51 (4) 选 择 颜 料 桶 工 具, 把 翅 膀 图 形 填 充 成 红 色 选 择 墨 水 瓶 工 具, 在 属 性 面 板 中 设 置 颜 色 为 白 色, 笔 触 为 3, 如 图 3-4-4 所 示, 填 充 线 条 颜 色 为 白 色 图 3-4-4 (5) 全 选 绘 制 好 的 翅 膀 图 形, 按 快 捷 键 F8 将 翅 膀 图 形 转 换 为 一 个 名 为 wing 的 图 形 元 件, 再 次 按 快 捷 键 F8 转 换 该 图 形 元 件 为 一 个 名 为 wings 的 影 片 剪 辑 这 样 就 形 成 了 wings 影 片 剪 辑 对 wing 图 形 元 件 的 嵌 套, 结 构 为 场 景 wings wing 1. 使 用 任 意 变 形 工 具 编 辑 中 心 点 (1) 双 击 wings 影 片 剪 辑 实 例, 对 wing 图 形 元 件 实 例 进 行 编 辑 选 择 工 具 面 板 中 的 任 意 变 形 工 具, 可 以 看 到 wing 图 形 元 件 实 例 的 周 围 出 现 八 个 控 制 点, 中 间 则 是 一 个 白 色 的 圆 点, 这 个 白 点 即 为 对 象 的 中 心 点 (2) 拖 拽 这 个 白 点 到 翅 膀 左 侧 边 缘 线 中 点 下 方 位 置 中 心 点 位 置 决 定 了 对 象 中 轴 所 在 位 置, 当 对 象 需 按 某 个 特 定 的 轴 进 行 翻 转 旋 转 操 作 时, 将 以 修 改 后 的 新 中 心 点 为 准, 如 图 3-4-5 所 示 图 3-4-5
52 (3) 设 置 好 中 心 点 位 置 后, 我 们 利 用 补 间 动 画 创 建 翅 膀 上 下 扇 动 的 效 果 右 击 当 前 图 层 第 一 帧, 在 弹 出 菜 单 中 选 择 创 建 补 间 动 画, 拖 动 补 间 右 端 把 补 间 动 画 延 长 到 第 55 帧, 如 图 3-4-6 所 示 图 3-4-6 (4) 回 到 第 1 帧, 使 用 任 意 变 形 工 具 旋 转 翅 膀 为 抬 起 状 态 回 到 第 55 帧, 按 快 捷 键 F6 插 入 关 键 帧, 使 第 1 帧 和 第 55 帧 翅 膀 的 状 态 一 样, 如 图 3-4-7 所 示 在 第 25 帧 使 用 任 意 变 形 工 具, 旋 转 翅 膀 为 垂 下 状 态, 由 于 翅 膀 对 象 状 态 改 变, 时 间 轴 自 动 在 第 25 插 入 关 键 帧, 如 图 3-4-8 所 示 按 回 车 键 测 试 一 下 翅 膀 动 画, 改 变 翅 膀 旋 转 角 度 到 最 佳 状 态 图 3-4-7 2. 使 用 对 象 复 制 功 能 (1) 回 到 场 景 1, 选 择 影 片 wings, 修 改 中 间 点 在 小 天 使 头 部 中 间 位 置, 如 图 3-4-9 所 示
53 图 3-4-8 图 3-4-9 (2) 按 快 捷 键 Ctrl+T 或 单 击 工 作 区 右 侧 面 板 上 的 变 形 面 板 图 标 调 出 变 形 面 板,
54 选 择 倾 斜 项, 单 击 右 侧 0.0 文 字, 在 输 入 框 中 输 入 180, 按 回 车 键 可 以 把 翅 膀 元 件 翻 转 到 左 侧, 但 我 们 需 要 的 是 翻 转 的 同 时 复 制 出 另 一 支 相 同 的 翅 膀, 我 们 可 以 通 过 单 击 变 形 面 板 右 下 角 第 一 个 按 钮 重 制 选 区 和 变 形 来 复 制 变 形 对 象, 如 图 3-4-10 所 示 图 3-4-10 (3) wings 元 件 已 包 含 翅 膀 挥 舞 的 动 画, 所 以 复 制 出 来 的 翅 膀 元 件 也 已 经 可 以 动 了 为 了 使 动 画 更 真 实, 我 们 需 要 让 小 天 使 和 心 形 元 件 上 下 运 动 起 来 配 合 翅 膀 的 拍 打 动 画 (4) 解 锁 小 天 使 图 层, 选 择 小 天 使 元 件, 按 快 捷 键 F8, 把 小 天 使 转 换 名 为 fly 的 影 片 剪 辑, 双 击 fly 元 件 进 入 元 件 编 辑 状 态 (5) 在 第 1 帧 右 击, 在 弹 出 菜 单 中 选 择 创 建 补 间 动 画, 并 把 补 间 动 画 延 长 至 50 帧, 在 50 帧 按 快 捷 键 F6 插 入 关 键 帧, 使 小 天 使 元 件 第 1 帧 和 第 50 帧 状 态 一 样 把 播 放 头 移 到 第 25 帧, 把 小 天 使 元 件 向 上 移 动 一 小 段 距 离 (6) 执 行 菜 单 文 件 保 存 命 令, 保 存 文 件 (7) 按 快 捷 键 Ctrl+Enter 测 试 影 片, 我 们 会 看 到 翅 膀 向 下 拍 动 的 时 候 小 天 使 向 上 运 动, 翅 膀 向 上 拍 动 的 时 候, 小 天 使 向 下 运 动, 小 天 使 飞 翔 的 动 画 制 作 完 成 举 一 反 三 : 绘 制 一 个 礼 物 盒 和 一 对 翅 膀, 通 过 以 上 方 法 使 礼 物 盒 飞 起 来 第 5 讲 创 建 补 间 形 状 补 间 形 状 是 除 补 间 动 画 和 传 统 补 间 外 的 另 一 种 常 用 的 动 画 创 作 方 法 它 可 以 使 一 个 矢 量 图
55 形 从 一 个 形 状 变 化 为 另 一 个 形 状, 同 时 也 可 以 进 行 颜 色 位 置 等 变 化 补 间 形 状 最 适 合 简 单 形 状 的 变 形 动 画, 在 使 用 补 间 形 状 时 无 需 把 普 通 形 状 转 为 元 件, 如 果 是 已 有 的 元 件 或 文 本, 可 通 过 快 捷 键 Ctrl+B 将 其 分 离, 再 进 行 补 间 形 状 动 画 上 一 节 中 我 们 完 成 了 本 实 例 主 要 角 色 小 天 使 和 心 形 飞 翔 的 动 画, 接 下 来 我 们 通 过 补 间 形 状 来 创 建 贺 卡 的 装 饰 元 素 (1) 在 小 天 使 图 层 下 面 新 建 一 层 名 为 心 跳 的 图 层, 使 用 合 并 绘 制 模 式, 根 据 第 1 讲 的 步 骤 利 用 钢 笔 工 具 绘 制 一 个 心 形 形 状, 填 充 成 红 色 并 把 心 形 形 状 置 于 舞 台 左 下 角, 如 图 3-5-1 所 示 图 3-5-1 (2) 使 用 线 条 工 具 在 心 形 上 绘 制 几 条 斜 线, 因 为 我 们 使 用 了 合 并 绘 制 模 式, 绘 制 的 线 条 会 和 心 形 自 动 合 并 在 一 起 选 择 颜 料 桶 工 具, 用 黑 色 间 隔 填 充 被 线 条 切 割 的 区 域, 如 图 3-5-2 所 示 图 3-5-2
56 (3) 双 击 黑 色 线 条, 按 Delete 键 删 除 黑 色 线 条, 完 成 心 形 绘 制, 选 择 已 绘 制 的 心 形 形 状, 按 快 捷 键 F8 将 绘 制 好 的 心 形 转 化 为 名 为 心 跳 的 影 片 剪 辑 元 件, 如 图 3-5-3 所 示 图 3-5-3 创 建 补 间 形 状 动 画 (1) 在 舞 台 上 双 击 心 跳 影 片 剪 辑, 开 始 创 建 补 间 形 状, 注 意 在 这 里 将 要 创 建 的 补 间 形 状 动 画 依 然 是 基 于 普 通 形 状 的, 与 本 节 开 头 所 陈 述 的 并 不 矛 盾 (2) 在 12 帧 按 快 捷 键 F6 插 入 一 个 关 键 帧, 在 第 24 帧 按 快 捷 键 F6 插 入 关 键 帧, 现 在 第 1 帧 第 12 帧 和 第 24 帧 心 形 的 状 态 是 一 样 的 要 创 建 心 跳 的 动 画, 我 们 必 须 改 变 其 中 一 帧 的 状 态 回 到 第 12 帧, 在 工 具 面 板 中 选 择 任 意 变 形 工 具, 按 住 Alt+Shift 键, 单 击 任 意 一 个 锚 点 往 外 放 大 心 形 按 住 Alt+Shift 键 的 好 处 是 使 形 状 等 比 例 从 中 间 放 大 或 缩 小, 如 图 3-5-4 所 示 (3) 在 第 1 帧 和 第 12 帧 空 白 帧 任 意 位 置 右 击, 在 弹 出 菜 单 中 选 择 创 建 补 间 形 状, 同 样 方 法 在 第 12 帧 到 第 24 帧 中 创 建 补 间 形 状, 如 图 3-5-5 所 示 如 果 补 间 形 状 创 建 成 功, 在 时 间 轴 中 会 显 示 为 淡 绿 色, 这 样 即 形 成 了 一 个 心 不 断 跳 动 的 动 画 图 3-5-4 图 3-5-5
57 (4) 回 到 场 景 1, 执 行 菜 单 文 件 保 存 命 令, 保 存 当 前 文 档 按 快 捷 键 Ctrl+Enter 测 试 影 片, 我 们 会 看 到 小 天 使 在 飞, 心 在 跳 的 动 画 举 一 反 三 : 制 作 一 个 红 色 圆 变 成 蓝 色 四 方 形 的 补 间 形 状 动 画 第 6 讲 绘 制 绚 丽 装 饰 动 画 利 用 线 条 工 具 矩 形 工 具 钢 笔 工 具 椭 圆 工 具 等 基 本 图 形 工 具, 可 制 作 出 很 多 复 杂 的 图 形 编 辑 的 方 式 包 括 组 合 裁 切 拖 拽 复 制 等 手 法, 下 面 通 过 使 用 基 本 的 图 形 工 具 绘 制 贺 卡 绚 丽 的 背 景 心 跳 的 图 层 上 只 有 一 颗 心 在 跳 动 略 显 单 薄, 我 们 可 以 复 制 多 个 心 一 起 跳 动, 给 画 面 增 加 更 多 动 感 (1) 使 用 选 择 工 具, 按 住 Alt 键 拖 拽 心 跳 影 片 剪 辑 复 制 出 另 一 个 心 跳 动 画, 使 用 任 意 变 形 工 具, 改 变 心 跳 影 片 剪 辑 的 大 小 和 旋 转 角 度 依 此 方 法 复 制 出 另 两 个 心 跳 复 本 置 于 舞 台 右 侧, 如 图 3-6-1 所 示 图 3-6-1 (2) 在 心 跳 图 层 下 面 新 建 一 层 名 为 装 饰 的 图 层, 隐 藏 心 跳 图 层, 使 用 线 条 工 具, 设 置 线 条 工 具 的 颜 色 为 浅 红 色, 笔 触 为 2.00, 在 舞 台 左 侧 绘 制 一 条 自 上 而 下 的 线 段, 使 用 选 择 工 具, 调 整 线 条 为 曲 线, 如 图 3-6-2 所 示
58 图 3-6-2 (3) 使 用 线 条 工 具 在 曲 线 上 绘 制 出 几 条 参 差 不 齐 的 线 段, 利 用 第 1 讲 和 第 2 讲 所 学 的 知 识, 利 用 钢 笔 工 具 绘 制 一 个 心 形 填 充 成 浅 红 色, 并 置 于 曲 线 的 顶 端 使 用 刷 子 工 具 绘 制 出 心 形 的 高 光, 如 图 3-6-3 所 示 图 3-6-3 (4) 全 选 心 形 曲 线 和 线 段, 按 快 捷 键 Ctrl+G 组 合 在 一 起 选 择 已 组 合 在 一 起 的 图 形 按 快 捷 键 F8 把 组 合 的 图 形 转 换 为 影 片 剪 辑, 并 命 名 为 摆 动 的 心, 如 图 3-6-4 所 示
59 图 3-6-4 (5) 双 击 摆 动 的 心 编 辑 影 片 剪 辑, 分 别 在 第 18 帧 和 第 36 帧 插 入 关 键 帧, 回 到 第 18 帧, 使 用 选 择 工 具 往 左 拖 动 组 合 图 形 一 段 距 离, 右 击 第 1 帧 和 第 18 帧, 在 弹 出 的 菜 单 中 选 择 创 建 传 统 补 间, 以 同 样 的 方 法 在 第 18 帧 和 第 36 帧 中 创 建 传 统 补 间, 如 图 3-6-5 所 示 图 3-6-5
60 (6) 回 到 场 景 1, 以 同 样 的 方 法 创 建 其 他 摆 动 的 心 形 动 画, 也 可 以 复 制 已 创 建 好 的 动 画, 利 用 任 意 变 形 工 具 改 变 动 画 的 大 小 和 方 向, 如 图 3-6-6 所 示 图 3-6-6 (7) 执 行 菜 单 文 件 保 存 命 令, 保 存 文 件, 按 快 捷 键 Ctrl+Enter 测 试 影 片, 我 们 看 到 装 饰 图 层 上 的 心 形 组 合 图 形 左 右 摆 动, 画 面 动 画 效 果 更 加 丰 富 举 一 反 三 : 尝 试 使 用 线 条 工 具 配 合 选 择 工 具 绘 制 简 易 的 路 线 图 第 7 讲 灵 活 使 用 矩 形 和 线 条 工 具 本 节 通 过 矩 形 和 线 条 工 具 制 作 一 个 闪 光 的 背 景 动 画, 使 贺 卡 动 画 更 有 视 觉 冲 击 力 (1) 在 装 饰 图 层 下 面 新 建 一 层 名 为 背 景 的 新 图 层, 选 择 工 具, 在 工 具 面 板 的 颜 色 区 域 设 置 笔 触 为 无 色, 填 充 颜 色 为 淡 红 色, 在 舞 台 上 拉 动 出 一 个 矩 形, 如 图 3-7-1 所 示 (2) 使 用 选 择 工 具, 选 择 已 绘 制 的 矩 形, 在 右 侧 属 性 面 板 中 设 置 X 坐 标 和 Y 坐 标 为 0, 设 置 宽 为 700, 高 为 560, 如 图 3-7-2 所 示
61 图 3-7-1 图 3-7-2 (3) 选 择 矩 形 形 状, 按 快 捷 键 F8, 把 矩 形 转 换 为 影 片 剪 辑, 并 命 名 为 背 景 双 击 进 入 背 景 编 辑 影 片 剪 辑 使 用 线 条 工 具, 设 计 笔 触 颜 色 为 黑 色, 绘 制 出 自 下 而 上 散 出 的 线 条, 如 图 3-7-3 所 示 图 3-7-3 (4) 使 用 颜 料 桶 工 具, 设 置 填 充 颜 色 为 白 色, 间 隔 填 充 线 条 分 割 区 域, 如 图 3-7-4 所 示 双 击 黑 色 线 条 按 Delete 键 删 除 (5) 在 第 10 帧 和 第 20 帧 分 别 插 入 关 键 帧, 选 择 第 10 帧, 使 用 颜 料 桶 工 具, 把 原 来 是 淡 红 色 区 域 填 充 成 白 色, 把 白 色 区 域 填 充 成 淡 红 色 在 填 充 过 程 中 可 以 先 把 原 来 的 淡 红 色 或 白 色 先 填 充 成 其 他 颜 色, 保 持 色 块 区 域 边 界, 如 果 直 接 把 相 邻 的 区 域 填 充 成 相 同 颜 色, 边 界 将 消 失
62 图 3-7-4 (6) 背 景 影 片 剪 辑 中 共 3 帧, 不 创 建 补 间 动 画, 背 景 便 为 只 有 3 帧 的 逐 帧 动 画 (7) 回 到 场 景 1, 执 行 菜 单 文 件 保 存 命 令, 保 存 文 件 按 快 捷 键 Ctrl+Enter 测 试 影 片, 我 们 看 到 背 景 由 于 颜 色 的 切 换 成 功 模 拟 了 闪 光 效 果 生 日 贺 卡 动 画 创 建 完 成 本 章 小 结 学 习 要 点 1. 钢 笔 工 具 的 特 点 有 哪 些? 2. 辅 助 线 的 作 用 有 哪 些? 3. 刷 子 工 具 的 绘 制 模 式 有 哪 几 种, 各 有 什 么 特 点? 4. 选 择 工 具 常 见 操 作 有 哪 些? 5. 图 层 的 空 间 感 是 指 什 么? 6. 什 么 情 况 下 需 要 修 改 对 象 中 心 点? 7. 任 意 变 形 工 具 可 以 进 行 哪 些 操 作? 8. 补 间 动 画 有 哪 些 特 点? 9. 同 时 按 住 Alt 键 和 Shift 键 有 什 么 作 用? 学 习 要 点 参 考 答 案 1. 钢 笔 工 具 用 来 绘 制 矢 量 路 径, 生 成 精 确 平 滑 的 直 线 和 曲 线 这 些 线 条 被 称 为 贝 塞 尔 曲 线 贝 塞 尔 曲 线 是 指 具 有 节 点 的 曲 线, 并 且 这 些 线 条 的 角 度 长 度 曲 度 可 以 通 过 节 点 上 的 手 柄 进
63 行 调 节 2. 辅 助 线 可 以 帮 助 用 户 对 齐 和 排 列 对 象, 辅 助 线 可 以 多 条, 也 可 以 相 交, 用 来 确 定 绘 制 中 心 或 者 限 定 绘 制 的 精 确 区 域 3. 刷 子 工 具 的 绘 制 模 式 分 别 为 : 标 准 绘 画 : 可 对 同 一 层 的 线 条 和 填 充 涂 色 颜 料 填 充 : 对 填 充 区 域 和 空 白 区 域 涂 色, 不 影 响 线 条 后 面 绘 画 : 在 舞 台 上 同 一 层 的 空 白 区 域 涂 色, 不 影 响 线 条 和 填 充 颜 料 选 择 : 选 择 部 分 填 充 区 域, 涂 色 范 围 只 影 响 被 选 择 的 填 充 区 域 而 不 超 出 内 部 绘 画 : 在 填 充 区 域 内 部 进 行 涂 色, 不 会 影 响 线 条, 不 会 超 出 填 充 区 范 围 4. 用 户 可 以 进 行 选 择 对 象 移 动 对 象 移 动 复 制 对 象 改 变 对 象 形 状 等 操 作 5. 内 容 在 图 层 上 以 纵 深 方 向 叠 放, 就 构 成 了 影 片 的 空 间 感,Flash 中 图 层 越 靠 上, 在 屏 幕 上 显 示 时 离 观 众 越 近, 如 果 多 个 对 象 占 用 同 一 空 间, 那 么 上 层 中 的 对 象 在 显 示 时 会 遮 挡 下 层 的 对 象 6. 当 用 户 需 按 某 个 特 定 的 轴 进 行 翻 转 旋 转 操 作 时, 将 以 修 改 后 的 新 中 心 点 为 准 7. 任 意 变 形 工 具 可 以 将 图 形 对 象 组 文 本 块 和 元 件 进 行 缩 放 旋 转 倾 斜 扭 曲 等 变 形 操 作 8. 补 间 形 状 可 以 使 一 个 矢 量 图 形 从 一 个 形 状 变 化 为 另 一 个 形 状, 同 时 也 可 以 进 行 颜 色 位 置 等 变 化 9. 同 时 按 住 Alt 键 和 Shift 键 的 好 处 是 使 形 状 等 比 例 从 中 间 放 大 或 缩 小 操 作 题 绘 制 如 题 图 3-1 所 示 的 卡 通 火 箭 图 案 可 供 参 考 的 知 识 点 包 括 椭 圆 工 具 线 条 工 具 钢 笔 工 具 以 及 刷 子 工 具 的 使 用 等 题 图 3-1