Flash必備基礎(chǔ)知識和基本操作

第第 1 節(jié)節(jié) Flash 基礎(chǔ)知識和基本操作基礎(chǔ)知識和基本操作 一 一 Flash 工作界面工作界面 Flash 工作界面的主要組成部分 1 舞臺 也稱為 工作區(qū) 或 編輯區(qū) 是進(jìn)行繪圖和編輯動畫的地方 2 場景 用來組織不同主題的動畫 畫面 3 時間軸窗口 包括時間軸和圖層 是進(jìn)行 flash 動畫創(chuàng)作和編輯的重要工具 4 工具箱 用于進(jìn)行圖形的繪制和編輯 5 元件庫 用來存放和組織可反復(fù)使用的動畫元件 這些元件也稱為符號 6 面板 提供 flash 對象的各種信息 如圖形的屬性 幀的屬性等 二 二 Flash 新建動畫文件的方法新建動畫文件的方法 1 使用開始頁創(chuàng)建動畫文件 2 使用菜單命令新建動畫文件 3 使用按鈕工具新建動畫文件 4 根據(jù)模板新建動畫文件 三 三 Flash 動畫文件的創(chuàng)建步驟動畫文件的創(chuàng)建步驟 1 新建動畫文件 文件 新建 常規(guī) Flash 文檔 2 設(shè)置動畫文件的屬性 在編輯窗口中擊右鍵 選擇 文檔屬性 3 預(yù)覽和測試動畫文件 1 選擇 控制 2 按鍵 或 鍵 3 按鍵取消測試 4 保存文件 文件 保存 另存為 則保存為 Flash 源文件的標(biāo)準(zhǔn)格式 擴(kuò)展名為 fla 5 導(dǎo)出文件 文件 導(dǎo)出 Flash 提供多種導(dǎo)出格式 可以是影片 圖形 聲音 圖 像 等多種文件格式 工 具 箱 舞 臺 屬 性 面 板 元 件 庫 各 種 面 板 組 合 四 動畫文件創(chuàng)建實例 快樂的小鴨 略 第第 2 節(jié)節(jié) Flash 圖形編輯 工具箱 圖形編輯 工具箱 Flash 既可以處理位圖 又可以處理矢量圖 Flash 中的圖形編輯主要依賴于工具箱 它提供了繪制 編輯圖形的全套工具 是制作 動畫過程中使用最多的工具面板 工具箱分為四個部分 繪圖工具 視圖工具 顏色工具 和輔助選項 第第 3 節(jié)節(jié) 創(chuàng)建創(chuàng)建 Flash 動畫動畫 一 一 Flash 動畫的分類動畫的分類 1 逐幀動畫 動畫中的每一幀的內(nèi)容都需要修改 它適合于每一幀中的圖像都需要更改 的復(fù)雜動畫 2 補(bǔ)間動畫 補(bǔ)間動畫是一種隨時間移動或更改的動畫 補(bǔ)間動畫只需要創(chuàng)建起始幀和 結(jié)束幀 中間幀則由 Flash 自動創(chuàng)建 分類 形狀補(bǔ)間動畫 動作補(bǔ)間動畫 3 時間軸特效 時間軸特效大致包括變形 轉(zhuǎn)換 分離和展開等 可以很方便地將對象制 作成為動畫 一般情況下 可以對文本 圖形 位圖圖像和按鈕元件等對象應(yīng) 用時間軸特效 操作步驟 首先選擇好對象 將其轉(zhuǎn)換為矢量圖 文字要打散 B B 再對其應(yīng)用特效即可 插入 時間軸特效 4 特殊動畫 即以上動畫的靈活應(yīng)用 1 引導(dǎo)動畫 路徑動畫 引導(dǎo)動畫是 Flash 的一種特殊動畫方式 它的實質(zhì)是讓實例沿著一定的路 徑運(yùn)動 2 遮罩動畫是 Flash 的另一種特殊動畫方式 它的實質(zhì)是遮罩層中的物 體以透明方式顯示 被遮罩層中的物體只能透過遮罩層中物體顯示出來 即被 遮住的物體看見 未被遮住的物體看見 3 文字特效 文字特效是指文字的顯示效果 可以是靜態(tài)效果 如立體文字 彩虹文字 空心文字等 還可以是動態(tài)效果 如探照燈文字 鏡飄文字 變形文字和滾動 字幕文字等 第第 8 周教學(xué)內(nèi)容周教學(xué)內(nèi)容 1 逐幀動畫 動畫中的每一幀的內(nèi)容都需要修改 它適合于每一幀中的圖像都需要更改 的復(fù)雜動畫 2 時間軸特效 1 文字時間軸特效 輸入文字 文字打散 文字打散 B B 重復(fù)兩次重復(fù)兩次 插入 時間軸特效 觀察 幀的變化 自動生成中間的幀 最后一幀為普通幀 顏色的變化 2 物體旋動動畫 例 5 1 注意 在第 30 幀處時插入幀 則自動將圖像轉(zhuǎn)換為矢量圖 最后一幀為普通幀 3 物體運(yùn)動動畫 例 5 2 注意 將物體轉(zhuǎn)換為矢量圖 B B 在對話框中選項的設(shè)置 3 補(bǔ)間動畫 補(bǔ)間動畫是一種隨時間移動或更改的動畫 補(bǔ)間動畫只需要創(chuàng)建起始幀和 結(jié)束幀 中間幀則由 Flash 自動創(chuàng)建 其中起始幀和結(jié)束幀必須是關(guān)鍵幀 1 形狀補(bǔ)間動畫 一個圖像形狀漸變?yōu)榱硪粋€圖像形狀 或一個畫面變?yōu)榱硗庖粋€畫面 或 文字 形狀補(bǔ)間動畫是根據(jù)對象的形狀變化來實現(xiàn)的動畫 只需給出動畫的第一 幀和最后一幀的對象形狀 中間的動畫過程由系統(tǒng)自動生成 實現(xiàn)形狀動畫的 前提條件是 對象必須為矢量圖形 如果要對文本 組或符號創(chuàng)建形狀補(bǔ)間動 畫 首先需要按 B 將其打散 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 將圖片打散 將其變?yōu)槭噶繄D形 將圖片打散 將其變?yōu)槭噶繄D形 B B 重復(fù)兩次重復(fù)兩次 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對象 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對象 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 形狀形狀 或或預(yù)覽 預(yù)覽 觀察 幀的變化 自動生成中間的幀 最后一幀為關(guān)鍵幀 2 動作補(bǔ)間動畫 動作補(bǔ)間動畫的原理是根據(jù)實例屬性的變化來形成動畫效果 它的前提是對象必須是 一個元件的實例 文本或組 分離的對象不能形成動作補(bǔ)間動畫 對于在繪制的圖形 一 定要將圖形組合或轉(zhuǎn)換為元件之后 才能形成動作補(bǔ)間動畫 動作補(bǔ)間動畫實際上就是給一個對象的兩個關(guān)鍵幀分別定義不同的屬性 在這兩個關(guān) 鍵幀之間建立一種變化關(guān)系 動作補(bǔ)間動畫的實體的運(yùn)動為直線運(yùn)動 其兩個幀均為關(guān)鍵 幀 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 選擇整個對象 將其轉(zhuǎn)換為圖形類元件 選擇整個對象 將其轉(zhuǎn)換為圖形類元件 在后面的插入一個關(guān)鍵幀 在后面的插入一個關(guān)鍵幀 在結(jié)束幀上移動對象的位置 并設(shè)置對象大小等屬性 在結(jié)束幀上移動對象的位置 并設(shè)置對象大小等屬性 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 動畫動畫 或或預(yù)覽 預(yù)覽 觀察 幀的變化 自動生成中間的幀 最后一幀為關(guān)鍵幀 常用快捷鍵 常用快捷鍵 插入擴(kuò)展幀插入擴(kuò)展幀 插入關(guān)鍵幀插入關(guān)鍵幀 插入空白關(guān)鍵幀插入空白關(guān)鍵幀 將對象轉(zhuǎn)換為圖形類元件將對象轉(zhuǎn)換為圖形類元件 第第 10 周教學(xué)內(nèi)容 周教學(xué)內(nèi)容 4 22 復(fù)習(xí)舊知識 補(bǔ)間動畫的制作復(fù)習(xí)舊知識 補(bǔ)間動畫的制作 1 形狀補(bǔ)間動畫 形狀補(bǔ)間動畫 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 將圖片打散 將其變?yōu)槭噶繄D形 將圖片打散 將其變?yōu)槭噶繄D形 B B 重復(fù)兩次重復(fù)兩次 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 將幀線放在后面的幀上 插入入空白關(guān)鍵幀 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對象 導(dǎo)入或制作結(jié)束幀的內(nèi)容 并打散圖片對象 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 形狀形狀 或或預(yù)覽 預(yù)覽 2 運(yùn)動補(bǔ)間動畫 運(yùn)動補(bǔ)間動畫 操作步驟 操作步驟 導(dǎo)入圖像 或輸入文字 繪制圖形 導(dǎo)入圖像 或輸入文字 繪制圖形 選擇整個對象 將其轉(zhuǎn)換為圖形類元件 選擇整個對象 將其轉(zhuǎn)換為圖形類元件 在后面的插入一個關(guān)鍵幀 在后面的插入一個關(guān)鍵幀 在結(jié)束幀上移動對象的位置 并設(shè)置對象大小等屬性 在結(jié)束幀上移動對象的位置 并設(shè)置對象大小等屬性 選擇第一幀 在屬性面板中將選擇第一幀 在屬性面板中將 補(bǔ)間補(bǔ)間 設(shè)置為設(shè)置為 動畫動畫 或或預(yù)覽 預(yù)覽 第第 10 周教學(xué)內(nèi)容 周教學(xué)內(nèi)容 4 22 新課內(nèi)容 新課內(nèi)容 4 特殊動畫 特殊動畫 1 引導(dǎo)動畫 路徑動畫 引導(dǎo)動畫是 Flash 的一種特殊動畫方式 它的實質(zhì)是讓實例沿著一定的路 徑運(yùn)動 例例 1 運(yùn)動小圓 運(yùn)動小圓 操作步驟 操作步驟 插入插入 新元件新元件 圖形圖形 在元件窗口中將有一個 在元件窗口中將有一個 在元件窗口中 使用橢圓工具畫一個小圓 單擊任意變形工具 將小圓在元件窗口中 使用橢圓工具畫一個小圓 單擊任意變形工具 將小圓 的中心點(diǎn)與的中心點(diǎn)與 重疊 先選擇幀 再選擇任意變化工具 拖動或光標(biāo)移動鍵 重疊 先選擇幀 再選擇任意變化工具 拖動或光標(biāo)移動鍵 回到場景窗口 選擇第一關(guān)鍵幀 將元件拖進(jìn)場景窗口 在第回到場景窗口 選擇第一關(guān)鍵幀 將元件拖進(jìn)場景窗口 在第 40 幀處幀處 插入關(guān)鍵幀 制作運(yùn)動補(bǔ)間動畫 可以選擇中間的幀 單擊右鍵實現(xiàn) 插入關(guān)鍵幀 制作運(yùn)動補(bǔ)間動畫 可以選擇中間的幀 單擊右鍵實現(xiàn) 在圖層控制欄中選擇在圖層控制欄中選擇 添加運(yùn)動引導(dǎo)層添加運(yùn)動引導(dǎo)層 圖標(biāo) 則插入引導(dǎo)層 圖標(biāo) 則插入引導(dǎo)層 使用工具繪制路線 使用工具繪制路線 進(jìn)入被引導(dǎo)層 在第一幀將元件附在引導(dǎo)線的開始端 或上面 進(jìn)入被引導(dǎo)層 在第一幀將元件附在引導(dǎo)線的開始端 或上面 在第 在第 后一幀將元件附在引導(dǎo)線的終端 后一幀將元件附在引導(dǎo)線的終端 或或預(yù)覽 預(yù)覽 注意 注意 1 先把動作的物體制作成一個元件關(guān)進(jìn)行調(diào)整 為以后導(dǎo)入使用 先把動作的物體制作成一個元件關(guān)進(jìn)行調(diào)整 為以后導(dǎo)入使用 2 引導(dǎo)層必須在被引導(dǎo)層的上一層 引導(dǎo)層必須在被引導(dǎo)層的上一層 3 引導(dǎo)線必須是有開口的 引導(dǎo)線必須是有開口的 4 開 開 始點(diǎn)和終點(diǎn)必須吸附在引導(dǎo)線上 始點(diǎn)和終點(diǎn)必須吸附在引導(dǎo)線上 例例 2 圓周運(yùn)動 圓周運(yùn)動 例例 3 飛雁 實驗內(nèi)容 飛雁 實驗內(nèi)容 注意 影片元件要一個一個的處理 注意 影片元件要一個一個的處理 2 遮罩動畫 遮罩動畫遮罩動畫 補(bǔ)間動畫補(bǔ)間動畫 遮罩設(shè)置遮罩設(shè)置 遮罩動畫是 Flash 的另一種特殊動畫方式 它的實質(zhì)是遮罩層中的物體以 透明方式顯示 被遮罩層中的物體只能透過遮罩層中物體顯示出來 即被遮住 的物體看見 未被遮住的物體看見 遮罩層標(biāo)記和被遮罩層標(biāo)記如下所示 創(chuàng)建遮罩層的方法 創(chuàng)建遮罩層的方法 選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇 遮遮 罩罩 命令命令 遮罩層和被遮罩層建立關(guān)聯(lián)的方法分為以下兩種情況 當(dāng)被遮罩層在遮罩層的上方時 直接將被遮罩層拖到遮罩層的下方 即 遮罩應(yīng)該在上方 用右鍵單擊圖層 在彈出的快捷菜單中選擇 屬性 項 打開 圖層屬 性 對話框 選擇 遮罩層 或 被遮罩層 項 說明 遮罩層只能含有單一的形狀 符號或文本對象 并且遮罩層中的符 號也只能包含一個形狀或文本對象 如果存在多個對象 只有最下層的對象被 用來做遮罩 例例 1 文字遮罩特效 教材 文字遮罩特效 教材 P143 中例中例 5 3 步驟 新建文件 制作被遮罩層 輸入文字 插入關(guān)鍵幀 F6 制作遮 罩層 使用運(yùn)動補(bǔ)間動畫 設(shè)置 遮罩層 注意幾點(diǎn) 注意幾點(diǎn) 1 遮罩動畫是補(bǔ)間動畫 運(yùn)動或形狀補(bǔ)間動畫 的基礎(chǔ)上設(shè)置 遮罩 效果的一種靈活應(yīng)用 2 遮罩層在被遮罩層的上一層 遮罩層和被遮罩層的位置關(guān)系 3 設(shè)置方法 選取要成為遮罩層的圖層 單擊鼠標(biāo)右鍵 選擇 遮罩 命令 例例 2 畫片展現(xiàn)的效果 畫片展現(xiàn)的效果 說明 既可以采用運(yùn)動補(bǔ)間動畫也可以采用形狀補(bǔ)間動畫來實現(xiàn) 要注意 動動補(bǔ)間和形狀補(bǔ)間動畫的制作方式 例例 3 探照燈的制作 實驗內(nèi)容 探照燈的制作 實驗內(nèi)容 說明 1 共有三層 最上一層為始終顯示的背景層 第二層為遮罩層