動畫設(shè)計基礎(chǔ)基本動畫制作ppt課件

《動畫設(shè)計基礎(chǔ)基本動畫制作ppt課件》由會員分享，可在線閱讀，更多相關(guān)《動畫設(shè)計基礎(chǔ)基本動畫制作ppt課件（107頁珍藏版）》請在裝配圖網(wǎng)上搜索。

第五章 基本動畫制作,本課要點(diǎn) 具體要求 本課導(dǎo)讀 綜合實例,本章要點(diǎn),時間軸 幀和圖層 逐幀動畫 動作補(bǔ)間動畫 形狀補(bǔ)間動畫,具體要求,了解Flash 8中幀和圖層的基本概念，并掌握幀和圖層的基本操作方法。 熟練掌握逐幀動畫的創(chuàng)建方法。 熟練掌握動作補(bǔ)間動畫的創(chuàng)建方法。 熟練掌握形狀補(bǔ)間動畫的創(chuàng)建方法。,本課導(dǎo)讀,幀和圖層是制作Flash動畫過程中所涉及到的兩個重要概念，在Flash 8中對動畫的制作和編輯，實際上就是對幀和圖層，以及對幀和圖層中動畫要素所做的編排和調(diào)整。在掌握了幀和圖層的基本概念和操作方法后，還需要對Flash 8中的基本動畫類型進(jìn)行了解和學(xué)習(xí)，熟練掌握這三種基本動畫的應(yīng)用，就可以制作出各類精美的Flash動畫。,5.1 動畫制作基礎(chǔ),在正式學(xué)習(xí)動畫制作之前，首先需要了解Flash動畫的類型特點(diǎn)和涉及到的幀和圖層的概念，并掌握Flash 8中幀和圖層的基本操作方法。,5.1 動畫制作基礎(chǔ),5.1.1 知識講解 5.1.2 典型案例——制作“霓虹燈 箱”動畫,5.1.1 知識講解,1. Flash動畫的基本特點(diǎn) 2. Flash中的基本動畫類型 3. 時間軸 4. 幀的概念和類型 5. 幀的基本操作 6. 圖層的概念和類型 7. 圖層的基本操作,1. Flash動畫的基本特點(diǎn),Flash動畫之所以能夠越來越流行，并廣泛應(yīng)用在不同的領(lǐng)域，F(xiàn)lash動畫自身所具備的特點(diǎn)是不可忽視的重要因素之一。 基于矢量的圖形系統(tǒng)，占用空間是位圖的幾千分之一，適合網(wǎng)絡(luò)傳播 應(yīng)用領(lǐng)域廣 采用“流”媒體形式 可跨平臺播放 交互性強(qiáng),2. Flash中的基本動畫類型,Flash中的基本動畫主要分為逐幀動畫、動作補(bǔ)間動畫和形狀補(bǔ)間動畫三種類型。 逐幀動畫：Flash中的逐幀動畫通常由多個連續(xù)的關(guān)鍵幀組成，在各關(guān)鍵幀中分別繪制表現(xiàn)對象連續(xù)且流暢動作的圖形（如小鳥飛翔、火苗跳動等）。 動作補(bǔ)間動畫：動作補(bǔ)間動畫是根據(jù)同一對象在兩個關(guān)鍵幀中大小、位置、旋轉(zhuǎn)、傾斜、透明度等屬性的差別由Flash計算并自動生成的一種動畫類型。 形狀補(bǔ)間動畫：形狀補(bǔ)間動畫是通過Flash計算兩個關(guān)鍵幀中矢量圖形的形狀差別，并在兩個關(guān)鍵幀中自動添加變化過程的一種動畫類型。,2. Flash中的基本動畫類型,動作動畫 ：在關(guān)鍵幀之間有一條水平指向右邊的箭頭，幀為淺藍(lán)色背景。 形狀動畫 ：在關(guān)鍵幀之間也有一條水平指向右邊的箭頭，幀為淺綠色背景。 動畫錯誤 ：表示在創(chuàng)建動作動畫中存在錯誤，無法正確完成動畫的制作。,,3. 時間軸,在Flash中，“時間軸”是形成動畫的最主要因素，動畫的播放順序就是按照“時間軸”從左至右的順序播放的。隨著動畫設(shè)計越來越復(fù)雜，“時間軸”也會變得越來越復(fù)雜，甚至令人感覺混亂。在學(xué)習(xí)動畫設(shè)計之前，必須掌握“時間軸”的基本要素和基本操作方法。,時間軸窗口,時間軸特效,使用Flash內(nèi)置的“時間軸特效”，可以方便快捷地實現(xiàn)一些特殊的動畫效果，例如投影效果、對象變形、分離等?！皶r間軸特效”應(yīng)用的對象包括文本、圖形（包括矢量圖、組合對象）、位圖以及各種元件。,4. 幀的概念和類型,幀是組成Flash動畫最基本的單位，通過在不同的幀中放置相應(yīng)的動畫元素（如位圖、文字和矢量圖等），然后對這些幀進(jìn)行連續(xù)播放，最終實現(xiàn)Flash動畫效果。在Flash 8中，根據(jù)幀的不同功能和含義，可將幀分為空白關(guān)鍵幀、關(guān)鍵幀和普通幀三種。,①空白關(guān)鍵幀,空白關(guān)鍵幀在時間軸中以一個空心圓表示。 它是一個沒有內(nèi)容的關(guān)鍵幀。如果新建一個Flash文件，則會在第1幀自動創(chuàng)建一個空白關(guān)鍵幀?？瞻钻P(guān)鍵幀內(nèi)可以創(chuàng)建各種對象。選中某一個空白幀，再按F7鍵，即可將它轉(zhuǎn)換為空白關(guān)鍵幀。,②關(guān)鍵幀,關(guān)鍵幀在時間軸中以一個黑色實心圓表示。 該幀內(nèi)有對象，可以進(jìn)行編輯。選中一個空白幀，再按F6鍵，即可創(chuàng)建一個關(guān)鍵幀。,③普通幀,在關(guān)鍵幀的右邊的淺灰色背景幀單元格是普通幀，表示它的內(nèi)容與左邊的關(guān)鍵幀內(nèi)容一樣。選中關(guān)鍵幀右邊的一個空白幀，再按F5鍵，則從關(guān)鍵幀到選中的幀之間的所有幀均變成普通幀。,動作幀,該幀本身也是一個關(guān)鍵幀，其中有一個字母“a”，表示這一幀中分配有動作腳本。當(dāng)影片播放到這一幀時會執(zhí)行相應(yīng)的腳本程序。要加入動作需彈出“動作-幀”面板。,過渡幀,它是兩個關(guān)鍵幀之間，創(chuàng)建補(bǔ)間動畫后由Flash計算生成的幀，它的底色為淺藍(lán)色或淺綠色。不可以對過渡幀進(jìn)行編輯,5. 幀的基本操作,幀的基本操作包括以下幾項： 1）選擇幀 2）移動幀 3）復(fù)制幀 4）插入幀 5）翻轉(zhuǎn)幀 6）清除幀 7）刪除幀 8）更改幀的顯示方式 9）添加幀標(biāo)簽,1）選擇幀,編輯幀以前應(yīng)先選中要編輯的幀。在時間軸中選中若干幀，然后單擊右鍵，即可彈出幀快捷菜單，常常需要使用幀快捷菜單中的菜單命令來編輯幀。,選擇幀的方法,（1）選中一個幀：單擊一幀的單元格，即可選中該幀。 （2）選中連續(xù)的多個幀：按住Shift鍵，選中一個或多個動畫所在圖層內(nèi)左上角的幀，再單擊右下角的幀，即可選中連續(xù)的所有幀。另外，選中某一個非關(guān)鍵幀，再拖曳鼠標(biāo)。 （3）選中一個圖層的所有幀：單擊控制區(qū)域內(nèi)的某一圖層，即可選中該圖層的所有幀。,選擇幀的方法,（4）選中多個連續(xù)圖層的所有幀：按住Shift鍵，單擊控制區(qū)域內(nèi)的連續(xù)圖層中第1個圖層，再單擊連續(xù)圖層中最后一個圖層，即可選中多個連續(xù)圖層內(nèi)的所有幀。 （5）選中多個圖層的所有幀：按住Ctrl鍵，單擊控制區(qū)域內(nèi)的各個圖。 （6）選擇所有幀：選中幀快捷菜單中的“選擇所有幀”菜單命令。,2）移動幀、復(fù)制幀和調(diào)整過渡幀的數(shù)量,（1）移動幀：在時間軸中選中若干幀，用鼠標(biāo)拖曳選中的幀，可以把它們移到目的位置。 （2）復(fù)制幀和移動幀：選中要移動的幀，單擊幀快捷菜單中的“復(fù)制幀”（或“剪切幀”）菜單命令，將選中的幀復(fù)制（剪切）到剪貼板內(nèi)。再在時間軸窗口中選中一個幀單元格，然后彈出“幀”快捷菜單，單擊快捷菜單中的“粘貼幀”，即可把剪貼板中的若干幀粘貼到時間軸窗口選定的幀內(nèi)，從而實現(xiàn)復(fù)制幀（移動幀）。,2）移動幀、復(fù)制幀和調(diào)整過渡幀的數(shù)量,（3）調(diào)整過渡幀的數(shù)量：在創(chuàng)建了運(yùn)動或形狀動畫后，如果要調(diào)整過渡的長度，可以先選中起始或結(jié)束關(guān)鍵幀，然后用鼠標(biāo)水平拖曳該幀單元格，在拖曳幀單元格的時候，可能會出現(xiàn)只拖曳了結(jié)束幀單元格 ，此時需要再拖曳終止關(guān)鍵幀，使它與結(jié)束幀單元格 重合。,3）插入幀和刪除幀,（1）插入普通幀：選中要插入普通幀的幀單元格，然后按F5鍵。這時就會在選中的幀單元格中新增加一個普通幀，該幀單元格中原來的幀以及它右面的幀都會向右移動一幀。 （2）刪除幀：在時間軸窗口中選中要刪除的一個或多個幀，然后單擊幀快捷菜單中的 “刪除幀”菜單命令。按住Shift+F5鍵，也可以刪除選中的幀。,3）插入幀和刪除幀,（3）插入關(guān)鍵幀，選中要插入關(guān)鍵幀的幀單元格，然后按F6鍵或單擊幀快捷菜單中的“插入關(guān)鍵幀”菜單命令。 （4）插入空白關(guān)鍵幀：選中要插入空白關(guān)鍵幀的幀單元格，然后按F7鍵或單擊幀快捷菜單中的“插入空白關(guān)鍵幀”菜單命令。,3）插入幀和刪除幀,（5）清除關(guān)鍵幀：選中要刪除的關(guān)鍵幀，然后單擊幀快捷菜單中的“刪除關(guān)鍵幀”菜單命令。此時，原關(guān)鍵幀中的內(nèi)容會被前面的關(guān)鍵幀內(nèi)容取代。 （6）清除幀：選中要清除的幀，然后單擊幀快捷菜單中的“清除幀”菜單命令，可將選中的幀中的內(nèi)容清除，使該幀成為空白關(guān)鍵幀。,4）轉(zhuǎn)換為關(guān)鍵幀和動畫反向播放,（1）轉(zhuǎn)換為關(guān)鍵幀（或空白關(guān)鍵幀）：選中要轉(zhuǎn)換的普通幀，然后單擊幀快捷菜單中的“轉(zhuǎn)換為關(guān)鍵幀”（或“轉(zhuǎn)換為空白關(guān)鍵幀”）菜單命令。 （2）動畫反向播放：動畫反向播放就是使起始幀變?yōu)榻K止幀，終止幀變?yōu)槠鹗紟?。選中一段動畫，可以包括多個圖層，然后單擊幀快捷菜單中的“翻轉(zhuǎn)幀”菜單命令。,5）為幀添加標(biāo)簽和注釋,“時間軸”上的每一個幀都有一個編號。例如第1幀，第5幀等，都是指這種絕對的幀編號。在動畫設(shè)計中，常常會用動作腳本來控制動畫的播放。例如，gotoAndPlay（10）命令中的10就是指第10幀。但是，如果我們在第10幀前插入了新幀，那么gotoAndPlay（10）命令中的第10幀就不是原來的第10幀了，這就要求修改命令中的幀編號，以指向所希望的幀。,5）為幀添加標(biāo)簽和注釋,可以使用幀標(biāo)簽代替幀編號來避免上述問題。使用幀標(biāo)簽來標(biāo)識關(guān)鍵幀，當(dāng)添加或移動幀時，幀標(biāo)簽會隨著幀移動，而不管幀編號是否改變。這樣不管時間軸如何調(diào)整，也不用修改腳本程序了。,5）為幀添加標(biāo)簽和注釋,輸入幀標(biāo)簽,“時間軸”上的幀標(biāo)簽,,“標(biāo)簽類型”下拉列表框：在輸入關(guān)鍵幀的標(biāo)簽名稱后“標(biāo)簽類型”下拉列表框才會生效。該下拉列表框可以用來定義標(biāo)簽的類型，其中有三個選項“名稱”、“注釋”、“錨記”。,5）為幀添加標(biāo)簽和注釋,幀注釋用于為自己或他人提供提示，有助于對動畫的后期制作或修改。 命名錨記：為幀添加命名錨記后，可以使用戶使用瀏覽器中的“前進(jìn)”和“后退”按鈕從一個幀跳到另一個幀，或者從一個場景跳到另一個場景來觀看動畫。,6. 圖層的概念和類型,Flash 8中的圖層就像一張透明的紙，而動畫中的多個圖層，就相當(dāng)于一疊透明的紙，通過調(diào)整這些紙張的上下位置，就可以改變紙張中圖形的上下層次關(guān)系。,6. 圖層的概念和類型,圖層類型 層文件夾 引導(dǎo)層 運(yùn)動引導(dǎo)層：它可以引導(dǎo)對象沿輔助線移動，產(chǎn)生引導(dǎo)動作動畫 普通引導(dǎo)層：只起到輔助繪圖的作用。方法是：創(chuàng)建一個普通圖層。將鼠標(biāo)指針移到該圖層名稱處，單擊鼠標(biāo)右鍵，彈出圖層快捷菜單，再單擊快捷菜單中的“引導(dǎo)層”菜單命令 遮罩層 普通層,各種圖層,7. 圖層的基本操作,圖層的基本操作包括以下幾項： 1）新建圖層 2）移動圖層 3）重命名圖層 4）刪除圖層 5）鎖定與隱藏圖層 6）利用圖層文件夾管理圖層 7）設(shè)置圖層屬性,選擇圖層,選中一個或多個圖層中的所有幀，也就是選中了該圖層。 （1）選中一個圖層：在時間軸窗口中單擊圖層控制區(qū)的相應(yīng)圖層行。選中的圖層，其圖層控制區(qū)的相應(yīng)圖層行呈黑底色，在圖層名稱的右邊出現(xiàn)一個筆狀圖標(biāo)；另外，在舞臺工作區(qū)中，選中一個對象，該對象所在的圖層就會同時被選中。 （2）選中多個圖層：按下Shift鍵或Ctrl鍵，同時單擊控制區(qū)內(nèi)各相應(yīng)圖層行，即可選中多個圖層。,顯示/隱藏圖層和鎖定/解鎖圖層,（1）顯示/隱藏所有圖層：單擊圖層控制區(qū)第一行的 圖標(biāo)，即可隱藏所有圖層的對象，所有圖層的顯示列會出現(xiàn)紅色的 ，表示該層被隱藏了。再單擊 圖標(biāo)，即可顯示所有圖層，紅色的 也會取消。被隱藏的圖層中對象不會顯示出來，但可以正常輸出。,,,,,,（2）顯示/隱藏一個圖層：單擊圖層控制區(qū)某一個圖層的顯示列上的小黑點(diǎn)，即可使該圖層顯示列出現(xiàn)一個紅色 ，表示該層被隱藏了，再單擊紅色 ，就會將該圖層顯示出來。 （3）顯示/隱藏連續(xù)的幾個圖層：在圖層控制區(qū)顯示列，拖曳鼠標(biāo)圈起多個圖層。 （4）顯示/隱藏未選中的所有圖層：按下Alt鍵，單擊圖層控制區(qū)某一個圖層的顯示列。,,,,鎖定/解鎖圖層的操作方法與顯示/隱藏圖層的方法相似，只是操作的不是 圖標(biāo)，而是 圖標(biāo)。所有圖形與動畫制作都是在選中的當(dāng)前圖層中進(jìn)行，任何時刻只能有一個當(dāng)前圖層。在任何可見的并且沒有被鎖定圖層中，可以進(jìn)行對象的編輯。,給圖層重命名和改變圖層的順序,（1）給圖層重命名：雙擊圖層控制區(qū)相應(yīng)圖層的名稱，使黑底色變?yōu)榘椎咨缓筝斎胄碌膱D層名稱即可。 （2）改變圖層順序：圖層的順序決定了工作區(qū)各圖層的前后關(guān)系。用鼠標(biāo)拖曳圖層控制區(qū)域內(nèi)的圖層，即可將圖層上下移動，改變圖層的順序。,刪除圖層和復(fù)制圖層,（1）刪除圖層：首先選中一個或多個圖層，然后單擊“刪除圖層”圖標(biāo) 或者拖曳選中的圖層到“刪除圖層”圖標(biāo) 之上。 （2）復(fù)制圖層：復(fù)制圖層就是復(fù)制該圖層中的所有幀。利用幀快捷菜單中的菜單命令，通過剪貼板可以將選中圖層中的所有幀復(fù)制到時間軸的其他圖層中。,復(fù)制圖層具體操作方法,選中要復(fù)制的圖層。將鼠標(biāo)指針移到選中的幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單。 單擊幀快捷菜單中的“復(fù)制幀”菜單命令，將選中的圖層中的所有幀復(fù)制到剪貼板中。 新建一個圖層，選中該圖層。將鼠標(biāo)指針移到選中幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單。再單擊該菜單中的“粘貼幀”菜單命令，將剪貼板中的內(nèi)容粘貼到選中圖層的各幀中。,5.1.2 典型案例——制作“霓虹 燈箱”動畫,案例目標(biāo) 本案例將通過對幀和圖層進(jìn)行操作，并配合繪圖工具和文本工具，制作出“霓虹燈箱”動畫效果。 源文件位置：【\第5課\源文件\制作“霓虹燈箱”動畫.fla】,5.1.2 典型案例——制作“霓虹 燈箱”動畫,操作思路 （1）將圖層1重命名，并繪制燈箱圖形。 （2）新建“霓虹彩條”圖層，在圖層中通過對幀進(jìn)行相應(yīng)的操作，制作出霓虹彩條閃爍的動畫效果。 （3）新建“文字”和“彩燈”圖層，在這兩個圖層中制作文字顏色變換和彩燈運(yùn)動的動畫效果。,5.1.2 典型案例——制作“霓虹 燈箱”動畫,案例小結(jié) 本案例通過將繪制的燈箱圖形、彩色線條、橢圓以及輸入的文字，分別放置到不同圖層中，并在各圖層中利用關(guān)鍵幀的插入和復(fù)制等方法，制作了表現(xiàn)霓虹燈箱閃爍的動畫效果。在本例中，主要練習(xí)了新建圖層、重命名圖層、選擇幀、插入幀以及復(fù)制幀等操作。,5.2 逐幀動畫,在前面了解了Flash動畫的基本特點(diǎn)和類型，并學(xué)習(xí)了幀和圖層的基本操作。從這一節(jié)開始，就將正式對Flash 8中的動畫制作進(jìn)行學(xué)習(xí)。 在本節(jié)中，首先對Flash 8中制作逐幀動畫的基本方法進(jìn)行詳細(xì)講解。,5.2 逐幀動畫,5.2.1 知識講解 5.2.2 典型案例——制作“扇子開合” 逐幀動畫 5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動畫,5.2.1 知識講解,逐幀動畫是三種基本動畫中最有特點(diǎn)，也是最依賴制作者制作水平的一種動畫類型，這種動畫對制作者的繪畫和動畫制作功力都有較高的要求。 其原理就是通過分解動畫動作，然后在每一關(guān)鍵幀上設(shè)計動畫內(nèi)容，通過這些關(guān)鍵幀的連續(xù)變化形成動畫效果。逐幀動畫更適合于制作每一幀中的圖像都在改變而不是僅僅簡單地在舞臺中移動或變形的復(fù)雜動畫。,5.2.1 知識講解,1. 創(chuàng)建逐幀動畫的幾種方法 2. 逐幀動畫制作技巧,1. 創(chuàng)建逐幀動畫的幾種方法,（1）用導(dǎo)入的靜態(tài)圖片建立逐幀動畫 用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會建立一段逐幀動畫（參考實例：奔跑的駿馬）。 （2）繪制矢量逐幀動畫 用鼠標(biāo)或壓感筆在場景中一幀幀的畫出幀內(nèi)容。 （3）文字逐幀動畫 用文字作幀中的元件，實現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。 （4）指令逐幀動畫 在時間幀面板上，逐幀寫入動作腳本語句來完成元件的變化。 （5）導(dǎo)入序列圖像 可以導(dǎo)入gif序列圖像、swf動畫文件或者利用第3方軟件（如swish、swift 3D等）產(chǎn)生的動畫序列。,繪制矢量逐幀動畫,具體操作如下： （1）首先根據(jù)逐幀動畫所需的幀數(shù)量，在時間軸中預(yù)先插入相應(yīng)的空白關(guān)鍵幀數(shù)量。 （2）選中逐幀動畫中的第1個關(guān)鍵幀，然后使用繪圖工具在關(guān)鍵幀中繪制圖形。 （3）參照第1個關(guān)鍵幀中的圖形位置和大小，在第2個關(guān)鍵幀中繪制具有動作變化效果的第2幀圖形。,繪制矢量逐幀動畫,（4）用類似的方法，依次繪制其余關(guān)鍵幀中的圖形，在繪制時應(yīng)注意關(guān)鍵幀中的圖形與前一關(guān)鍵幀中圖形的相對關(guān)系（位置、大小和動作變化）。 （5）繪制所有關(guān)鍵幀中的圖形后，可通過拖動【時間軸】面板中的播放指針，查看逐幀動畫的效果，然后根據(jù)查看的結(jié)果，對相應(yīng)關(guān)鍵幀中的圖形進(jìn)行適當(dāng)修改即可。,2. 逐幀動畫制作技巧,創(chuàng)建逐幀動畫的技巧有以下三點(diǎn)： 1）預(yù)先繪制草圖 2）使用修改方式創(chuàng)建逐幀動畫 3）使用【繪圖紙外觀】功能編輯動畫,繪畫紙的功能,繪畫紙是一個幫助定位和編輯動畫的輔助功能，這個功能對制作逐幀動畫特別有用。通常情況下，F(xiàn)lash 在舞臺中一次只能顯示動畫序列的單個幀。使用繪畫紙功能后，就可以在舞臺中一次查看兩個或多個幀了。,繪圖紙各個按鈕的介紹,【繪圖紙外觀】按鈕：按下此按鈕后，在時間幀的上方，出現(xiàn) 繪圖紙外觀標(biāo)記。拉動外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。 【繪圖紙外觀輪廓】按鈕：按下此按鈕后，場景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過程。 【編輯多個幀】按鈕：按下后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時編輯”。,繪圖紙各個按鈕的介紹,【修改繪圖紙標(biāo)記】按鈕：按下后，彈出菜單，菜單中有以下選項： 【總是顯示標(biāo)記】選項：會在時間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無論繪圖紙外觀是否打開。 【錨定繪圖紙】選項：會將繪圖紙外觀標(biāo)記鎖定在它們在時間軸標(biāo)題中的當(dāng)前位置。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動。 【繪圖紙 2】選項；會在當(dāng)前幀的兩邊顯示兩個幀。 【繪圖紙 5】選項；會在當(dāng)前幀的兩邊顯示五個幀。 【繪制全部】選項；會在當(dāng)前幀的兩邊顯示全部幀。,5.2.2 典型案例——制作“扇子開合”逐幀動畫,源文件位置：【\第5課\源文件\扇子開合.fla】,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動畫,案例目標(biāo) 本案例將制作一個表現(xiàn)女孩頭發(fā)和裙子隨風(fēng)舞動的“風(fēng)之舞”逐幀動畫，效果如圖所示。通過本例的練習(xí)，可熟練掌握在Flash 8中制作逐幀動畫的基本方法。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“風(fēng)之舞”逐幀動畫.fla】,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動畫,操作思路 （1）將“曠野.jpg”圖片素材導(dǎo)入到庫中，并將其放置到場景中。 （2）新建“人物”圖層，然后使用繪圖工具繪制逐幀動畫的第1個關(guān)鍵幀中的圖形。 （3）參考第1個關(guān)鍵幀中的圖形，依次繪制逐幀動畫中其余關(guān)鍵幀中的圖形。,5.2.3 典型案例——制作“風(fēng)之舞” 逐幀動畫,案例小結(jié) 本案例通過制作“風(fēng)之舞”逐幀動畫，練習(xí)了在Flash 8中創(chuàng)建逐幀動畫的基本方法，并涉及到【繪圖紙外觀】功能的基本應(yīng)用。在制作逐幀動畫的過程中，應(yīng)根據(jù)動畫的實際情況選擇相應(yīng)的繪圖紙外觀顯示方式，或開啟同時編輯多個幀的功能，對動畫中的圖形進(jìn)行編輯和修改。,5.3 動作補(bǔ)間動畫,動作補(bǔ)間動畫是Flash動畫中應(yīng)用最多的一種動畫類型，通常用于在兩個關(guān)鍵幀之間為相同的圖形創(chuàng)建移動、旋轉(zhuǎn)以及縮放等動畫效果，如表現(xiàn)文字移動的效果等。,5.3 動作補(bǔ)間動畫,5.3.1 知識講解 5.3.2 典型案例——制作“廣告 Banner”,5.3.1 知識講解,1. 創(chuàng)建動作補(bǔ)間動畫 2. 為動作補(bǔ)間動畫添加附加效果,1. 創(chuàng)建動作補(bǔ)間動畫,在Flash 8中，創(chuàng)建動作補(bǔ)間動畫的的對象必須是元件或組對象。運(yùn)動補(bǔ)間動畫是對組合、實例和文本的屬性進(jìn)行漸變的動畫。,使關(guān)鍵幀成為動作補(bǔ)間動畫的關(guān)鍵幀,在選中一個或多個關(guān)鍵幀后，執(zhí)行下面的操作均可以將選中的一個或多個關(guān)鍵幀轉(zhuǎn)換為動作動畫的關(guān)鍵幀，從而創(chuàng)建動作動畫。,（1）使用工具箱內(nèi)的選擇工具 ，選中動畫的第1個關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)建補(bǔ)間動畫”菜單命令或單擊“插入”→“時間軸”→“創(chuàng)建補(bǔ)間動畫”菜單命令。選中動畫的最后一個關(guān)鍵幀，按F6鍵。,,創(chuàng)建動作補(bǔ)間動畫的方法,（2）使用工具箱內(nèi)的選擇工具 ，按住Shift鍵，選中動畫的第1個關(guān)鍵幀，再選中動畫的最后一個關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)建補(bǔ)間動畫”菜單命令或單擊“插入”→“時間軸”→“創(chuàng)建補(bǔ)間動畫”菜單命令。,,創(chuàng)建動作補(bǔ)間動畫的方法,動作補(bǔ)間動畫關(guān)鍵幀的“屬性”面板,選中動畫關(guān)鍵幀，彈出動畫關(guān)鍵幀的“屬性”面板。利用該面板可以設(shè)置動畫類型和動畫其他屬性。在“補(bǔ)間”下拉列表框中選擇了“動畫”選項（應(yīng)該翻譯為“動作選項”）后，該面板如下圖所示。該對話框內(nèi)有關(guān)動畫選項的作用如下。,動作補(bǔ)間動畫關(guān)鍵幀的“屬性”面板,（1）“補(bǔ)間”下拉列表框：用來選擇動畫類型。它有三個選項：選擇“無”選項，是沒有動畫；選擇“動畫”選項，是創(chuàng)建動作動畫；選擇“形狀”選項，是創(chuàng)建“形狀”動畫。,（2）“緩動”文本框：可輸入數(shù)據(jù)或調(diào)整滑條的滑塊（數(shù)值范圍是?100到100），來調(diào)整運(yùn)動的加速度。其值為負(fù)數(shù)時為動畫在結(jié)束時加速，其值為正數(shù)時為動畫在結(jié)束時減速。,（3）“旋轉(zhuǎn)”下拉列表框：用來控制對象在運(yùn)動時是否自旋轉(zhuǎn)和旋轉(zhuǎn)方式。選擇“無”，是不旋轉(zhuǎn)；選擇“自動”，是按照盡可能少運(yùn)動的情況下旋轉(zhuǎn)對象；選擇“順時針”，是順時針旋轉(zhuǎn)對象；選擇“逆時針”，是逆時針旋轉(zhuǎn)對象?？梢栽谄溆疫叺摹按巍蔽谋究騼?nèi)輸入旋轉(zhuǎn)的次數(shù)。,（4）“調(diào)整到路徑”復(fù)選框：選中它后，可將運(yùn)動對象的基線調(diào)整到運(yùn)動路徑。 （5）“同步”復(fù)選框：選中它后，可使圖形元件實例的動畫與住時間軸同步。 （6）“對齊”復(fù)選框：選中它后，可使運(yùn)動對象的中心點(diǎn)標(biāo)記與運(yùn)動路徑對齊。,2.為動作補(bǔ)間動畫添加附加效果,在Flash 8中，通過在【屬性】面板中進(jìn)行相應(yīng)的設(shè)置，還可以為創(chuàng)建的動作補(bǔ)間動畫添加明暗變化、色調(diào)變化以及顏色變化等附加效果。 添加旋轉(zhuǎn)、明暗變化、色調(diào)變化、透明度變化、高級顏色變化效果 見實例【淡入淡出.fla】,5.3.2 典型案例——制作“廣告 Banner”,案例目標(biāo) 本例將通過為導(dǎo)入的圖片素材和輸入的文字創(chuàng)建相應(yīng)的動作補(bǔ)間動畫，制作一個“廣告Banner”動畫。通過本例，可掌握在Flash 8中創(chuàng)建動作補(bǔ)間動畫的方法，并練習(xí)為動作補(bǔ)間動畫添加附加效果的基本操作。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“廣告Banner”.fla】,5.3.2 典型案例——制作“廣告 Banner”,操作思路 （1）將素材圖片導(dǎo)入到庫中，并利用導(dǎo)入的“底色.jpg”素材圖片制作“背景”圖層。 （2）新建“泡沫”和“裝飾條”圖層，并在這兩個圖層中分別創(chuàng)建表現(xiàn)氣泡上浮和裝飾條移入場景的動作補(bǔ)間動畫。 （3）利用“啤酒.bmp”和“標(biāo)志.bmp”圖片素材，制作“啤酒”和“標(biāo)志”圖層。 （4）新建“文字”和“文字2”圖層，并在這兩個圖層中創(chuàng)建文字移入場景的動作補(bǔ)間動畫。,5.4 形狀補(bǔ)間動畫,形狀補(bǔ)間動畫可以在兩個關(guān)鍵幀之間，為圖形創(chuàng)建自然過渡的變形動畫效果。合理地利用形狀補(bǔ)間動畫，可以在動畫中制作出各類精美的形狀變化效果。,5.4 形狀補(bǔ)間動畫,5.4.1 知識講解 5.4.2 典型案例——制作“桃花朵朵 開”動畫,5.4.1 知識講解,在了解形狀補(bǔ)間動畫的特點(diǎn)和用途后，下面就對在Flash 8中創(chuàng)建形狀補(bǔ)間動畫，以及利用形狀提示控制形狀變化過程的方法進(jìn)行介紹。,5.4.1 知識講解,1. 創(chuàng)建形狀補(bǔ)間動畫 2. 為動畫添加形狀提示,1. 創(chuàng)建形狀補(bǔ)間動畫,Flash 8可以將圖形、打碎的文字和打碎的點(diǎn)陣圖。Flash 8不能將實例、未打碎的文字、點(diǎn)陣圖像、組合對象進(jìn)行變形。 在形狀動畫中，對象位置和顏色的變換是在兩個對象之間發(fā)生的變化，而在動作動畫中，變化的是同一個對象的位置和顏色屬性。,創(chuàng)建形狀補(bǔ)間動畫的方法一,（1）在時間軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要開始變形的形狀，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，在彈出的菜單中選擇【形狀】，,創(chuàng)建形狀補(bǔ)間動畫的方法二,（1）選中在時間軸內(nèi)一個空白關(guān)鍵幀作為動畫的開始幀。然后，在舞臺工作區(qū)內(nèi)創(chuàng)建一個符合要求的對象，作為形狀動畫的初始對象。 （2）選中形狀動畫的第1個關(guān)鍵幀，再選中“屬性”面板內(nèi)“補(bǔ)間”下拉列表框中的“形狀”選項。,,（3）單擊形狀動畫的終止幀，按F6鍵，創(chuàng)建動畫的終止幀為關(guān)鍵幀。此時，在時間軸上，從第1幀到終止幀之間會出現(xiàn)一個指向右邊的箭頭，幀單元格的背景為淺綠色。 （4）在舞臺工作區(qū)內(nèi)創(chuàng)建一個附合要求的對象，作為形狀動畫的終止對象，再將該幀內(nèi)原有的對象刪除。注意：一定先創(chuàng)建新對象，再刪除原對象；關(guān)鍵幀內(nèi)創(chuàng)建的對象必須是圖形、打碎的文字或打碎（或矢量化）的點(diǎn)陣圖像。,形狀動畫關(guān)鍵幀的“屬性”面板,1）“簡易”選項（緩動）,單擊其右邊的 按鈕，會彈出滑動桿，拖動上面的滑塊可以調(diào)節(jié)參數(shù)值，當(dāng)然也可以在文本框中直接輸入具體的數(shù)值，設(shè)置后，形狀補(bǔ)間動畫會隨之發(fā)生相應(yīng)的變化。 在1到 -100 的負(fù)值之間，動畫運(yùn)動的速度從慢到快，朝運(yùn)動結(jié)束的方向加速度補(bǔ)間。 在1 到 100 的正值之間，動畫運(yùn)動的速度從快到慢，朝運(yùn)動結(jié)束的方向減慢補(bǔ)間。 默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。,“分布式”選項,可使形狀動畫過程中創(chuàng)建的中間過渡幀的圖形較平滑。 【角形】選項：創(chuàng)建的動畫中間形狀會保留有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀。 【分布式】選項：創(chuàng)建的動畫中間形狀比較平滑和不規(guī)則。,2. 為動畫添加形狀提示,在創(chuàng)建形狀補(bǔ)間動畫后，通過為圖形添加形狀提示，可以對圖形各部分之間的變形和過渡效果進(jìn)行控制，從而制作出更具變化的變形效果。,形狀提示,形狀提示就是在形狀的初始圖形與結(jié)束圖形上，分別指定一些形狀的關(guān)鍵點(diǎn)，并使這些關(guān)鍵點(diǎn)在起始幀中和結(jié)束幀中一一對應(yīng)，這樣Flash就會根據(jù)這些關(guān)鍵點(diǎn)的對應(yīng)關(guān)系來計算形狀變化的過程。,添加形狀提示方法,（1）選中時間軸上第1幀單元格，再單擊“修改”→“形狀”→“添加形狀提示”菜單命令，或按Ctrl+Shift+H鍵，即可在第1幀圓形圖形中加入一個形狀提示標(biāo)記“a”。再重復(fù)上述過程，可以繼續(xù)增加“b”到“z”25個形狀提示標(biāo)記。此處再增加一個形狀提示標(biāo)記。,（2）用鼠標(biāo)拖曳這些標(biāo)記，分別放置在第1幀圖形的一些位置處，如圖所示。,第1幀圓球形狀提示標(biāo)記,（3）再選中終止幀單元格，這時會看到終止幀矩形圖形中也有“a”和“b”關(guān)鍵點(diǎn)標(biāo)記（兩個標(biāo)記重疊）。用鼠標(biāo)拖曳這些標(biāo)記，分別放置在矩形圖形的適當(dāng)位置，如圖所示。如果沒有關(guān)鍵點(diǎn)標(biāo)記顯示，可選中“視圖”→“顯示形狀提示”菜單命令。,,終止幀矩形圖形的形狀提示標(biāo)記,（4）在F1ash中最多可以使用26個形狀關(guān)鍵點(diǎn)標(biāo)記，分別用26個英文小寫字母表示。在起始關(guān)鍵幀的形狀關(guān)鍵點(diǎn)用黃色圓圈表示，在終止關(guān)鍵幀用綠色圓圈表示。如果關(guān)鍵點(diǎn)的位置不在曲線上，將顯示紅色圓圈。 見實例【添加形狀提示.fla】,5.4.2 典型案例——制作“桃花 朵朵開”動畫,案例目標(biāo) 本案例將利用形狀補(bǔ)間動畫，制作 “桃花朵朵開”動畫。通過本案例，掌握在Flash 8中創(chuàng)建形狀補(bǔ)間動畫的方法。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“桃花朵朵開”動畫.fla】,5.4.2 典型案例——制作“桃花 朵朵開”動畫,操作思路 （1）導(dǎo)入“畫紙.jpg”圖片素材，然后利用圖片素材制作“畫紙”圖層。 （2）新建“樹干”和“桃花”圖層，并在圖層中分別制作表現(xiàn)樹干變形和桃花開放的形狀補(bǔ)間動畫。 （3）新建“文字”圖層，利用打散的文字創(chuàng)建表現(xiàn)文字變形的形狀補(bǔ)間動畫。,5.4.2 典型案例——制作“桃花 朵朵開”動畫,案例小結(jié) 本案例通過制作“桃花朵朵開”動畫，練習(xí)了在Flash 8中創(chuàng)建形狀補(bǔ)間動畫的基本方法。在本例制作的過程中，如果出現(xiàn)桃花在變化時位置出現(xiàn)交錯的情況，可通過為相應(yīng)的橢圓和桃花圖形添加形狀提示的方法來處理。 另外，在制作本例后，還可嘗試制作類似的動畫效果，以盡快掌握形狀補(bǔ)間動畫這種重要的基本動畫類型。,5.5 綜合實例,5.5.1 制作“飛奔”逐幀動畫 5.5.2 制作“比賽作品征集”動畫 5.5.3 制作“鏡面文字”動畫 5.5.4 制作“臉譜變化”動畫,5.5.1 制作“飛奔”逐幀動畫,本次練習(xí)將制作表現(xiàn)人物跑動的逐幀動畫，然后配合導(dǎo)入的圖片素材，制作出表現(xiàn)人物快速奔跑的動畫效果。本例主要練習(xí)創(chuàng)建逐幀動畫的方法，并了解利用圖片素材襯托動畫效果的方法。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“飛奔”逐幀動畫.fla】,5.5.1 制作“飛奔”逐幀動畫,操作思路 文檔的場景尺寸為500×250像素，背景顏色為白色。 在“人物”圖層中依次插入空白關(guān)鍵幀，并利用繪圖工具在各關(guān)鍵幀中，依次繪制表現(xiàn)人物奔跑動作的連續(xù)圖形。 在“人物”圖層下方新建“背景”圖層，然后利用導(dǎo)入的“模糊.jpg”素材圖片制作背景向后移動的逐幀動畫。,5.5.2 制作“比賽作品征集”動畫,本次練習(xí)將利用動作補(bǔ)間動畫，制作一個用于征集比賽作品的Banner動畫。本例主要練習(xí)創(chuàng)建動作補(bǔ)間動畫的方法，并再次鞏固運(yùn)用動作補(bǔ)間動畫制作Banner動畫的相關(guān)知識。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“比賽作品征集”動畫.fla】,5.5.2 制作“比賽作品征集”動畫,操作思路 文檔的場景尺寸為600×250像素，背景顏色為黃色，幀頻為18fps。 制作表現(xiàn)卡通圖形閃爍的“卡通”圖形元件（元件中的暴力猴圖形可從“為暴力猴填色.fla”中獲得），然后利用導(dǎo)入的“背景.jpg”圖片制作表現(xiàn)背景運(yùn)動的“背景動”影片剪輯。,5.5.2 制作“比賽作品征集”動畫,新建“背景”圖層，在圖層中制作“背景動”影片剪輯淡入場景的動作補(bǔ)間動畫。新建“引導(dǎo)”圖層，在圖層中制作白色矩形移入場景并放大的動作補(bǔ)間動畫。 新建“人物”圖層，利用“卡通”圖形元件制作圖形元件縮放的動作補(bǔ)間動畫。然后分別新建“文字01”、“文字02”和“文字03”圖層，在這三個圖層中為相關(guān)的文字制作動作補(bǔ)間動畫。,5.5.3 制作“鏡面文字”動畫,本次練習(xí)將利用動作補(bǔ)間動畫，制作一個鏡面文字動畫。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“鏡面文字”動畫.fla】,5.5.4 制作“臉譜變化”動畫,本次練習(xí)將利用形狀補(bǔ)間動畫，制作一個臉譜變化動畫。 素材位置：【\第5課\素材】 源文件位置：【\第5課\源文件\制作“臉譜變化”動畫.fla】,