flash培训上课件

flash培 训 上 1 flash培 训 上 2Flash 动 画 制 作 讲 课 ： 王 巧 星2012-2-21 flash培 训 上 3 场 景 动 画 制 作 Flash 动 画 制 作 采 用 了 矢 量 技 术 ， 体 积 小 播 放 插 件 很 小 通 用 性 好 ， 在 各 种 浏 览 器 中 都 可 以 有 统 一 的 样 式 动 画 播 放 速 度 快 ， 适 合 于 网 络 传 播 和 互 联 网 紧 密 结 合 ， 可 直 接 与 Web页 连 接 ， 适 合 制作 Flash站 点 多 媒 体 与 互 动 性 强 简 单 易 学 ， 普 及 性 强Flash 动 画 的 特 点 flash培 训 上 4 场 景 动 画 制 作 Flash 动 画 制 作 Flash 运 用 范 围 1、 网 站 动 画 ： 如 制 作 网 站 logo、 Flash Banner条 、 片头 动 画 等 2、 手 机 应 用 ： 手 机 屏 保 、 游 戏 等 3、 Flash 动 漫 与 MTV 4、 Flash 贺 卡 5、 Flash 游 戏 6、 Flash 网 站 7、 Flash 广 告 ： 其 短 小 精 悍 ， 适 合 网 络 传 输 8、 教 学 课 件 9、 多 媒 体 光 盘 flash培 训 上 5 一 、 flash软 件 基 本 操 作场 景 动 画 制 作 Flash 动 画 制 作 二 、 flash的 基 本 动 画 形 式三 、 元 件 与 库 的 使 用五 、 动 画 制 作 与 舞 台 场 景四 、 图 片 与 音 频 素 材Flash 动 画 制 作六 、 动 画 播 放 与 控 制七 、 常 用 的 Action语 言八 、 交 互 动 画 制 作九 、 作 品 分 析 flash培 训 上 6 Flash 动 画 制 作一 、 软 件 基 本 操 作1、 flash动 画 特 点2、 认 识 界 面 及 操 作 面 板3、 帧 与 时 间 轴4、 文 件 格 式 flash培 训 上 7动 画 文 件 选 项 卡 面板组 菜 单 栏主 工 具 栏工 具 箱 时间轴舞 台 flash培 训 上 8 Flash 动 画 制 作动 画 原 理 ： 提 到 动 画 ， 大 家 一 定 会 联 想 到 小 时 候 看 的卡 通 影 片 。 这 些 精 彩 的 卡 通 影 片 ， 都 是 事 先 绘制 好 一 帧 一 帧 的 连 续 动 作 的 图 片 ， 然 后 让 它 们连 续 播 放 ， 利 用 人 的 “ 视 觉 暂 留 ” 特 性 ， 在 大脑 中 形 成 了 动 画 效 果 。 Flash动 画 的 制 作 原 理 也 一 样 ， 它 是 把 绘制 出 来 的 对 像 放 到 一 格 格 的 帧 中 ， 然 后 进 行 播放 ， 从 而 产 生 动 画 效 果 。 flash培 训 上 9 Flash 动 画 制 作帧 ： 帧 是 形 成 动 画 最 基 本 的 时 间 单 位 ， 不 同的 帧 对 应 着 不 同 的 时 刻 。 在 逐 帧 动 画 中 ，需 要 在 每 一 个 帧 上 创 建 一 个 画 面 ， 画 面 随着 时 间 的 推 移 而 连 续 出 现 ， 形 成 动 画 ； 补间 动 画 只 需 确 定 动 画 起 点 帧 和 终 点 帧 的 画面 ， 而 中 间 部 分 的 画 面 由 Flash根 据 两 帧 的内 容 自 动 生 成 。 flash培 训 上 10 Flash 动 画 制 作 Flash中 关 键 帧 分 为 空 白 关 键 帧 、 关 键 帧 、普 通 帧 、 普 通 空 白 帧 4种“ 插 入 帧 ” 的 快 捷 键 F5 ；“ 删 除 帧 ” 的 快 捷 键 Shift+F5 ；“ 插 入 关 键 帧 ” 的 快 捷 键 F6 ；“ 插 入 空 白 关 键 帧 ” 的 快 捷 键 F7 ；“ 清 除 关 键 帧 ” 的 快 捷 键 Shift+F6 ； flash培 训 上 11 Flash 动 画 制 作时 间 轴 ： 它 是 Flash的 核 心 部 分 ， 主 要 用 于 组 织 动 画各 帧 中 的 内 容 ， 并 可 以 控 制 动 画 在 某 一 段 时 间内 显 示 的 内 容 。 时 间 轴 从 形 式 上 看 分 为 两 部 分： 左 侧 的 图 层 控 制 区 和 右 侧 的 帧 控 制 区 。 flash培 训 上 12 二 、 flash 的 基 本 动 画 形 式Flash 动 画 制 作1、 逐 帧 动 画 特 点 飘 动 的 窗 帘2、 形 状 补 间 动 画 制 作 变 形 剪 影3、 运 动 补 间 动 画（ 1） 运 动 渐 变 动 画 （ 2） 遮 罩 动 画 （ 3） 路 径 动 画4、 预 设 置 运 动 动 画 特 效 Flash是 一 个 制 作 动 画 的 软 件 ， 通 过 它 可 以 轻 松 的 制作 出 各 种 炫 目 的 动 画 效 果 。 Flash中 的 动 画 可 以 分 为 逐 帧动 画 、 动 作 补 间 动 画 、 形 状 补 间 动 画 、 遮 罩 动 画 、 引 导 层动 画 和 时 间 轴 特 效 动 画 6种 类 型 。 flash培 训 上 13 Flash 动 画 制 作逐 帧 动 画 特 点 由 于 逐 帧 动 画 每 一 帧 的 内 容 都 不 一 样 ， 因 此 制 作 是 较 为 繁 琐 ， 而且 输 出 的 文 件 比 较 大 ， 但 它 有 自 己 的 优 势 ， 并 具 有 非 常 大 的 灵 活 性 ，几 乎 可 以 表 现 任 何 想 表 现 的 内 容 ， 很 适 于 表 演 细 腻 的 动 画 ， 如 动 画 片中 的 人 物 走 路 、 转 身 以 及 做 各 种 动 作 。 创 建 逐 帧 动 画 的 方 法 :1、 导 入 静 态 图 片 ， 静 态 图 片 的 格 式 可 以 是 jpg、 png等 ；2、 直 接 在 每 一 帧 中 绘 制 绘 制 出 矢 量 图 形 ；3、 直 接 导 入 jpg、 gif序 列 图 像 ， 图 将 会 自 动 分 配 到 每 一 个 关 键 帧 中 。4、 导 入 swf动 画 ， 也 可 以 创 建 逐 帧 动 画 ， 或 者 可 以 导 入 第 3方 软 件（ 如 swish、 swift 3D等 ） 产 生 的 动 画 序 列 。 flash培 训 上 14 Flash 动 画 制 作形 状 补 间 动 画 形 状 补 间 动 画 也 是 Flash中 非 常 重 要 的 动 画 之 一 ， 利 用它 可 以 制 作 出 各 种 奇 妙 的 、 不 可 思 议 的 变 形 效 果 ， 如 动 物之 间 的 转 变 、 文 本 之 间 的 变 化 等 。 形 状 补 间 适 用 于 图 形 对 象 ， 可 以 在 两 个 关 键 帧 之 间 制 作出 变 形 效 果 ， 即 让 一 种 形 状 随 时 间 变 化 变 为 另 外 一 种 形 状 ，还 可 以 对 形 状 的 位 置 、 大 小 和 颜 色 进 行 渐 变 。 Flash可 以 对 放 置 在 一 个 层 上 的 多 个 形 状 进 行 形 变 ， 但通 常 一 个 层 上 只 放 一 个 形 状 会 产 生 较 好 的 效 果 。 利 用 形 状提 示 点 还 可 以 控 制 更 为 复 杂 和 不 规 则 形 状 的 变 化 。 flash培 训 上 15 Flash 动 画 制 作运 动 补 间 动 画 动 画 补 间 动 画 实 际 上 就 是 给 一 个 对 象 的 两 个 关键 帧 分 别 定 义 不 同 的 属 性 ， 如 位 置 、 颜 色 、 透 明 度 、角 度 等 ， 并 在 两 个 关 键 帧 之 间 建 立 一 种 变 化 关 系 ，即 补 间 动 画 关 系 。 构 成 动 画 补 间 的 元 素 为 “ 元 件 ” 或 “ 成 组 对象 ” ， 而 不 能 为 形 状 ， 只 有 将 形 状 “ 组 合 ” 或 者 转换 成 “ 元 件 ” 后 才 可 以 成 功 制 作 “ 动 画 补 间 动 画 ” 。 flash培 训 上 16 Flash 动 画 制 作遮 罩 动 画 在 Flash中 ， 图 层 有 一 种 遮 罩 图 层 。 想 象 一 下 ， 我们 现 在 正 透 过 窗 户 观 看 窗 外 的 美 景 ， 我 们 所 看 的 只 是窗 户 这 个 范 围 ， 其 他 的 景 物 都 被 墙 壁 遮 住 了 。 Flash中的 遮 罩 与 此 现 象 非 常 类 似 。 遮 罩 动 画 是 通 过 遮 罩 层 来 完 成 的 。 遮 罩 的 原 理 就是 将 某 层 作 为 遮 罩 ， 遮 罩 层 下 的 一 层 是 被 遮 罩 层 ， 而只 有 遮 罩 层 上 的 填 充 色 块 下 面 的 内 容 可 见 ， 色 块 本 身是 不 可 见 的 。 作 为 遮 罩 层 的 对 象 可 以 是 填 充 的 形 状 、文 字 对 象 、 图 形 元 件 和 影 片 剪 辑 元 件 。 flash培 训 上 17 flash培 训 上 18 Flash 动 画 制 作路 径 动 画 在 现 实 生 活 中 ， 有 很 多 运 动 轨 迹 是 圆 形 的 、 弧 形的 ， 甚 至 是 不 规 则 曲 线 的 ， 比 如 围 绕 太 阳 旋 转 的 行 星运 动 轨 迹 等 。 在 Flash中 我 们 可 以 通 过 引 导 层 动 画 来 实现 动 画 效 果 。 要 制 作 引 导 层 动 画 至 少 需 要 两 个 图 层 ， 一 是 引 导层 ， 在 这 个 图 层 中 有 一 条 辅 助 线 作 为 运 动 路 径 ， 引 导层 中 的 对 象 在 动 画 播 放 时 是 看 不 到 的 ； 二 是 被 引 导 层 ，用 于 放 置 沿 路 径 运 动 的 动 画 。 flash培 训 上 19 flash培 训 上 20 Flash 动 画 制 作遮 罩 动 画 路 径 动 画 在 Flash中 ， 图 层 有 一 种 遮 罩 图 层 。 想 象 一 下 ， 我们 现 在 正 透 过 窗 户 观 看 窗 外 的 美 景 ， 我 们 所 看 的 只 是窗 户 这 个 范 围 ， 其 他 的 景 物 都 被 墙 壁 遮 住 了 。 Flash中的 遮 罩 与 此 现 象 非 常 类 似 。 遮 罩 动 画 是 通 过 遮 罩 层 来 完 成 的 。 遮 罩 的 原 理 就是 将 某 层 作 为 遮 罩 ， 遮 罩 层 下 的 一 层 是 被 遮 罩 层 ， 而只 有 遮 罩 层 上 的 填 充 色 块 下 面 的 内 容 可 见 ， 色 块 本 身是 不 可 见 的 。 作 为 遮 罩 层 的 对 象 可 以 是 填 充 的 形 状 、文 字 对 象 、 图 形 元 件 和 影 片 剪 辑 元 件 。 flash培 训 上 21 Flash 动 画 制 作三 、 元 件 与 库 的 使 用1、 关 于 元 件2、 影 片 剪 辑 元 件3、 按 钮 元 件4、 图 形 元 件5、 元 件 动 画 制 作 贺 卡 动 画 执 行 菜 单 中 的 “ 插 入 新 建 元 件 ” 或 快 捷 键 Ctrl+F8 命 令 ，在 弹 出 “ 创 建 新 元 件 ” 对 话 框 中 输 入 名 称 ， 然 后 选 择 元 件 选 项 。 flash培 训 上 22 Flash 动 画 制 作关 于 元 件 元 件 是 一 种 可 重 复 使 用 的 对 象 ， 重 复 使 用 它 不 会增 加 文 件 的 大 小 ， 元 件 还 简 化 了 文 档 的 编 辑 。 当 编 辑元 件 时 ， 该 元 件 的 所 有 实 例 都 相 应 地 更 新 以 反 映 编 辑 。元 件 的 另 一 个 好 处 是 使 用 它 们 可 以 创 建 完 善 的 交 互 性 。元 件 共 分 为 3种 ： 图 形 、 按 钮 和 影 片 剪 辑 . flash培 训 上 23 Flash 动 画 制 作影 片 剪 辑 元 件 影 片 剪 辑 是 位 于 影 片 中 的 小 影 片 。 可 以 在 影片 剪 辑 片 段 中 增 加 动 画 、 动 作 、 声 音 、 其 他 元 件设 置 及 其 他 的 影 片 片 断 。 影 片 剪 辑 有 自 己 的 时 间轴 ， 其 运 行 独 立 于 主 时 间 轴 。 与 图 形 元 件 不 同 ，影 片 剪 辑 只 需 要 在 主 时 间 轴 中 放 置 单 一 的 关 键 帧就 可 以 启 动 播 放 。 flash培 训 上 24 Flash 动 画 制 作按 钮 元 件 按 钮 实 际 上 是 四 帧 的 交 互 影 片 剪 辑 。 当 为 元 件 选 择按 钮 行 为 时 ， Flash 会 创 建 一 个 四 帧 的 时 间 轴 。 前 三 帧显 示 按 钮 的 3种 可 能 状 态 ； 第 四 帧 定 义 按 钮 的 活 动 区 域 。此 时 的 时 间 轴 实 际 上 并 不 播 放 ， 它 只 是 对 指 针 运 动 和 动作 做 出 反 应 ， 跳 到 相 应 的 帧 。 flash培 训 上 25 Flash 动 画 制 作图 形 元 件 图 形 元 件 是 一 种 最 简 单 的 Flash元 件 。 使 用 这 种 元件 来 处 理 静 态 图 片 和 动 画 。 注 意 ， 图 形 元 件 中 的 动 画 是受 主 时 间 轴 控 制 的 。 同 时 ， 动 作 和 声 音 在 图 形 元 件 中 不能 正 常 工 作 。 flash培 训 上 26 Flash 动 画 制 作库 的 使 用在 库 中 调 用 元 件1） 执 行 菜 单 中 的 “ 窗 口 库 ”或 快 捷 键 Ctrl+L 命 令 ， 调 出库 面 板 ， 如 图 。2） 利 用 库 找 到 并 选 中 希 望 加 入到 影 片 中 去 的 元 件 。3） 将 元 件 拖 动 到 工 作 区 中 即 可 。 flash培 训 上 27 Flash 动 画 制 作四 、 图 片 与 音 频 素 材1、 文 件 的 导 入2、 文 件 格 式3、 图 片 编 辑 与 使 用4、 音 频 编 辑 与 流 媒 体 flash培 训 上 28 Flash 动 画 制 作图 片 与 音 视 频 文 件 格 式1、 图 片 文 件 的 导 入 :ai、 jpg、 png、 gif、 psd、bmp等2、 音 频 文 件 : MP3、 wav为 主3、 视 频 文 件 :主 要 有 avi、 dv、 mpg、 mpeg、wmv、 flv、 mov flash培 训 上 29 Flash 动 画 制 作Flash中 的 音 频Flash的 音 频 有 两 种 形 式 ：1、 事 件 声 音 ： 事 件 声 音 必 须 完 全 下 载 后 才能 开 始 播 放 ， 文 件 大 ， 动 画 停 止 声 音 也 会持 续 播 放 ， 除 非 给 予 命 令 才 会 停 止2、 数 据 流 ： 提 前 下 载 几 帧 就 可 以 播 放 ， 并且 与 动 画 时 间 轴 同 步 ， 易 控 制 。 flash培 训 上 30 Flash 动 画 制 作Flash中 的 音 频Flash的 音 频 有 两 种 形 式 ：1、 事 件 声 音 ： 事 件 声 音 必 须完 全 下 载 后 才 能 开 始 播 放 ，文 件 大 ， 动 画 停 止 声 音 也会 持 续 播 放 ， 除 非 给 予 命令 才 会 停 止2、 数 据 流 ： 提 前 下 载 几 帧就 可 以 播 放 ， 并 且 与 动 画时 间 轴 同 步 ， 易 控 制 。 flash培 训 上 31 Flash 动 画 制 作五 、 动 画 制 作 与 舞 台 场 景1、 舞 台 与 后 台2、 图 层 与 场 景 的 使 用3、 动 画 制 作 与 测 试4、 制 作 动 画 的 规 律 和 要 求5、 制 作 情 景 动 画 flash培 训 上 32 Flash 动 画 制 作图 层1） 单 击 “ 时 间 轴 ” 面 板 下 方 的 （ 插 入 图 层 ） 按 钮 ， 可 新 增 一 个 图 层 。2） 单 击 “ 时 间 轴 ” 面 板 下 方 的 （ 添 加 运 动 导 引 层 ） 按 钮 ， 可 新 增 一 个运 动 导 引 层 。3） 单 击 “ 时 间 轴 ” 面 板 下 方 的 （ 插 入 图 层 文 件 夹 ） 按 钮 ， 可 新 增 一 个 图 层 文 件 夹 ， 其 中 可 以 包 含 若 干 个 图 层 。 用 于 控 制 图 层 中 对 象 的 可 视 性 图 层 的 锁 定 ， 被 锁 定 图 层 不 能 编 辑 图 层 中 的 对 象 是 否 只 显 示 轮 廓 线注 ： 图 层 一 定 要 命 名 flash培 训 上 33 Flash 动 画 制 作场 景 的 使 用 在 制 作 比 较 复 杂 的 动 画 时 ， 可 以 将 动 画 分 为 若 干 个 场 景 ，然 后 再 进 行 组 合 ， Flash会 根 据 场 景 的 先 后 顺 序 进 行 播 放 ， 此 外 ，我 们 还 可 以 利 用 动 作 脚 本 实 现 不 同 场 景 间 的 跳 转 。 执 行 菜 单 中 的 “ 窗 口 /其 他 面 板 /场 景 ” 命 令 ， 可 以 调 出 “ 场景 ” 面 板 ： “场 景 ” 面 板 复 制 场 景 添 加 场 景 flash培 训 上 34 Flash 动 画 制 作动 画 镜 头镜 头 基 本 位 置 ： Flash 动 画 中 ， 一 般 有 鸟 瞰 、 俯 视、 平 视 、 仰 视 以 及 倾 斜 镜 头 5种 镜 头 位 置， 了 解 镜 头 的 拍 摄 位 置 是 处 理 好 镜 头 表 现效 果 的 基 础 条 件 。 常 用 的 运 动 镜 头 ： 推 镜 头 、 拉 镜 头 、 摇 镜 头 、 移 镜 头 、升 /降 镜 头 flash培 训 上 35 Flash 动 画 制 作取 景 方 式 ： 景 别 ： 是 指 角 色 对 象 和 画 面 在 屏 幕框 架 结 构 中 所 呈 现 出 的 大 小 和 范 围 远 景 、 全 景 、 中 景 、 近 景 、 特 写 flash培 训 上 36 Flash 动 画 制 作六 、 常 用 的 Action语 言 命 令1、 stop 停 止2、 play 播 放3、 goto 跳 转4、 get URL 获 取 地 址 flash培 训 上 37 Flash 动 画 制 作七 、 动 画 播 放 与 控 制1、 停 止 与 定 格 stop2、 帧 与 按 钮 的 设 置3、 play播 放 命 令 的 设 置 flash培 训 上 38 Flash 动 画 制 作八 、 交 互 动 画 制 作 用 提 供 的 范 例 模 式 ， 制 作 交 互 动 画 ，主 要 训 练 交 互 命 令 的 使 用 ， 图 形 动 画 的合 成 能 力 。名 称 自 定 ， 可 以 是 “ 我 的 图 馆 ” “ 图 书角 ” “ 收 藏 阁 ” 等 等 ， 也 可 以 做 成 教 学课 件 。 flash培 训 上 39 Flash 动 画 制 作九 、 作 品 赏 析1、 学 生 比 赛 作 品2、 优 秀 动 画 作 品3、 学 员 作 品 flash培 训 上 40