《Flash01Flash概述》PPT课件

动 画 制 作 大 学 教 程Flash Flash简 介 Flash功 能 强 大 ， 被 广 泛 地 使 用 在 网 页 动 画 创 作 中 。 FutureSplash Animator (1995) (Flash 3的 前 身 ) Flash 1 (1996-11) Flash 2 (1997-6) Flash 3 (1998-5-31) Flash 4 (1999-6-15) Flash 5 (2000-8-24) Flash MX (2002-3-15) Flash MX 2004 (2003-9-10)、 Flash MX 2004 Pro (2003-9-10) Flash 8 (2005-9-13) 、 Flash 8 Pro (2005-9-13) Flash CS3(2007) (Adobe收 购 Macromedia后 ， 首 次 推 出 的 版 本 ) Flash CS4(2008-9-10) Flash CS5(2010-3-29) （ 目 前 最 新 版 本 ） 此 外 ， 脚 本 方 面 ： Flash5以 后 ， ActionScript 1升 级 为ActionScript 2， 支 持 的 语 言 特 性 更 强 。 2007后 为 更 新 为ActionScript 3， 语 言 的 系 统 结 构 完 全 改 变 ， 支 持 即 时 编 译 。 第 1章 Flash概 述1.2 Flash 的 操 作 界 面1.3 文 档 基 本 操 作1.4 预 览 和 发 布1.5 快 速 体 验 实 践 Flash的 应 用 领 域1.1 小 结 随 着 Flash技 术 的 不 断 发 展 和 普 及 ， 它 也被 应 用 到 了 越 来 越 多 的 领 域 中 。 2贺卡贺 卡 可 以 通 过 艺 术 手 法 和 述 事 手 法 来 展 现 。 3网页设计 网 上 测 试 网 页 ， 可 以 实 现 具 有 交 互 性 的 网页 界 面 ， 访 问 者 可 以 使 用 这 个 网 页 来 进 行 有 趣的 性 格 测 试 。 4动画短片 动 画 短 片 有 它 独 特 的 优 点 ， 丰 富 的 想 象 力 、夸 张 的 动 作 与 表 情 ， 以 及 幽 默 的 行 为 和 语 言 ，都 可 以 用 Flash来 表 现 。 5教学课件 大 量 的 课 件 制 作 工 具 脱 颖 而 出 ， Flash就是 其 中 之 一 。 6音乐动画 音 乐 是 人 类 世 界重 要 的 艺 术 形 式 。然 而 ， 人 们 往 往 不满 足 于 听 觉 上 的 感受 ， 而 是 进 一 步 寻求 视 觉 与 听 觉 的 结合 ， 音 乐 动 画 (MV)便 应 运 而 生 。 7游戏游 戏 也 是 Flash的 一 大 应 用 领 域 。 舞 台 面 板 菜 单 工 具 栏 1.2.2舞台舞 台 是 用 于 放 置 图 形 内 容 的 矩 形 区 域 ， 这 些 图 形 内 容 包 括 矢量 插 图 、 文 本 框 、 按 钮 和 导 入 的 位 图 图 形 或 视 频 剪 辑 。 Flash创 作 环 境 中 的 舞 台 相 当 于 在 Flash播 放 器 中 显 示Flash文 档 的 矩 形 空 间 。 舞 台 面 板 菜 单 工 具 栏 1.2.3工具栏 工 具 栏 也 称 为 “ 作 图 工 具 栏 ” 。 工 具 栏 中 的 工具 可 以 用 于 绘 制 、 涂 色 、 选 择 和 修 改 插 图 ， 并 可 以 更改 舞 台 的 视 图 。 工 具 栏 分 为 以 下 4个 部 分 。 “ 工 具 ” 区 域 “ 查 看 ” 区 域 “ 颜 色 ” 区 域 “ 选 项 ” 区 域 舞 台 面 板 菜 单 工 具 栏 1.2.3工具栏 “ 工 具 ” 区 域 ： 包 含 绘 画 、 涂 色 和 选择 工 具 ， 这 个 区 域 特 别 常 用 。 “ 查 看 ” 区 域 ： 包 含 在 应 用 程 序 窗 口内 进 行 缩 放 和 移 动 的 工 具 。 “ 颜 色 ” 区 域 ： 包 含 用 于 笔 触 颜 色 和填 充 颜 色 的 功 能 键 。“ 选 项 ” 区 域 ： 显 示 选 定 工 具 的 组 合键 ， 这 些 组 合 键 会 影 响 工 具 的 涂 色 或 编辑 操 作 。 使 用 菜 单 命 令 “ 窗 口 工 具 ” 或 者 组 合 键 “ Ctrl+F2”可 以 显 示 或 隐 藏 工 具 栏 。 1.2.4面板 Flash提 供 了 多 种 面 板 ， 每 个 面 板 对 应 于一 个 功 能 模 块 。 面 板 可 以 展 开 或 折 叠 ， 并 可 以通 过 面 板 上 的 功 能 菜 单 进 一 步 使 用 扩 展 功 能 。 完 成 动 画 后 ， 可 以 把 生 成 的 动 画 导 出 为Shockwave Flash的 压 缩 格 式 文 件 ， 后 缀 名 为“ .swf” ， 也 可 以 把 它 出 版 为 电 影 。 Flash可 以 自 动 生 成 网 页 浏 览 器 支 持 的HTML文 件 ， 当 然 ， 也 可 以 导 出 给 Dreamweaver之 类 的 专 门 创 建 HTML文 档 的 编 辑 器 。 1.3.1播放Shockwave Flash文件 播 放 Flash文 件 的 方 法 有 以 下 3种 。 方 法 一 ： 选 择 主 菜 单 的 “ 控 制 测 试影 片 ” 命 令 。 方 法 二 ： 可 以 选 择 主 菜 单 的 “ 窗 口 工 具 栏 控 制 器 ” 命 令 ， 打 开 “ 控 制 器 ” 工 具栏 ， 并 单 击 按 钮 开 始 。 方 法 三 ： 按 Ctrol+Enter键 ， 该 动 画 的各 个 场 景 会 像 电 影 一 样 顺 序 播 放 出 来 。 1.3.2测试与发布 如 果 要 测 试 动 画 效 果 ， 可 以 使 用 菜 单 命 令“ 控 制 测 试 影 片 ” 或 者 组 合 键 “ Ctrl+Enter”进 行 测 试 。 这 样 不 但 可 以 查 看 动 画 效 果 ， 还 可 以 运 行影 片 中 的 测 试 代 码 。 1.运 行 Flash 8，在 “ 开 始 ” 页 面的 “ 创 建 新 项 目 ”区 域 中 ， 单 击“ Flash文 档 ” 项目 ， 创 建 一 个 新的 文 档 。 2.在 正 式 制 作 动画 前 ， 要 先 确 定文 档 的 全 局 属 性 。使 用 菜 单 命 令“ 修 改 文 档 ” ，打 开 “ 文 档 属 性 ”对 话 框 。 将 “ 尺寸 ” 设 置 为400px 300px，背 景 颜 色 设 置 为白 色 ， “ 帧 频 ”为 12fps。 3.使 用 菜 单 命 令“ 文 件 保 存 ”将 文 档 保 存 起 来 。默 认 的 文 档 类 型为 “ .fla” 是Flash文 档 的 标 准后 缀 。 4.使 用 菜 单 命 令 “ 窗 口 时 间 轴 ” 可 以 打 开 动 画 制作 的 重 要 工 具时 间 轴 。 它 分 为 两 个 区 域 ， 左 边 的区 域 是 图 层 区 ， 用 于 管 理 图 层 ； 右 边 的 区 域 是 帧 区 ，用 于 管 理 帧 ， 带 有 空 心 的 圆 圈 表 示 这 个 帧 还 没 有 任何 内 容 。 5.在 工 具 栏 中 ， 单 击 “ 椭 圆 ” 根 据 按 钮 ， 将 鼠 标 移动 到 舞 台 的 左 上 部 ， 指 针 形 状 变 成 一 个 黑 色 的 十 字 ，这 时 按 住 鼠 标 左 键 拖 动 ， 可 以 绘 制 椭 圆 。 释 放 鼠 标左 键 ， 可 以 看 到 在 舞 台 上 出 现 了 绘 制 的 椭 圆 。 6.这 时 观 察 时 间 轴 ， 可 以 看 到 原 来 帧 中 的 空 心 圆 圈变 成 了 实 心 圆 ， 表 示 该 帧 已 经 有 了 内 容 。 这 个 帧 将成 为 动 画 的 起 始 点 ， 成 为 “ 起 始 帧 ” 。 7.完 成 了 动 画 的 初始 状 态 ， 还 要 绘 制动 画 的 结 束 状 态 。在 时 间 轴 单 击 第 12帧 ， 将 其 选 中 ， 使用 菜 单 命 令 “ 插 入 时 间 轴 空 白 关 键帧 ” ， 即 可 插 入 一个 空 白 关 键 帧 。 帧 分 为 “ 关 键 帧 ” 和 “ 普 通 帧 ” 。 关 键 帧 可 以 原 来 存 放 程 序 代 码 和 舞 台 上 的对 象 ， 可 以 当 作 动 画 的 起 始 点 和 结 束 点 。 普 通 帧 只 能 用 来 延 长 关 键 帧 内 容 的 显 示 时间 。 8.设 置 结 束 帧 的 内容 。 单 击 第 12帧 ，将 其 选 中 ， 在 工 具栏 中 ， 按 住 “ 矩 形 ”工 具 的 图 标 ， 几 秒钟 后 即 可 弹 出 扩 展列 表 ， 在 其 中 选 择“ 多 角 星 形 ” 工 具 。 9.设 置 “ 多 角 星 形 ” 工 具 的 属 性 ， 需 要 另 一 个 重要 的 工 具“ 属 性 ” 面 板 。 使 用 菜 单 命 令 “ 窗 口 属 性 属 性 ” 可 以 打 开 “ 属 性 ” 面 板 ， 单 击 面 板 上的 “ 选 项 ” 按 钮 可 以 进 行 选 项 设 置 。 10.在 弹 出 的 “ 工 具 设 置 ” 对 话 框 中 ， 将 “ 样 式 ”设 置 为 “ 星 形 ” ， 将 “ 边 数 ” 设 置 为 “ 5” ， 将 “ 星形 定 点 大 小 ” 设 置 为 “ 0.5” ， 然 后 ， 在 舞 台 的 右 下部 按 住 鼠 标 左 键 拖 动 ， 可 以 绘 制 出 一 个 五 角 星 。 11.创 建 动 画 。 动 画 是 通 过 起 始 帧 的 属 性 来 设 定 的 。在 时 间 轴 中 单 击 第 1帧 ， 将 其 选 中 ， 打 开 “ 属 性 ”面 板 。 12.在 帧 的 “ 属 性 ” 面 板 中 ， 将 “ 补 间 ” 的 内 容 设置 为 “ 形 状 ” 。 13.观 察 时 间 轴 ， 可 以 看 到 从 起 始 帧 到 结 束 帧 之 间 出现 了 一 条 箭 头 ， 同 时 帧 的 背 景 颜 色 变 成 了 淡 绿 色 ， 这是 形 状 补 间 动 画 成 功 创 建 的 标 准 。 14.使 用 菜 单 命 令 “ 控 制 测 试 影 片 ” ， 可 以 测 试 动 画效 果 。 可 以 看 到 舞 台 上 的 圆 形 逐 渐 变 成 一 个 五 角 星 ，同 时 移 动 到 舞 台 的 右 下 方 。 这 样 就 完 成 了 动 画 的 制 作 . 15. 在 计 算 机 中 找 到 保 存 这 个 文 件 的 文 件 夹 ，可 以 看 到 ， 除 了 “ 我 的 动 画 .fla”， 还 新 产生 了 一 个 “ 我 的 动 画 .swf”， 以 及 一 个 “ 我的 动 画 .html”， 其 中 “ 我 的 动 画 .swf”文 件就 是 最 终 产 生 的 成 果 文 件 ， 该 文 件 很 小 ，适 于 在 网 络 上 传 播 ， 而 “ 我 动 画 .html”文件 则 是 一 个 网 页 文 件 ， 画 面 嵌 入 了 这 个 动画 文 件 ， 可 以 使 用 浏 览 器 打 开 网 页 观 看 效果 。 本 章 介 绍 了 Flash 8的 基 础 知 识 、 用 途 、操 作 界 面 ， 菜 单 栏 、 舞 台 和 面 板 等 工 具 的 基 本功 能 和 使 用 方 法 、 文 档 的 基 本 操 作 、 Flash文档 创 建 、 保 存 、 打 开 和 关 闭 。 最 后 介 绍 了 制 作 一 个 动 画 的 基 本 过 程 ， 使读 者 对 Flash有 一 个 直 观 的 认 识 。