《Flash01Flash概述》PPT課件

《《Flash01Flash概述》PPT課件》由會(huì)員分享，可在線閱讀，更多相關(guān)《《Flash01Flash概述》PPT課件（36頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、動(dòng) 畫 制 作 大 學(xué) 教 程Flash Flash簡 介 Flash功 能 強(qiáng) 大 ， 被 廣 泛 地 使 用 在 網(wǎng) 頁 動(dò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升 級(jí) 為ActionScript 2， 支 持 的 語 言 特 性 更 強(qiáng) 。 2007后 為 更 新 為ActionScript 3， 語 言 的 系 統(tǒng) 結(jié) 構(gòu) 完 全 改 變 ， 支 持 即 時(shí) 編 譯

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

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

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

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

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

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

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

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

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

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

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

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

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

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