【正文】 Flash平面動(dòng)畫制作 第 3章 Flash平面動(dòng)畫制作 教學(xué)目標(biāo) 教學(xué)重點(diǎn)、難點(diǎn) 本章小結(jié) 教學(xué)內(nèi)容 教學(xué)目標(biāo) 通過這章的學(xué)習(xí)，學(xué)生可以熟練的掌握逐幀動(dòng)畫、運(yùn)動(dòng)補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、遮罩層動(dòng)畫和引導(dǎo)動(dòng)畫這 5種動(dòng)畫的制作方法和技巧。 第 3章 Flash平面動(dòng)畫制作 教學(xué)重點(diǎn)與難點(diǎn) 第 3章 Flash平面動(dòng)畫制作 逐幀動(dòng)畫、運(yùn)動(dòng)補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、遮罩層動(dòng)畫和引導(dǎo)動(dòng)畫的制作方法和設(shè)計(jì)技巧。 教學(xué)內(nèi)容 本章小結(jié) 第 3章 Flash平面動(dòng)畫制作 本章計(jì)劃授課 14學(xué)時(shí) 本節(jié)內(nèi)容 Flash平面動(dòng)畫的基本概念 Flash平面動(dòng)畫的基本制作方法 平面動(dòng)畫的設(shè)計(jì)技巧 練習(xí) Flash平面動(dòng)畫制作的概述 動(dòng)畫 ——任何隨著時(shí)間而發(fā)生的位置或者形態(tài)上的改變。 Flash動(dòng)畫是由一個(gè)個(gè)“幀”上的圖片連接而成的，幀是動(dòng)畫 最基本的單位。 舞臺(tái) ——是制作動(dòng)畫的地方，在播放器中播放動(dòng)畫時(shí)，只有舞臺(tái)中的對(duì)象被顯示。 工作區(qū)域 ——舞臺(tái)和周圍的灰度區(qū)域 場(chǎng)景 ——是動(dòng)畫的另一個(gè)組成部分是“場(chǎng)景”的變換，就像一部電影不可能只在一個(gè)地方拍攝一樣，制作 Flash動(dòng)畫也需要有不同的場(chǎng)景。 一、 Flash平面動(dòng)畫的基本概念 Flash平面動(dòng)畫制作的概述 逐幀動(dòng)畫 ——將動(dòng)畫的每一幀均設(shè)置為關(guān)鍵幀，通過改變每一個(gè)關(guān)鍵幀中的圖像而產(chǎn)生動(dòng)畫效果。 逐幀動(dòng)畫是 Flash所提供的最基本的動(dòng)畫形式。 形狀補(bǔ)間動(dòng)畫 ——形狀補(bǔ)間動(dòng)畫被應(yīng)用于基本形狀的變化，它是某一個(gè)對(duì)象在一定時(shí)間內(nèi)其形狀發(fā)生過渡型漸變的動(dòng)畫。 形狀補(bǔ)間動(dòng)畫用位于時(shí)間軸上動(dòng)畫的開始幀與結(jié)束幀之間區(qū)域的一個(gè)綠色的連續(xù)箭頭表示。 二、 Flash平面動(dòng)畫的基本制作方法 Flash平面動(dòng)畫制作的概述 運(yùn)動(dòng)補(bǔ)間動(dòng)畫 ——運(yùn)動(dòng)補(bǔ)間動(dòng)畫被應(yīng)用于把對(duì)象由一個(gè)地方移動(dòng)到另一個(gè)地方的情況，也可應(yīng)用于形成物體的縮放、傾斜或者旋轉(zhuǎn)的動(dòng)畫，還可用于形成元件的顏色和透明度變化的動(dòng)畫。 運(yùn)動(dòng)補(bǔ)間動(dòng)畫用位于時(shí)間軸上動(dòng)畫的開始幀與結(jié)束幀之間區(qū)域的一個(gè)藍(lán)色的連續(xù)箭頭表示。 二、 Flash平面動(dòng)畫的基本制作方法 Flash平面動(dòng)畫制作的概述 遮罩動(dòng)畫 ——遮罩動(dòng)畫是將一個(gè)圖層設(shè)置為遮罩層，此圖層中的對(duì)象將相應(yīng)地轉(zhuǎn)換為遮罩對(duì)象。其它圖層則為被遮罩層，這些圖層的對(duì)象被遮罩對(duì)象所屏蔽的那部分才可顯示。 引導(dǎo)動(dòng)畫 ——引導(dǎo)動(dòng)畫實(shí)際上是在運(yùn)動(dòng)補(bǔ)間動(dòng)畫的基礎(chǔ)上添加一個(gè)引導(dǎo)圖層，該圖層有一條可以引導(dǎo)運(yùn)動(dòng)方向的引導(dǎo)線，使另一個(gè)圖層中的對(duì)象依據(jù)此引導(dǎo)線進(jìn)行運(yùn)動(dòng)的動(dòng)畫。 二、 Flash平面動(dòng)畫的基本制作方法 Flash平面動(dòng)畫制作的概述 注意以下幾個(gè)要點(diǎn)： 1．要想吸引觀眾，最重要的是讓動(dòng)作具有一定的含義。 2．動(dòng)作應(yīng)該支持動(dòng)畫的內(nèi)容和主題。 3．動(dòng)作可以像文章和顏色一樣傳達(dá)情緒、感情和個(gè)性。 4．在日常生活中仔細(xì)觀察動(dòng)作并記錄下來，建立一個(gè)創(chuàng)建動(dòng)畫時(shí)的“資源庫”。 5．動(dòng)作的設(shè)計(jì)要符合自然規(guī)律。 三、 Flash平面動(dòng)畫的設(shè)計(jì)技巧 Flash平面動(dòng)畫制作的概述 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 一、案例效果 重點(diǎn)與難點(diǎn)： 逐幀動(dòng)畫的制作技巧和卡通人物的繪圖技巧。 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 二、操作步驟 本案例是在 “小青蛙”案例的基礎(chǔ)上制作而成。 1：打開素材“青蛙側(cè)面”的 Flash工程文件。并把 文件另存為“運(yùn)動(dòng)的小青蛙” 2：制作逐幀動(dòng)畫 第一步： 建立一個(gè)命名為“運(yùn)動(dòng)合成”的影片剪輯元件。 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 二、操作步驟 第二步： 打開“庫”面板把“頭”、“身體”、“左手”、“右手”、“左腳”、“右腳”元件拖到“運(yùn)動(dòng)合成”元件中，并分布到各個(gè)圖層以對(duì)應(yīng)的名字命名 。 第三步： 分別檢查左右手、頭和腳的中心點(diǎn)位置，根據(jù)人的基本運(yùn)動(dòng)規(guī)律來確定各個(gè)關(guān)節(jié)運(yùn)動(dòng)的中心點(diǎn)。 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 二、操作步驟 第四步： 畫腳的動(dòng)作 第 1幀 第 2幀 第 3幀 第 4幀 第 5幀 第 6幀 第 7幀 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 二、操作步驟 第五步： 在對(duì)應(yīng)的幀上依次設(shè)置如下相應(yīng)的動(dòng)作。 3．測(cè)試影片，保存文件，并導(dǎo)出影片 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 三、技術(shù)要點(diǎn) 制作逐幀動(dòng)畫的基本步驟： （ 1）選擇一關(guān)鍵幀作為逐幀動(dòng)畫的開始幀。 （ 2）在開始幀中繪制或?qū)雱?dòng)畫序列中的第 1張圖片。 （ 3）選擇下一關(guān)鍵幀，并進(jìn)行任意修改或?qū)肜L制一張新圖片。 （ 4）繼續(xù)添加關(guān)鍵幀并改變相應(yīng)關(guān)鍵幀的內(nèi)容直到最終完成動(dòng)畫。 （ 5） 測(cè)試影片并導(dǎo)出一個(gè) .swf文件。 “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 卡通人物的繪圖技巧 （ 1）身體的比例： 當(dāng)你畫真實(shí)人物時(shí)，身高一般是按六至七個(gè)頭來畫的，而卡通人物，最常見的比例是三至四個(gè)頭高 。 （ 2）基本結(jié)構(gòu)： 卡通人物多數(shù)是以球體或圓柱體為基礎(chǔ)，因?yàn)檫@兩種形狀比較容易掌握。 下圖是繪制卡通人物的一般流程 ： 三、技術(shù)要點(diǎn) “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 (1) 在制作逐幀動(dòng)畫時(shí)，前后幀之間的位置關(guān)系如何？ (2) 利用青蛙為元素制作一組青蛙走路的動(dòng)畫 (參考從前言中所提供的網(wǎng)址下載的本章的“練習(xí)參考”文件夾中的 Flash工程文件“走路參考” ) 。 四、練習(xí) “運(yùn)動(dòng)的小青蛙”逐幀動(dòng)畫案例 本節(jié)內(nèi)容 案例效果 操作步驟 技術(shù)要點(diǎn) 練習(xí) “恭賀新禧”案例 一、案例效果 重點(diǎn)與難點(diǎn)： 形狀補(bǔ)間動(dòng)畫的特點(diǎn)、創(chuàng)建方法，及如何設(shè)置形狀提示點(diǎn)來控制形狀補(bǔ)間動(dòng)畫的中間過程。 “恭賀新禧”案例 二、操作步驟 1．新建文檔并命名 啟動(dòng) Adobe Flash CS3后，新建一個(gè)文檔，對(duì)背景顏色和舞臺(tái)大小進(jìn)行相應(yīng)的設(shè)置，保存文檔，命名為“ 恭賀新禧 ” 。 將”圖層 1”改名為 “背景” ，把素材中的背景圖片文件“焰火”導(dǎo)入到舞臺(tái)，并設(shè)置寬為 400、高為 300 ， 居中對(duì)齊，擴(kuò)展到 100幀。鎖定圖層。 “恭賀新禧”案例 二、操作步驟 3． 繪制燈籠 第一步： 插入 4個(gè)新圖層 ，分別命名為“恭”、“賀”、“新”、“禧”。將“賀”、“新”、“禧”三個(gè)圖層鎖定。單擊“恭”圖層的第 20幀，按 F6鍵增加一個(gè)關(guān)鍵幀。利用“矩形工具”和“橢圓工具”繪制如下左“燈籠”圖形：