《《Flash01Flash概述》PPT課件》由會員分享，可在線閱讀，更多相關《《Flash01Flash概述》PPT課件（36頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、動 畫 制 作 大 學 教 程Flash Flash簡 介 Flash功 能 強 大 ， 被 廣 泛 地 使 用 在 網(wǎng) 頁 動 畫 創(chuàng) 作 中 。 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

2、 (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， 語 言 的 系 統(tǒng) 結 構 完 全 改 變 ， 支 持 即 時 編 譯

3、 。 第 1章 Flash概 述1.2 Flash 的 操 作 界 面1.3 文 檔 基 本 操 作1.4 預 覽 和 發(fā) 布1.5 快 速 體 驗 實 踐 Flash的 應 用 領 域1.1 小 結 隨 著 Flash技 術 的 不 斷 發(fā) 展 和 普 及 ， 它 也被 應 用 到 了 越 來 越 多 的 領 域 中 。 2賀卡賀 卡 可 以 通 過 藝 術 手 法 和 述 事 手 法 來 展 現(xiàn) 。 3網(wǎng)頁設計 網(wǎng) 上 測 試 網(wǎng) 頁 ， 可 以 實 現(xiàn) 具 有 交 互 性 的 網(wǎng)頁 界 面 ， 訪 問 者 可 以 使 用 這 個 網(wǎng) 頁 來 進 行 有 趣的 性 格 測 試 。 4動畫短

4、片 動 畫 短 片 有 它 獨 特 的 優(yōu) 點 ， 豐 富 的 想 象 力 、夸 張 的 動 作 與 表 情 ， 以 及 幽 默 的 行 為 和 語 言 ，都 可 以 用 Flash來 表 現(xiàn) 。 5教學課件 大 量 的 課 件 制 作 工 具 脫 穎 而 出 ， Flash就是 其 中 之 一 。 6音樂動畫 音 樂 是 人 類 世 界重 要 的 藝 術 形 式 。然 而 ， 人 們 往 往 不滿 足 于 聽 覺 上 的 感受 ， 而 是 進 一 步 尋求 視 覺 與 聽 覺 的 結合 ， 音 樂 動 畫 (MV)便 應 運 而 生 。 7游戲游 戲 也 是 Flash的 一 大 應 用 領

5、 域 。 舞 臺 面 板 菜 單 工 具 欄 1.2.2舞臺舞 臺 是 用 于 放 置 圖 形 內 容 的 矩 形 區(qū) 域 ， 這 些 圖 形 內 容 包 括 矢量 插 圖 、 文 本 框 、 按 鈕 和 導 入 的 位 圖 圖 形 或 視 頻 剪 輯 。 Flash創(chuàng) 作 環(huán) 境 中 的 舞 臺 相 當 于 在 Flash播 放 器 中 顯 示Flash文 檔 的 矩 形 空 間 。 舞 臺 面 板 菜 單 工 具 欄 1.2.3工具欄 工 具 欄 也 稱 為 “ 作 圖 工 具 欄 ” 。 工 具 欄 中 的 工具 可 以 用 于 繪 制 、 涂 色 、 選 擇 和 修 改 插 圖 ， 并

6、 可 以 更改 舞 臺 的 視 圖 。 工 具 欄 分 為 以 下 4個 部 分 。 “ 工 具 ” 區(qū) 域 “ 查 看 ” 區(qū) 域 “ 顏 色 ” 區(qū) 域 “ 選 項 ” 區(qū) 域 舞 臺 面 板 菜 單 工 具 欄 1.2.3工具欄 “ 工 具 ” 區(qū) 域 ： 包 含 繪 畫 、 涂 色 和 選擇 工 具 ， 這 個 區(qū) 域 特 別 常 用 。 “ 查 看 ” 區(qū) 域 ： 包 含 在 應 用 程 序 窗 口內 進 行 縮 放 和 移 動 的 工 具 。 “ 顏 色 ” 區(qū) 域 ： 包 含 用 于 筆 觸 顏 色 和填 充 顏 色 的 功 能 鍵 ?！?選 項 ” 區(qū) 域 ： 顯 示 選 定

7、工 具 的 組 合鍵 ， 這 些 組 合 鍵 會 影 響 工 具 的 涂 色 或 編輯 操 作 。 使 用 菜 單 命 令 “ 窗 口 工 具 ” 或 者 組 合 鍵 “ Ctrl+F2”可 以 顯 示 或 隱 藏 工 具 欄 。 1.2.4面板 Flash提 供 了 多 種 面 板 ， 每 個 面 板 對 應 于一 個 功 能 模 塊 。 面 板 可 以 展 開 或 折 疊 ， 并 可 以通 過 面 板 上 的 功 能 菜 單 進 一 步 使 用 擴 展 功 能 。 完 成 動 畫 后 ， 可 以 把 生 成 的 動 畫 導 出 為Shockwave Flash的 壓 縮 格 式 文 件 ，

8、 后 綴 名 為“ .swf” ， 也 可 以 把 它 出 版 為 電 影 。 Flash可 以 自 動 生 成 網(wǎng) 頁 瀏 覽 器 支 持 的HTML文 件 ， 當 然 ， 也 可 以 導 出 給 Dreamweaver之 類 的 專 門 創(chuàng) 建 HTML文 檔 的 編 輯 器 。 1.3.1播放Shockwave Flash文件 播 放 Flash文 件 的 方 法 有 以 下 3種 。 方 法 一 ： 選 擇 主 菜 單 的 “ 控 制 測 試影 片 ” 命 令 。 方 法 二 ： 可 以 選 擇 主 菜 單 的 “ 窗 口 工 具 欄 控 制 器 ” 命 令 ， 打 開 “ 控 制 器

9、 ” 工 具欄 ， 并 單 擊 按 鈕 開 始 。 方 法 三 ： 按 Ctrol+Enter鍵 ， 該 動 畫 的各 個 場 景 會 像 電 影 一 樣 順 序 播 放 出 來 。 1.3.2測試與發(fā)布 如 果 要 測 試 動 畫 效 果 ， 可 以 使 用 菜 單 命 令“ 控 制 測 試 影 片 ” 或 者 組 合 鍵 “ Ctrl+Enter”進 行 測 試 。 這 樣 不 但 可 以 查 看 動 畫 效 果 ， 還 可 以 運 行影 片 中 的 測 試 代 碼 。 1.運 行 Flash 8，在 “ 開 始 ” 頁 面的 “ 創(chuàng) 建 新 項 目 ”區(qū) 域 中 ， 單 擊“ Flash

10、文 檔 ” 項目 ， 創(chuàng) 建 一 個 新的 文 檔 。 2.在 正 式 制 作 動畫 前 ， 要 先 確 定文 檔 的 全 局 屬 性 。使 用 菜 單 命 令“ 修 改 文 檔 ” ，打 開 “ 文 檔 屬 性 ”對 話 框 。 將 “ 尺寸 ” 設 置 為400px 300px，背 景 顏 色 設 置 為白 色 ， “ 幀 頻 ”為 12fps。 3.使 用 菜 單 命 令“ 文 件 保 存 ”將 文 檔 保 存 起 來 。默 認 的 文 檔 類 型為 “ .fla” 是Flash文 檔 的 標 準后 綴 。 4.使 用 菜 單 命 令 “ 窗 口 時 間 軸 ” 可 以 打 開 動 畫

11、制作 的 重 要 工 具時 間 軸 。 它 分 為 兩 個 區(qū) 域 ， 左 邊 的區(qū) 域 是 圖 層 區(qū) ， 用 于 管 理 圖 層 ； 右 邊 的 區(qū) 域 是 幀 區(qū) ，用 于 管 理 幀 ， 帶 有 空 心 的 圓 圈 表 示 這 個 幀 還 沒 有 任何 內 容 。 5.在 工 具 欄 中 ， 單 擊 “ 橢 圓 ” 根 據(jù) 按 鈕 ， 將 鼠 標 移動 到 舞 臺 的 左 上 部 ， 指 針 形 狀 變 成 一 個 黑 色 的 十 字 ，這 時 按 住 鼠 標 左 鍵 拖 動 ， 可 以 繪 制 橢 圓 。 釋 放 鼠 標左 鍵 ， 可 以 看 到 在 舞 臺 上 出 現(xiàn) 了 繪 制

12、的 橢 圓 。 6.這 時 觀 察 時 間 軸 ， 可 以 看 到 原 來 幀 中 的 空 心 圓 圈變 成 了 實 心 圓 ， 表 示 該 幀 已 經(jīng) 有 了 內 容 。 這 個 幀 將成 為 動 畫 的 起 始 點 ， 成 為 “ 起 始 幀 ” 。 7.完 成 了 動 畫 的 初始 狀 態(tài) ， 還 要 繪 制動 畫 的 結 束 狀 態(tài) 。在 時 間 軸 單 擊 第 12幀 ， 將 其 選 中 ， 使用 菜 單 命 令 “ 插 入 時 間 軸 空 白 關 鍵幀 ” ， 即 可 插 入 一個 空 白 關 鍵 幀 。 幀 分 為 “ 關 鍵 幀 ” 和 “ 普 通 幀 ” 。 關 鍵 幀 可

13、以 原 來 存 放 程 序 代 碼 和 舞 臺 上 的對 象 ， 可 以 當 作 動 畫 的 起 始 點 和 結 束 點 。 普 通 幀 只 能 用 來 延 長 關 鍵 幀 內 容 的 顯 示 時間 。 8.設 置 結 束 幀 的 內容 。 單 擊 第 12幀 ，將 其 選 中 ， 在 工 具欄 中 ， 按 住 “ 矩 形 ”工 具 的 圖 標 ， 幾 秒鐘 后 即 可 彈 出 擴 展列 表 ， 在 其 中 選 擇“ 多 角 星 形 ” 工 具 。 9.設 置 “ 多 角 星 形 ” 工 具 的 屬 性 ， 需 要 另 一 個 重要 的 工 具“ 屬 性 ” 面 板 。 使 用 菜 單 命 令

14、 “ 窗 口 屬 性 屬 性 ” 可 以 打 開 “ 屬 性 ” 面 板 ， 單 擊 面 板 上的 “ 選 項 ” 按 鈕 可 以 進 行 選 項 設 置 。 10.在 彈 出 的 “ 工 具 設 置 ” 對 話 框 中 ， 將 “ 樣 式 ”設 置 為 “ 星 形 ” ， 將 “ 邊 數(shù) ” 設 置 為 “ 5” ， 將 “ 星形 定 點 大 小 ” 設 置 為 “ 0.5” ， 然 后 ， 在 舞 臺 的 右 下部 按 住 鼠 標 左 鍵 拖 動 ， 可 以 繪 制 出 一 個 五 角 星 。 11.創(chuàng) 建 動 畫 。 動 畫 是 通 過 起 始 幀 的 屬 性 來 設 定 的 。在 時

15、間 軸 中 單 擊 第 1幀 ， 將 其 選 中 ， 打 開 “ 屬 性 ”面 板 。 12.在 幀 的 “ 屬 性 ” 面 板 中 ， 將 “ 補 間 ” 的 內 容 設置 為 “ 形 狀 ” 。 13.觀 察 時 間 軸 ， 可 以 看 到 從 起 始 幀 到 結 束 幀 之 間 出現(xiàn) 了 一 條 箭 頭 ， 同 時 幀 的 背 景 顏 色 變 成 了 淡 綠 色 ， 這是 形 狀 補 間 動 畫 成 功 創(chuàng) 建 的 標 準 。 14.使 用 菜 單 命 令 “ 控 制 測 試 影 片 ” ， 可 以 測 試 動 畫效 果 。 可 以 看 到 舞 臺 上 的 圓 形 逐 漸 變 成 一 個

16、 五 角 星 ，同 時 移 動 到 舞 臺 的 右 下 方 。 這 樣 就 完 成 了 動 畫 的 制 作 . 15. 在 計 算 機 中 找 到 保 存 這 個 文 件 的 文 件 夾 ，可 以 看 到 ， 除 了 “ 我 的 動 畫 .fla”， 還 新 產(chǎn)生 了 一 個 “ 我 的 動 畫 .swf”， 以 及 一 個 “ 我的 動 畫 .html”， 其 中 “ 我 的 動 畫 .swf”文 件就 是 最 終 產(chǎn) 生 的 成 果 文 件 ， 該 文 件 很 小 ，適 于 在 網(wǎng) 絡 上 傳 播 ， 而 “ 我 動 畫 .html”文件 則 是 一 個 網(wǎng) 頁 文 件 ， 畫 面 嵌 入 了 這 個 動畫 文 件 ， 可 以 使 用 瀏 覽 器 打 開 網(wǎng) 頁 觀 看 效果 。 本 章 介 紹 了 Flash 8的 基 礎 知 識 、 用 途 、操 作 界 面 ， 菜 單 欄 、 舞 臺 和 面 板 等 工 具 的 基 本功 能 和 使 用 方 法 、 文 檔 的 基 本 操 作 、 Flash文檔 創(chuàng) 建 、 保 存 、 打 開 和 關 閉 。 最 后 介 紹 了 制 作 一 個 動 畫 的 基 本 過 程 ， 使讀 者 對 Flash有 一 個 直 觀 的 認 識 。