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