《flash培訓(xùn)上課件》由會員分享，可在線閱讀，更多相關(guān)《flash培訓(xùn)上課件（40頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、flash培 訓(xùn) 上 1 flash培 訓(xùn) 上 2Flash 動 畫 制 作 講 課 ： 王 巧 星2012-2-21 flash培 訓(xùn) 上 3 場 景 動 畫 制 作 Flash 動 畫 制 作 采 用 了 矢 量 技 術(shù) ， 體 積 小 播 放 插 件 很 小 通 用 性 好 ， 在 各 種 瀏 覽 器 中 都 可 以 有 統(tǒng) 一 的 樣 式 動 畫 播 放 速 度 快 ， 適 合 于 網(wǎng) 絡(luò) 傳 播 和 互 聯(lián) 網(wǎng) 緊 密 結(jié) 合 ， 可 直 接 與 Web頁 連 接 ， 適 合 制作 Flash站 點 多 媒 體 與 互 動 性 強 簡 單 易 學(xué) ， 普 及 性 強Flash 動 畫

2、 的 特 點 flash培 訓(xùn) 上 4 場 景 動 畫 制 作 Flash 動 畫 制 作 Flash 運 用 范 圍 1、 網(wǎng) 站 動 畫 ： 如 制 作 網(wǎng) 站 logo、 Flash Banner條 、 片頭 動 畫 等 2、 手 機 應(yīng) 用 ： 手 機 屏 保 、 游 戲 等 3、 Flash 動 漫 與 MTV 4、 Flash 賀 卡 5、 Flash 游 戲 6、 Flash 網(wǎng) 站 7、 Flash 廣 告 ： 其 短 小 精 悍 ， 適 合 網(wǎng) 絡(luò) 傳 輸 8、 教 學(xué) 課 件 9、 多 媒 體 光 盤 flash培 訓(xùn) 上 5 一 、 flash軟 件 基 本 操 作場 景

3、 動 畫 制 作 Flash 動 畫 制 作 二 、 flash的 基 本 動 畫 形 式三 、 元 件 與 庫 的 使 用五 、 動 畫 制 作 與 舞 臺 場 景四 、 圖 片 與 音 頻 素 材Flash 動 畫 制 作六 、 動 畫 播 放 與 控 制七 、 常 用 的 Action語 言八 、 交 互 動 畫 制 作九 、 作 品 分 析 flash培 訓(xùn) 上 6 Flash 動 畫 制 作一 、 軟 件 基 本 操 作1、 flash動 畫 特 點2、 認(rèn) 識 界 面 及 操 作 面 板3、 幀 與 時 間 軸4、 文 件 格 式 flash培 訓(xùn) 上 7動 畫 文 件 選 項 卡

4、 面板組 菜 單 欄主 工 具 欄工 具 箱 時間軸舞 臺 flash培 訓(xùn) 上 8 Flash 動 畫 制 作動 畫 原 理 ： 提 到 動 畫 ， 大 家 一 定 會 聯(lián) 想 到 小 時 候 看 的卡 通 影 片 。 這 些 精 彩 的 卡 通 影 片 ， 都 是 事 先 繪制 好 一 幀 一 幀 的 連 續(xù) 動 作 的 圖 片 ， 然 后 讓 它 們連 續(xù) 播 放 ， 利 用 人 的 “ 視 覺 暫 留 ” 特 性 ， 在 大腦 中 形 成 了 動 畫 效 果 。 Flash動 畫 的 制 作 原 理 也 一 樣 ， 它 是 把 繪制 出 來 的 對 像 放 到 一 格 格 的 幀 中

5、， 然 后 進(jìn) 行 播放 ， 從 而 產(chǎn) 生 動 畫 效 果 。 flash培 訓(xùn) 上 9 Flash 動 畫 制 作幀 ： 幀 是 形 成 動 畫 最 基 本 的 時 間 單 位 ， 不 同的 幀 對 應(yīng) 著 不 同 的 時 刻 。 在 逐 幀 動 畫 中 ，需 要 在 每 一 個 幀 上 創(chuàng) 建 一 個 畫 面 ， 畫 面 隨著 時 間 的 推 移 而 連 續(xù) 出 現(xiàn) ， 形 成 動 畫 ； 補間 動 畫 只 需 確 定 動 畫 起 點 幀 和 終 點 幀 的 畫面 ， 而 中 間 部 分 的 畫 面 由 Flash根 據(jù) 兩 幀 的內(nèi) 容 自 動 生 成 。 flash培 訓(xùn) 上 10

6、Flash 動 畫 制 作 Flash中 關(guān) 鍵 幀 分 為 空 白 關(guān) 鍵 幀 、 關(guān) 鍵 幀 、普 通 幀 、 普 通 空 白 幀 4種“ 插 入 幀 ” 的 快 捷 鍵 F5 ；“ 刪 除 幀 ” 的 快 捷 鍵 Shift+F5 ；“ 插 入 關(guān) 鍵 幀 ” 的 快 捷 鍵 F6 ；“ 插 入 空 白 關(guān) 鍵 幀 ” 的 快 捷 鍵 F7 ；“ 清 除 關(guān) 鍵 幀 ” 的 快 捷 鍵 Shift+F6 ； flash培 訓(xùn) 上 11 Flash 動 畫 制 作時 間 軸 ： 它 是 Flash的 核 心 部 分 ， 主 要 用 于 組 織 動 畫各 幀 中 的 內(nèi) 容 ， 并 可 以

7、控 制 動 畫 在 某 一 段 時 間內(nèi) 顯 示 的 內(nèi) 容 。 時 間 軸 從 形 式 上 看 分 為 兩 部 分： 左 側(cè) 的 圖 層 控 制 區(qū) 和 右 側(cè) 的 幀 控 制 區(qū) 。 flash培 訓(xùn) 上 12 二 、 flash 的 基 本 動 畫 形 式Flash 動 畫 制 作1、 逐 幀 動 畫 特 點 飄 動 的 窗 簾2、 形 狀 補 間 動 畫 制 作 變 形 剪 影3、 運 動 補 間 動 畫（ 1） 運 動 漸 變 動 畫 （ 2） 遮 罩 動 畫 （ 3） 路 徑 動 畫4、 預(yù) 設(shè) 置 運 動 動 畫 特 效 Flash是 一 個 制 作 動 畫 的 軟 件 ， 通

8、過 它 可 以 輕 松 的 制作 出 各 種 炫 目 的 動 畫 效 果 。 Flash中 的 動 畫 可 以 分 為 逐 幀動 畫 、 動 作 補 間 動 畫 、 形 狀 補 間 動 畫 、 遮 罩 動 畫 、 引 導(dǎo) 層動 畫 和 時 間 軸 特 效 動 畫 6種 類 型 。 flash培 訓(xùn) 上 13 Flash 動 畫 制 作逐 幀 動 畫 特 點 由 于 逐 幀 動 畫 每 一 幀 的 內(nèi) 容 都 不 一 樣 ， 因 此 制 作 是 較 為 繁 瑣 ， 而且 輸 出 的 文 件 比 較 大 ， 但 它 有 自 己 的 優(yōu) 勢 ， 并 具 有 非 常 大 的 靈 活 性 ，幾 乎 可

9、以 表 現(xiàn) 任 何 想 表 現(xiàn) 的 內(nèi) 容 ， 很 適 于 表 演 細(xì) 膩 的 動 畫 ， 如 動 畫 片中 的 人 物 走 路 、 轉(zhuǎn) 身 以 及 做 各 種 動 作 。 創(chuàng) 建 逐 幀 動 畫 的 方 法 :1、 導(dǎo) 入 靜 態(tài) 圖 片 ， 靜 態(tài) 圖 片 的 格 式 可 以 是 jpg、 png等 ；2、 直 接 在 每 一 幀 中 繪 制 繪 制 出 矢 量 圖 形 ；3、 直 接 導(dǎo) 入 jpg、 gif序 列 圖 像 ， 圖 將 會 自 動 分 配 到 每 一 個 關(guān) 鍵 幀 中 。4、 導(dǎo) 入 swf動 畫 ， 也 可 以 創(chuàng) 建 逐 幀 動 畫 ， 或 者 可 以 導(dǎo) 入 第

10、3方 軟 件（ 如 swish、 swift 3D等 ） 產(chǎn) 生 的 動 畫 序 列 。 flash培 訓(xùn) 上 14 Flash 動 畫 制 作形 狀 補 間 動 畫 形 狀 補 間 動 畫 也 是 Flash中 非 常 重 要 的 動 畫 之 一 ， 利 用它 可 以 制 作 出 各 種 奇 妙 的 、 不 可 思 議 的 變 形 效 果 ， 如 動 物之 間 的 轉(zhuǎn) 變 、 文 本 之 間 的 變 化 等 。 形 狀 補 間 適 用 于 圖 形 對 象 ， 可 以 在 兩 個 關(guān) 鍵 幀 之 間 制 作出 變 形 效 果 ， 即 讓 一 種 形 狀 隨 時 間 變 化 變 為 另 外 一

11、種 形 狀 ，還 可 以 對 形 狀 的 位 置 、 大 小 和 顏 色 進(jìn) 行 漸 變 。 Flash可 以 對 放 置 在 一 個 層 上 的 多 個 形 狀 進(jìn) 行 形 變 ， 但通 常 一 個 層 上 只 放 一 個 形 狀 會 產(chǎn) 生 較 好 的 效 果 。 利 用 形 狀提 示 點 還 可 以 控 制 更 為 復(fù) 雜 和 不 規(guī) 則 形 狀 的 變 化 。 flash培 訓(xùn) 上 15 Flash 動 畫 制 作運 動 補 間 動 畫 動 畫 補 間 動 畫 實 際 上 就 是 給 一 個 對 象 的 兩 個 關(guān)鍵 幀 分 別 定 義 不 同 的 屬 性 ， 如 位 置 、 顏 色

12、、 透 明 度 、角 度 等 ， 并 在 兩 個 關(guān) 鍵 幀 之 間 建 立 一 種 變 化 關(guān) 系 ，即 補 間 動 畫 關(guān) 系 。 構(gòu) 成 動 畫 補 間 的 元 素 為 “ 元 件 ” 或 “ 成 組 對象 ” ， 而 不 能 為 形 狀 ， 只 有 將 形 狀 “ 組 合 ” 或 者 轉(zhuǎn)換 成 “ 元 件 ” 后 才 可 以 成 功 制 作 “ 動 畫 補 間 動 畫 ” 。 flash培 訓(xùn) 上 16 Flash 動 畫 制 作遮 罩 動 畫 在 Flash中 ， 圖 層 有 一 種 遮 罩 圖 層 。 想 象 一 下 ， 我們 現(xiàn) 在 正 透 過 窗 戶 觀 看 窗 外 的 美 景

13、 ， 我 們 所 看 的 只 是窗 戶 這 個 范 圍 ， 其 他 的 景 物 都 被 墻 壁 遮 住 了 。 Flash中的 遮 罩 與 此 現(xiàn) 象 非 常 類 似 。 遮 罩 動 畫 是 通 過 遮 罩 層 來 完 成 的 。 遮 罩 的 原 理 就是 將 某 層 作 為 遮 罩 ， 遮 罩 層 下 的 一 層 是 被 遮 罩 層 ， 而只 有 遮 罩 層 上 的 填 充 色 塊 下 面 的 內(nèi) 容 可 見 ， 色 塊 本 身是 不 可 見 的 。 作 為 遮 罩 層 的 對 象 可 以 是 填 充 的 形 狀 、文 字 對 象 、 圖 形 元 件 和 影 片 剪 輯 元 件 。 flas

14、h培 訓(xùn) 上 17 flash培 訓(xùn) 上 18 Flash 動 畫 制 作路 徑 動 畫 在 現(xiàn) 實 生 活 中 ， 有 很 多 運 動 軌 跡 是 圓 形 的 、 弧 形的 ， 甚 至 是 不 規(guī) 則 曲 線 的 ， 比 如 圍 繞 太 陽 旋 轉(zhuǎn) 的 行 星運 動 軌 跡 等 。 在 Flash中 我 們 可 以 通 過 引 導(dǎo) 層 動 畫 來 實現(xiàn) 動 畫 效 果 。 要 制 作 引 導(dǎo) 層 動 畫 至 少 需 要 兩 個 圖 層 ， 一 是 引 導(dǎo)層 ， 在 這 個 圖 層 中 有 一 條 輔 助 線 作 為 運 動 路 徑 ， 引 導(dǎo)層 中 的 對 象 在 動 畫 播 放 時 是 看

15、 不 到 的 ； 二 是 被 引 導(dǎo) 層 ，用 于 放 置 沿 路 徑 運 動 的 動 畫 。 flash培 訓(xùn) 上 19 flash培 訓(xùn) 上 20 Flash 動 畫 制 作遮 罩 動 畫 路 徑 動 畫 在 Flash中 ， 圖 層 有 一 種 遮 罩 圖 層 。 想 象 一 下 ， 我們 現(xiàn) 在 正 透 過 窗 戶 觀 看 窗 外 的 美 景 ， 我 們 所 看 的 只 是窗 戶 這 個 范 圍 ， 其 他 的 景 物 都 被 墻 壁 遮 住 了 。 Flash中的 遮 罩 與 此 現(xiàn) 象 非 常 類 似 。 遮 罩 動 畫 是 通 過 遮 罩 層 來 完 成 的 。 遮 罩 的 原

16、理 就是 將 某 層 作 為 遮 罩 ， 遮 罩 層 下 的 一 層 是 被 遮 罩 層 ， 而只 有 遮 罩 層 上 的 填 充 色 塊 下 面 的 內(nèi) 容 可 見 ， 色 塊 本 身是 不 可 見 的 。 作 為 遮 罩 層 的 對 象 可 以 是 填 充 的 形 狀 、文 字 對 象 、 圖 形 元 件 和 影 片 剪 輯 元 件 。 flash培 訓(xùn) 上 21 Flash 動 畫 制 作三 、 元 件 與 庫 的 使 用1、 關(guān) 于 元 件2、 影 片 剪 輯 元 件3、 按 鈕 元 件4、 圖 形 元 件5、 元 件 動 畫 制 作 賀 卡 動 畫 執(zhí) 行 菜 單 中 的 “ 插 入

17、 新 建 元 件 ” 或 快 捷 鍵 Ctrl+F8 命 令 ，在 彈 出 “ 創(chuàng) 建 新 元 件 ” 對 話 框 中 輸 入 名 稱 ， 然 后 選 擇 元 件 選 項 。 flash培 訓(xùn) 上 22 Flash 動 畫 制 作關(guān) 于 元 件 元 件 是 一 種 可 重 復(fù) 使 用 的 對 象 ， 重 復(fù) 使 用 它 不 會增 加 文 件 的 大 小 ， 元 件 還 簡 化 了 文 檔 的 編 輯 。 當(dāng) 編 輯元 件 時 ， 該 元 件 的 所 有 實 例 都 相 應(yīng) 地 更 新 以 反 映 編 輯 。元 件 的 另 一 個 好 處 是 使 用 它 們 可 以 創(chuàng) 建 完 善 的 交 互

18、性 。元 件 共 分 為 3種 ： 圖 形 、 按 鈕 和 影 片 剪 輯 . flash培 訓(xùn) 上 23 Flash 動 畫 制 作影 片 剪 輯 元 件 影 片 剪 輯 是 位 于 影 片 中 的 小 影 片 。 可 以 在 影片 剪 輯 片 段 中 增 加 動 畫 、 動 作 、 聲 音 、 其 他 元 件設(shè) 置 及 其 他 的 影 片 片 斷 。 影 片 剪 輯 有 自 己 的 時 間軸 ， 其 運 行 獨 立 于 主 時 間 軸 。 與 圖 形 元 件 不 同 ，影 片 剪 輯 只 需 要 在 主 時 間 軸 中 放 置 單 一 的 關(guān) 鍵 幀就 可 以 啟 動 播 放 。 flas

19、h培 訓(xùn) 上 24 Flash 動 畫 制 作按 鈕 元 件 按 鈕 實 際 上 是 四 幀 的 交 互 影 片 剪 輯 。 當(dāng) 為 元 件 選 擇按 鈕 行 為 時 ， Flash 會 創(chuàng) 建 一 個 四 幀 的 時 間 軸 。 前 三 幀顯 示 按 鈕 的 3種 可 能 狀 態(tài) ； 第 四 幀 定 義 按 鈕 的 活 動 區(qū) 域 。此 時 的 時 間 軸 實 際 上 并 不 播 放 ， 它 只 是 對 指 針 運 動 和 動作 做 出 反 應(yīng) ， 跳 到 相 應(yīng) 的 幀 。 flash培 訓(xùn) 上 25 Flash 動 畫 制 作圖 形 元 件 圖 形 元 件 是 一 種 最 簡 單 的 F

20、lash元 件 。 使 用 這 種 元件 來 處 理 靜 態(tài) 圖 片 和 動 畫 。 注 意 ， 圖 形 元 件 中 的 動 畫 是受 主 時 間 軸 控 制 的 。 同 時 ， 動 作 和 聲 音 在 圖 形 元 件 中 不能 正 常 工 作 。 flash培 訓(xùn) 上 26 Flash 動 畫 制 作庫 的 使 用在 庫 中 調(diào) 用 元 件1） 執(zhí) 行 菜 單 中 的 “ 窗 口 庫 ”或 快 捷 鍵 Ctrl+L 命 令 ， 調(diào) 出庫 面 板 ， 如 圖 。2） 利 用 庫 找 到 并 選 中 希 望 加 入到 影 片 中 去 的 元 件 。3） 將 元 件 拖 動 到 工 作 區(qū) 中 即

21、 可 。 flash培 訓(xùn) 上 27 Flash 動 畫 制 作四 、 圖 片 與 音 頻 素 材1、 文 件 的 導(dǎo) 入2、 文 件 格 式3、 圖 片 編 輯 與 使 用4、 音 頻 編 輯 與 流 媒 體 flash培 訓(xùn) 上 28 Flash 動 畫 制 作圖 片 與 音 視 頻 文 件 格 式1、 圖 片 文 件 的 導(dǎo) 入 :ai、 jpg、 png、 gif、 psd、bmp等2、 音 頻 文 件 : MP3、 wav為 主3、 視 頻 文 件 :主 要 有 avi、 dv、 mpg、 mpeg、wmv、 flv、 mov flash培 訓(xùn) 上 29 Flash 動 畫 制 作F

22、lash中 的 音 頻Flash的 音 頻 有 兩 種 形 式 ：1、 事 件 聲 音 ： 事 件 聲 音 必 須 完 全 下 載 后 才能 開 始 播 放 ， 文 件 大 ， 動 畫 停 止 聲 音 也 會持 續(xù) 播 放 ， 除 非 給 予 命 令 才 會 停 止2、 數(shù) 據(jù) 流 ： 提 前 下 載 幾 幀 就 可 以 播 放 ， 并且 與 動 畫 時 間 軸 同 步 ， 易 控 制 。 flash培 訓(xùn) 上 30 Flash 動 畫 制 作Flash中 的 音 頻Flash的 音 頻 有 兩 種 形 式 ：1、 事 件 聲 音 ： 事 件 聲 音 必 須完 全 下 載 后 才 能 開 始

23、播 放 ，文 件 大 ， 動 畫 停 止 聲 音 也會 持 續(xù) 播 放 ， 除 非 給 予 命令 才 會 停 止2、 數(shù) 據(jù) 流 ： 提 前 下 載 幾 幀就 可 以 播 放 ， 并 且 與 動 畫時 間 軸 同 步 ， 易 控 制 。 flash培 訓(xùn) 上 31 Flash 動 畫 制 作五 、 動 畫 制 作 與 舞 臺 場 景1、 舞 臺 與 后 臺2、 圖 層 與 場 景 的 使 用3、 動 畫 制 作 與 測 試4、 制 作 動 畫 的 規(guī) 律 和 要 求5、 制 作 情 景 動 畫 flash培 訓(xùn) 上 32 Flash 動 畫 制 作圖 層1） 單 擊 “ 時 間 軸 ” 面 板

24、 下 方 的 （ 插 入 圖 層 ） 按 鈕 ， 可 新 增 一 個 圖 層 。2） 單 擊 “ 時 間 軸 ” 面 板 下 方 的 （ 添 加 運 動 導(dǎo) 引 層 ） 按 鈕 ， 可 新 增 一 個運 動 導(dǎo) 引 層 。3） 單 擊 “ 時 間 軸 ” 面 板 下 方 的 （ 插 入 圖 層 文 件 夾 ） 按 鈕 ， 可 新 增 一 個 圖 層 文 件 夾 ， 其 中 可 以 包 含 若 干 個 圖 層 。 用 于 控 制 圖 層 中 對 象 的 可 視 性 圖 層 的 鎖 定 ， 被 鎖 定 圖 層 不 能 編 輯 圖 層 中 的 對 象 是 否 只 顯 示 輪 廓 線注 ： 圖 層 一

25、 定 要 命 名 flash培 訓(xùn) 上 33 Flash 動 畫 制 作場 景 的 使 用 在 制 作 比 較 復(fù) 雜 的 動 畫 時 ， 可 以 將 動 畫 分 為 若 干 個 場 景 ，然 后 再 進(jìn) 行 組 合 ， Flash會 根 據(jù) 場 景 的 先 后 順 序 進(jìn) 行 播 放 ， 此 外 ，我 們 還 可 以 利 用 動 作 腳 本 實 現(xiàn) 不 同 場 景 間 的 跳 轉(zhuǎn) 。 執(zhí) 行 菜 單 中 的 “ 窗 口 /其 他 面 板 /場 景 ” 命 令 ， 可 以 調(diào) 出 “ 場景 ” 面 板 ： “場 景 ” 面 板 復(fù) 制 場 景 添 加 場 景 flash培 訓(xùn) 上 34 Fla

26、sh 動 畫 制 作動 畫 鏡 頭鏡 頭 基 本 位 置 ： Flash 動 畫 中 ， 一 般 有 鳥 瞰 、 俯 視、 平 視 、 仰 視 以 及 傾 斜 鏡 頭 5種 鏡 頭 位 置， 了 解 鏡 頭 的 拍 攝 位 置 是 處 理 好 鏡 頭 表 現(xiàn)效 果 的 基 礎(chǔ) 條 件 。 常 用 的 運 動 鏡 頭 ： 推 鏡 頭 、 拉 鏡 頭 、 搖 鏡 頭 、 移 鏡 頭 、升 /降 鏡 頭 flash培 訓(xùn) 上 35 Flash 動 畫 制 作取 景 方 式 ： 景 別 ： 是 指 角 色 對 象 和 畫 面 在 屏 幕框 架 結(jié) 構(gòu) 中 所 呈 現(xiàn) 出 的 大 小 和 范 圍 遠(yuǎn) 景

27、 、 全 景 、 中 景 、 近 景 、 特 寫 flash培 訓(xùn) 上 36 Flash 動 畫 制 作六 、 常 用 的 Action語 言 命 令1、 stop 停 止2、 play 播 放3、 goto 跳 轉(zhuǎn)4、 get URL 獲 取 地 址 flash培 訓(xùn) 上 37 Flash 動 畫 制 作七 、 動 畫 播 放 與 控 制1、 停 止 與 定 格 stop2、 幀 與 按 鈕 的 設(shè) 置3、 play播 放 命 令 的 設(shè) 置 flash培 訓(xùn) 上 38 Flash 動 畫 制 作八 、 交 互 動 畫 制 作 用 提 供 的 范 例 模 式 ， 制 作 交 互 動 畫 ，主 要 訓(xùn) 練 交 互 命 令 的 使 用 ， 圖 形 動 畫 的合 成 能 力 。名 稱 自 定 ， 可 以 是 “ 我 的 圖 館 ” “ 圖 書角 ” “ 收 藏 閣 ” 等 等 ， 也 可 以 做 成 教 學(xué)課 件 。 flash培 訓(xùn) 上 39 Flash 動 畫 制 作九 、 作 品 賞 析1、 學(xué) 生 比 賽 作 品2、 優(yōu) 秀 動 畫 作 品3、 學(xué) 員 作 品 flash培 訓(xùn) 上 40