第五章根本動(dòng)畫(huà)制作本課要點(diǎn)具體要求本課導(dǎo)讀綜合實(shí)例本章要點(diǎn)時(shí)間軸幀和圖層逐幀動(dòng)畫(huà)動(dòng)作補(bǔ)間動(dòng)畫(huà)形狀補(bǔ)間動(dòng)畫(huà)具體要求了解Flash8中幀和圖層的根本概念，并掌握幀和圖層的根本操作方法。熟練掌握逐幀動(dòng)畫(huà)的創(chuàng)立方法。熟練掌握動(dòng)作補(bǔ)間動(dòng)畫(huà)的創(chuàng)立方法。熟練掌握形狀補(bǔ)間動(dòng)畫(huà)的創(chuàng)立方法。本課導(dǎo)讀 幀和圖層是制作Flash動(dòng)畫(huà)過(guò)程中所涉及到的兩個(gè)重要概念，在Flash8中對(duì)動(dòng)畫(huà)的制作和編輯，實(shí)際上就是對(duì)幀和圖層，以及對(duì)幀和圖層中動(dòng)畫(huà)要素所做的編排和調(diào)整。在掌握了幀和圖層的根本概念和操作方法后，還需要對(duì)Flash8中的根本動(dòng)畫(huà)類型進(jìn)行了解和學(xué)習(xí)，熟練掌握這三種根本動(dòng)畫(huà)的應(yīng)用，就可以制作出各類精美的Flash動(dòng)畫(huà)。5.1動(dòng)畫(huà)制作根底 在正式學(xué)習(xí)動(dòng)畫(huà)制作之前，首先需要了解Flash動(dòng)畫(huà)的類型特點(diǎn)和涉及到的幀和圖層的概念，并掌握Flash8中幀和圖層的根本操作方法。5.1動(dòng)畫(huà)制作根底 5.1.1知識(shí)講解 5.1.2典型案例——制作“霓虹燈箱〞動(dòng)畫(huà)5.1.1知識(shí)講解 1.Flash動(dòng)畫(huà)的根本特點(diǎn) 2.Flash中的根本動(dòng)畫(huà)類型 3.時(shí)間軸 4.幀的概念和類型 5.幀的根本操作 6.圖層的概念和類型 7.圖層的根本操作1.Flash動(dòng)畫(huà)的根本特點(diǎn) Flash動(dòng)畫(huà)之所以能夠越來(lái)越流行，并廣泛應(yīng)用在不同的領(lǐng)域，F(xiàn)lash動(dòng)畫(huà)自身所具備的特點(diǎn)是不可無(wú)視的重要因素之一?；谑噶康膱D形系統(tǒng)，占用空間是位圖的幾千分之一，適合網(wǎng)絡(luò)傳播應(yīng)用領(lǐng)域廣采用“流〞媒體形式可跨平臺(tái)播放交互性強(qiáng)2.Flash中的根本動(dòng)畫(huà)類型 Flash中的根本動(dòng)畫(huà)主要分為逐幀動(dòng)畫(huà)、動(dòng)作補(bǔ)間動(dòng)畫(huà)和形狀補(bǔ)間動(dòng)畫(huà)三種類型。逐幀動(dòng)畫(huà)：Flash中的逐幀動(dòng)畫(huà)通常由多個(gè)連續(xù)的關(guān)鍵幀組成，在各關(guān)鍵幀中分別繪制表現(xiàn)對(duì)象連續(xù)且流暢動(dòng)作的圖形〔如小鳥(niǎo)飛翔、火苗跳動(dòng)等〕。動(dòng)作補(bǔ)間動(dòng)畫(huà)：動(dòng)作補(bǔ)間動(dòng)畫(huà)是根據(jù)同一對(duì)象在兩個(gè)關(guān)鍵幀中大小、位置、旋轉(zhuǎn)、傾斜、透明度等屬性的差異由Flash計(jì)算并自動(dòng)生成的一種動(dòng)畫(huà)類型。形狀補(bǔ)間動(dòng)畫(huà)：形狀補(bǔ)間動(dòng)畫(huà)是通過(guò)Flash計(jì)算兩個(gè)關(guān)鍵幀中矢量圖形的形狀差異，并在兩個(gè)關(guān)鍵幀中自動(dòng)添加變化過(guò)程的一種動(dòng)畫(huà)類型。2.Flash中的根本動(dòng)畫(huà)類型動(dòng)作動(dòng)畫(huà)：在關(guān)鍵幀之間有一條水平指向右邊的箭頭，幀為淺藍(lán)色背景。形狀動(dòng)畫(huà)：在關(guān)鍵幀之間也有一條水平指向右邊的箭頭，幀為淺綠色背景。動(dòng)畫(huà)錯(cuò)誤：表示在創(chuàng)立動(dòng)作動(dòng)畫(huà)中存在錯(cuò)誤，無(wú)法正確完成動(dòng)畫(huà)的制作。3.時(shí)間軸在Flash中，“時(shí)間軸〞是形成動(dòng)畫(huà)的最主要因素，動(dòng)畫(huà)的播放順序就是按照“時(shí)間軸〞從左至右的順序播放的。隨著動(dòng)畫(huà)設(shè)計(jì)越來(lái)越復(fù)雜，“時(shí)間軸〞也會(huì)變得越來(lái)越復(fù)雜，甚至令人感覺(jué)混亂。在學(xué)習(xí)動(dòng)畫(huà)設(shè)計(jì)之前，必須掌握“時(shí)間軸〞的根本要素和根本操作方法。時(shí)間軸窗口時(shí)間軸特效使用Flash內(nèi)置的“時(shí)間軸特效〞，可以方便快捷地實(shí)現(xiàn)一些特殊的動(dòng)畫(huà)效果，例如投影效果、對(duì)象變形、別離等?！皶r(shí)間軸特效〞應(yīng)用的對(duì)象包括文本、圖形〔包括矢量圖、組合對(duì)象〕、位圖以及各種元件。4.幀的概念和類型 幀是組成Flash動(dòng)畫(huà)最根本的單位，通過(guò)在不同的幀中放置相應(yīng)的動(dòng)畫(huà)元素〔如位圖、文字和矢量圖等〕，然后對(duì)這些幀進(jìn)行連續(xù)播放，最終實(shí)現(xiàn)Flash動(dòng)畫(huà)效果。在Flash8中，根據(jù)幀的不同功能和含義，可將幀分為空白關(guān)鍵幀、關(guān)鍵幀和普通幀三種。①空白關(guān)鍵幀空白關(guān)鍵幀在時(shí)間軸中以一個(gè)空心圓表示。它是一個(gè)沒(méi)有內(nèi)容的關(guān)鍵幀。如果新建一個(gè)Flash文件，那么會(huì)在第1幀自動(dòng)創(chuàng)立一個(gè)空白關(guān)鍵幀?？瞻钻P(guān)鍵幀內(nèi)可以創(chuàng)立各種對(duì)象。選中某一個(gè)空白幀，再按F7鍵，即可將它轉(zhuǎn)換為空白關(guān)鍵幀。②關(guān)鍵幀關(guān)鍵幀在時(shí)間軸中以一個(gè)黑色實(shí)心圓表示。該幀內(nèi)有對(duì)象，可以進(jìn)行編輯。選中一個(gè)空白幀，再按F6鍵，即可創(chuàng)立一個(gè)關(guān)鍵幀。③普通幀在關(guān)鍵幀的右邊的淺灰色背景幀單元格是普通幀，表示它的內(nèi)容與左邊的關(guān)鍵幀內(nèi)容一樣。選中關(guān)鍵幀右邊的一個(gè)空白幀，再按F5鍵，那么從關(guān)鍵幀到選中的幀之間的所有幀均變成普通幀。動(dòng)作幀該幀本身也是一個(gè)關(guān)鍵幀，其中有一個(gè)字母“a〞，表示這一幀中分配有動(dòng)作腳本。當(dāng)影片播放到這一幀時(shí)會(huì)執(zhí)行相應(yīng)的腳本程序。要參加動(dòng)作需彈出“動(dòng)作-幀〞面板。過(guò)渡幀它是兩個(gè)關(guān)鍵幀之間，創(chuàng)立補(bǔ)間動(dòng)畫(huà)后由Flash計(jì)算生成的幀，它的底色為淺藍(lán)色或淺綠色。不可以對(duì)過(guò)渡幀進(jìn)行編輯5.幀的根本操作幀的根本操作包括以下幾項(xiàng)：1〕選擇幀2〕移動(dòng)幀3〕復(fù)制幀4〕插入幀5〕翻轉(zhuǎn)幀6〕去除幀7〕刪除幀8〕更改幀的顯示方式9〕添加幀標(biāo)簽1〕選擇幀編輯幀以前應(yīng)先選中要編輯的幀。在時(shí)間軸中選中假設(shè)干幀，然后單擊右鍵，即可彈出幀快捷菜單，常常需要使用幀快捷菜單中的菜單命令來(lái)編輯幀。選擇幀的方法〔1〕選中一個(gè)幀：?jiǎn)螕粢粠膯卧瘢纯蛇x中該幀?！?〕選中連續(xù)的多個(gè)幀：按住Shift鍵，選中一個(gè)或多個(gè)動(dòng)畫(huà)所在圖層內(nèi)左上角的幀，再單擊右下角的幀，即可選中連續(xù)的所有幀。另外，選中某一個(gè)非關(guān)鍵幀，再拖曳鼠標(biāo)。〔3〕選中一個(gè)圖層的所有幀：?jiǎn)螕艨刂茀^(qū)域內(nèi)的某一圖層，即可選中該圖層的所有幀。選擇幀的方法〔4〕選中多個(gè)連續(xù)圖層的所有幀：按住Shift鍵，單擊控制區(qū)域內(nèi)的連續(xù)圖層中第1個(gè)圖層，再單擊連續(xù)圖層中最后一個(gè)圖層，即可選中多個(gè)連續(xù)圖層內(nèi)的所有幀。〔5〕選中多個(gè)圖層的所有幀：按住Ctrl鍵，單擊控制區(qū)域內(nèi)的各個(gè)圖。〔6〕選擇所有幀：選中幀快捷菜單中的“選擇所有幀〞菜單命令。2〕移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量〔1〕移動(dòng)幀：在時(shí)間軸中選中假設(shè)干幀，用鼠標(biāo)拖曳選中的幀，可以把它們移到目的位置?！?〕復(fù)制幀和移動(dòng)幀：選中要移動(dòng)的幀，單擊幀快捷菜單中的“復(fù)制幀〞〔或“剪切幀〞〕菜單命令，將選中的幀復(fù)制〔剪切〕到剪貼板內(nèi)。再在時(shí)間軸窗口中選中一個(gè)幀單元格，然后彈出“幀〞快捷菜單，單擊快捷菜單中的“粘貼幀〞，即可把剪貼板中的假設(shè)干幀粘貼到時(shí)間軸窗口選定的幀內(nèi)，從而實(shí)現(xiàn)復(fù)制幀〔移動(dòng)幀〕。2〕移動(dòng)幀、復(fù)制幀和調(diào)整過(guò)渡幀的數(shù)量〔3〕調(diào)整過(guò)渡幀的數(shù)量：在創(chuàng)立了運(yùn)動(dòng)或形狀動(dòng)畫(huà)后，如果要調(diào)整過(guò)渡的長(zhǎng)度，可以先選中起始或結(jié)束關(guān)鍵幀，然后用鼠標(biāo)水平拖曳該幀單元格，在拖曳幀單元格的時(shí)候，可能會(huì)出現(xiàn)只拖曳了結(jié)束幀單元格，此時(shí)需要再拖曳終止關(guān)鍵幀，使它與結(jié)束幀單元格重合。3〕插入幀和刪除幀〔1〕插入普通幀：選中要插入普通幀的幀單元格，然后按F5鍵。這時(shí)就會(huì)在選中的幀單元格中新增加一個(gè)普通幀，該幀單元格中原來(lái)的幀以及它右面的幀都會(huì)向右移動(dòng)一幀?！?〕刪除幀：在時(shí)間軸窗口中選中要?jiǎng)h除的一個(gè)或多個(gè)幀，然后單擊幀快捷菜單中的“刪除幀〞菜單命令。按住Shift+F5鍵，也可以刪除選中的幀。3〕插入幀和刪除幀〔3〕插入關(guān)鍵幀，選中要插入關(guān)鍵幀的幀單元格，然后按F6鍵或單擊幀快捷菜單中的“插入關(guān)鍵幀〞菜單命令?！?〕插入空白關(guān)鍵幀：選中要插入空白關(guān)鍵幀的幀單元格，然后按F7鍵或單擊幀快捷菜單中的“插入空白關(guān)鍵幀〞菜單命令。3〕插入幀和刪除幀〔5〕去除關(guān)鍵幀：選中要?jiǎng)h除的關(guān)鍵幀，然后單擊幀快捷菜單中的“刪除關(guān)鍵幀〞菜單命令。此時(shí)，原關(guān)鍵幀中的內(nèi)容會(huì)被前面的關(guān)鍵幀內(nèi)容取代?！?〕去除幀：選中要去除的幀，然后單擊幀快捷菜單中的“去除幀〞菜單命令，可將選中的幀中的內(nèi)容去除，使該幀成為空白關(guān)鍵幀。4〕轉(zhuǎn)換為關(guān)鍵幀和動(dòng)畫(huà)反向播放〔1〕轉(zhuǎn)換為關(guān)鍵幀〔或空白關(guān)鍵幀〕：選中要轉(zhuǎn)換的普通幀，然后單擊幀快捷菜單中的“轉(zhuǎn)換為關(guān)鍵幀〞〔或“轉(zhuǎn)換為空白關(guān)鍵幀〞〕菜單命令?！?〕動(dòng)畫(huà)反向播放：動(dòng)畫(huà)反向播放就是使起始幀變?yōu)榻K止幀，終止幀變?yōu)槠鹗紟?。選中一段動(dòng)畫(huà)，可以包括多個(gè)圖層，然后單擊幀快捷菜單中的“翻轉(zhuǎn)幀〞菜單命令。5〕為幀添加標(biāo)簽和注釋“時(shí)間軸〞上的每一個(gè)幀都有一個(gè)編號(hào)。例如第1幀，第5幀等，都是指這種絕對(duì)的幀編號(hào)。在動(dòng)畫(huà)設(shè)計(jì)中，常常會(huì)用動(dòng)作腳本來(lái)控制動(dòng)畫(huà)的播放。例如，gotoAndPlay〔10〕命令中的10就是指第10幀。但是，如果我們?cè)诘?0幀前插入了新幀，那么gotoAndPlay〔10〕命令中的第10幀就不是原來(lái)的第10幀了，這就要求修改命令中的幀編號(hào)，以指向所希望的幀。5〕為幀添加標(biāo)簽和注釋可以使用幀標(biāo)簽代替幀編號(hào)來(lái)防止上述問(wèn)題。使用幀標(biāo)簽來(lái)標(biāo)識(shí)關(guān)鍵幀，當(dāng)添加或移動(dòng)幀時(shí)，幀標(biāo)簽會(huì)隨著幀移動(dòng)，而不管幀編號(hào)是否改變。這樣不管時(shí)間軸如何調(diào)整，也不用修改腳本程序了。5〕為幀添加標(biāo)簽和注釋輸入幀標(biāo)簽“時(shí)間軸〞上的幀標(biāo)簽“標(biāo)簽類型〞下拉列表框：在輸入關(guān)鍵幀的標(biāo)簽名稱后“標(biāo)簽類型〞下拉列表框才會(huì)生效。該下拉列表框可以用來(lái)定義標(biāo)簽的類型，其中有三個(gè)選項(xiàng)“名稱〞、“注釋〞、“錨記〞。5〕為幀添加標(biāo)簽和注釋幀注釋用于為自己或他人提供提示，有助于對(duì)動(dòng)畫(huà)的后期制作或修改。命名錨記：為幀添加命名錨記后，可以使用戶使用瀏覽器中的“前進(jìn)〞和“后退〞按鈕從一個(gè)幀跳到另一個(gè)幀，或者從一個(gè)場(chǎng)景跳到另一個(gè)場(chǎng)景來(lái)觀看動(dòng)畫(huà)。6.圖層的概念和類型 Flash8中的圖層就像一張透明的紙，而動(dòng)畫(huà)中的多個(gè)圖層，就相當(dāng)于一疊透明的紙，通過(guò)調(diào)整這些紙張的上下位置，就可以改變紙張中圖形的上下層次關(guān)系。6.圖層的概念和類型圖層類型層文件夾引導(dǎo)層運(yùn)動(dòng)引導(dǎo)層：它可以引導(dǎo)對(duì)象沿輔助線移動(dòng)，產(chǎn)生引導(dǎo)動(dòng)作動(dòng)畫(huà)普通引導(dǎo)層：只起到輔助繪圖的作用。方法是：創(chuàng)立一個(gè)普通圖層。將鼠標(biāo)指針移到該圖層名稱處，單擊鼠標(biāo)右鍵，彈出圖層快捷菜單，再單擊快捷菜單中的“引導(dǎo)層〞菜單命令遮罩層普通層各種圖層7.圖層的根本操作圖層的根本操作包括以下幾項(xiàng)：1〕新建圖層2〕移動(dòng)圖層3〕重命名圖層4〕刪除圖層5〕鎖定與隱藏圖層6〕利用圖層文件夾管理圖層7〕設(shè)置圖層屬性選擇圖層選中一個(gè)或多個(gè)圖層中的所有幀，也就是選中了該圖層。〔1〕選中一個(gè)圖層：在時(shí)間軸窗口中單擊圖層控制區(qū)的相應(yīng)圖層行。選中的圖層，其圖層控制區(qū)的相應(yīng)圖層行呈黑底色，在圖層名稱的右邊出現(xiàn)一個(gè)筆狀圖標(biāo)；另外，在舞臺(tái)工作區(qū)中，選中一個(gè)對(duì)象，該對(duì)象所在的圖層就會(huì)同時(shí)被選中?！?〕選中多個(gè)圖層：按下Shift鍵或Ctrl鍵，同時(shí)單擊控制區(qū)內(nèi)各相應(yīng)圖層行，即可選中多個(gè)圖層。顯示/隱藏圖層和鎖定/解鎖圖層〔1〕顯示/隱藏所有圖層：?jiǎn)螕魣D層控制區(qū)第一行的圖標(biāo)，即可隱藏所有圖層的對(duì)象，所有圖層的顯示列會(huì)出現(xiàn)紅色的，表示該層被隱藏了。再單擊圖標(biāo)，即可顯示所有圖層，紅色的也會(huì)取消。被隱藏的圖層中對(duì)象不會(huì)顯示出來(lái)，但可以正常輸出?！?〕顯示/隱藏一個(gè)圖層：?jiǎn)螕魣D層控制區(qū)某一個(gè)圖層的顯示列上的小黑點(diǎn)，即可使該圖層顯示列出現(xiàn)一個(gè)紅色，表示該層被隱藏了，再單擊紅色，就會(huì)將該圖層顯示出來(lái)?！?〕顯示/隱藏連續(xù)的幾個(gè)圖層：在圖層控制區(qū)顯示列，拖曳鼠標(biāo)圈起多個(gè)圖層?！?〕顯示/隱藏未選中的所有圖層：按下Alt鍵，單擊圖層控制區(qū)某一個(gè)圖層的顯示列。鎖定/解鎖圖層的操作方法與顯示/隱藏圖層的方法相似，只是操作的不是圖標(biāo)，而是圖標(biāo)。所有圖形與動(dòng)畫(huà)制作都是在選中的當(dāng)前圖層中進(jìn)行，任何時(shí)刻只能有一個(gè)當(dāng)前圖層。在任何可見(jiàn)的并且沒(méi)有被鎖定圖層中，可以進(jìn)行對(duì)象的編輯。給圖層重命名和改變圖層的順序〔1〕給圖層重命名：雙擊圖層控制區(qū)相應(yīng)圖層的名稱，使黑底色變?yōu)榘椎咨?，然后輸入新的圖層名稱即可?！?〕改變圖層順序：圖層的順序決定了工作區(qū)各圖層的前后關(guān)系。用鼠標(biāo)拖曳圖層控制區(qū)域內(nèi)的圖層，即可將圖層上下移動(dòng)，改變圖層的順序。刪除圖層和復(fù)制圖層〔1〕刪除圖層：首先選中一個(gè)或多個(gè)圖層，然后單擊“刪除圖層〞圖標(biāo)或者拖曳選中的圖層到“刪除圖層〞圖標(biāo)之上?！?〕復(fù)制圖層：復(fù)制圖層就是復(fù)制該圖層中的所有幀。利用幀快捷菜單中的菜單命令，通過(guò)剪貼板可以將選中圖層中的所有幀復(fù)制到時(shí)間軸的其他圖層中。復(fù)制圖層具體操作方法選中要復(fù)制的圖層。將鼠標(biāo)指針移到選中的幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單。單擊幀快捷菜單中的“復(fù)制幀〞菜單命令，將選中的圖層中的所有幀復(fù)制到剪貼板中。 新建一個(gè)圖層，選中該圖層。將鼠標(biāo)指針移到選中幀之上，單擊鼠標(biāo)右鍵，彈出幀快捷菜單。再單擊該菜單中的“粘貼幀〞菜單命令，將剪貼板中的內(nèi)容粘貼到選中圖層的各幀中。5.1.2典型案例——制作“霓虹

燈箱〞動(dòng)畫(huà)案例目標(biāo) 本案例將通過(guò)對(duì)幀和圖層進(jìn)行操作，并配合繪圖工具和文本工具，制作出“霓虹燈箱〞動(dòng)畫(huà)效果。源文件位置：【\第5課\源文件\制作“霓虹燈箱〞動(dòng)畫(huà).fla】5.1.2典型案例——制作“霓虹

燈箱〞動(dòng)畫(huà)操作思路 〔1〕將圖層1重命名，并繪制燈箱圖形。 〔2〕新建“霓虹彩條〞圖層，在圖層中通過(guò)對(duì)幀進(jìn)行相應(yīng)的操作，制作出霓虹彩條閃爍的動(dòng)畫(huà)效果。 〔3〕新建“文字〞和“彩燈〞圖層，在這兩個(gè)圖層中制作文字顏色變換和彩燈運(yùn)動(dòng)的動(dòng)畫(huà)效果。5.1.2典型案例——制作“霓虹

燈箱〞動(dòng)畫(huà)案例小結(jié)

本案例通過(guò)將繪制的燈箱圖形、彩色線條、橢圓以及輸入的文字，分別放置到不同圖層中，并在各圖層中利用關(guān)鍵幀的插入和復(fù)制等方法，制作了表現(xiàn)霓虹燈箱閃爍的動(dòng)畫(huà)效果。在本例中，主要練習(xí)了新建圖層、重命名圖層、選擇幀、插入幀以及復(fù)制幀等操作。5.2逐幀動(dòng)畫(huà) 在前面了解了Flash動(dòng)畫(huà)的根本特點(diǎn)和類型，并學(xué)習(xí)了幀和圖層的根本操作。從這一節(jié)開(kāi)始，就將正式對(duì)Flash8中的動(dòng)畫(huà)制作進(jìn)行學(xué)習(xí)。 在本節(jié)中，首先對(duì)Flash8中制作逐幀動(dòng)畫(huà)的根本方法進(jìn)行詳細(xì)講解。5.2逐幀動(dòng)畫(huà) 5.2.1知識(shí)講解 5.2.2典型案例——制作“扇子開(kāi)合〞 逐幀動(dòng)畫(huà) 5.2.3典型案例——制作“風(fēng)之舞〞逐幀動(dòng)畫(huà)5.2.1知識(shí)講解 逐幀動(dòng)畫(huà)是三種根本動(dòng)畫(huà)中最有特點(diǎn)，也是最依賴制作者制作水平的一種動(dòng)畫(huà)類型，這種動(dòng)畫(huà)對(duì)制作者的繪畫(huà)和動(dòng)畫(huà)制作功力都有較高的要求。 其原理就是通過(guò)分解動(dòng)畫(huà)動(dòng)作，然后在每一關(guān)鍵幀上設(shè)計(jì)動(dòng)畫(huà)內(nèi)容，通過(guò)這些關(guān)鍵幀的連續(xù)變化形成動(dòng)畫(huà)效果。逐幀動(dòng)畫(huà)更適合于制作每一幀中的圖像都在改變而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)或變形的復(fù)雜動(dòng)畫(huà)。5.2.1知識(shí)講解 1.創(chuàng)立逐幀動(dòng)畫(huà)的幾種方法 2.逐幀動(dòng)畫(huà)制作技巧1.創(chuàng)立逐幀動(dòng)畫(huà)的幾種方法〔1〕用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫(huà)用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會(huì)建立一段逐幀動(dòng)畫(huà)〔參考實(shí)例：奔跑的駿馬〕?！?〕繪制矢量逐幀動(dòng)畫(huà)用鼠標(biāo)或壓感筆在場(chǎng)景中一幀幀的畫(huà)出幀內(nèi)容?！?〕文字逐幀動(dòng)畫(huà)用文字作幀中的元件，實(shí)現(xiàn)文字跳躍、旋轉(zhuǎn)等特效?！?〕指令逐幀動(dòng)畫(huà)在時(shí)間幀面板上，逐幀寫(xiě)入動(dòng)作腳本語(yǔ)句來(lái)完成元件的變化?！?〕導(dǎo)入序列圖像可以導(dǎo)入gif序列圖像、swf動(dòng)畫(huà)文件或者利用第3方軟件〔如swish、swift3D等〕產(chǎn)生的動(dòng)畫(huà)序列。繪制矢量逐幀動(dòng)畫(huà) 具體操作如下：〔1〕首先根據(jù)逐幀動(dòng)畫(huà)所需的幀數(shù)量，在時(shí)間軸中預(yù)先插入相應(yīng)的空白關(guān)鍵幀數(shù)量?！?〕選中逐幀動(dòng)畫(huà)中的第1個(gè)關(guān)鍵幀，然后使用繪圖工具在關(guān)鍵幀中繪制圖形。〔3〕參照第1個(gè)關(guān)鍵幀中的圖形位置和大小，在第2個(gè)關(guān)鍵幀中繪制具有動(dòng)作變化效果的第2幀圖形。繪制矢量逐幀動(dòng)畫(huà) 〔4〕用類似的方法，依次繪制其余關(guān)鍵幀中的圖形，在繪制時(shí)應(yīng)注意關(guān)鍵幀中的圖形與前一關(guān)鍵幀中圖形的相對(duì)關(guān)系〔位置、大小和動(dòng)作變化〕。 〔5〕繪制所有關(guān)鍵幀中的圖形后，可通過(guò)拖動(dòng)【時(shí)間軸】面板中的播放指針，查看逐幀動(dòng)畫(huà)的效果，然后根據(jù)查看的結(jié)果，對(duì)相應(yīng)關(guān)鍵幀中的圖形進(jìn)行適當(dāng)修改即可。2.逐幀動(dòng)畫(huà)制作技巧創(chuàng)立逐幀動(dòng)畫(huà)的技巧有以下三點(diǎn)： 1〕預(yù)先繪制草圖 2〕使用修改方式創(chuàng)立逐幀動(dòng)畫(huà) 3〕使用【繪圖紙外觀】功能編輯動(dòng)畫(huà)繪畫(huà)紙的功能繪畫(huà)紙是一個(gè)幫助定位和編輯動(dòng)畫(huà)的輔助功能，這個(gè)功能對(duì)制作逐幀動(dòng)畫(huà)特別有用。通常情況下，F(xiàn)lash在舞臺(tái)中一次只能顯示動(dòng)畫(huà)序列的單個(gè)幀。使用繪畫(huà)紙功能后，就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀了。繪圖紙各個(gè)按鈕的介紹【繪圖紙外觀】按鈕：按下此按鈕后，在時(shí)間幀的上方，出現(xiàn)

繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍。【繪圖紙外觀輪廓】按鈕：按下此按鈕后，場(chǎng)景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對(duì)象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過(guò)程?！揪庉嫸鄠€(gè)幀】按鈕：按下后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時(shí)編輯〞。繪圖紙各個(gè)按鈕的介紹【修改繪圖紙標(biāo)記】按鈕：按下后，彈出菜單，菜單中有以下選項(xiàng)：【總是顯示標(biāo)記】選項(xiàng)：會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無(wú)論繪圖紙外觀是否翻開(kāi)?！惧^定繪圖紙】選項(xiàng)：會(huì)將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過(guò)錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動(dòng)。【繪圖紙2】選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀。【繪圖紙5】選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀?！纠L制全部】選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示全部幀。5.2.2典型案例——制作“扇子開(kāi)合〞逐幀動(dòng)畫(huà)源文件位置：【\第5課\源文件\扇子開(kāi)合.fla】5.2.3典型案例——制作“風(fēng)之舞〞

逐幀動(dòng)畫(huà)案例目標(biāo) 本案例將制作一個(gè)表現(xiàn)女孩頭發(fā)和裙子隨風(fēng)舞動(dòng)的“風(fēng)之舞〞逐幀動(dòng)畫(huà)，效果如下圖。通過(guò)本例的練習(xí)，可熟練掌握在Flash8中制作逐幀動(dòng)畫(huà)的根本方法。素材位置：【\第5課\素材】源文件位置：【\第5課\源文件\制作“風(fēng)之舞〞逐幀動(dòng)畫(huà).fla】5.2.3典型案例——制作“風(fēng)之舞〞

逐幀動(dòng)畫(huà)操作思路〔1〕將“曠野.jpg〞圖片素材導(dǎo)入到庫(kù)中，并將其放置到場(chǎng)景中。〔2〕新建“人物〞圖層，然后使用繪圖工具繪制逐幀動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀中的圖形?！?〕參考第1個(gè)關(guān)鍵幀中的圖形，依次繪制逐幀動(dòng)畫(huà)中其余關(guān)鍵幀中的圖形。5.2.3典型案例——制作“風(fēng)之舞〞

逐幀動(dòng)畫(huà)案例小結(jié) 本案例通過(guò)制作“風(fēng)之舞〞逐幀動(dòng)畫(huà)，練習(xí)了在Flash8中創(chuàng)立逐幀動(dòng)畫(huà)的根本方法，并涉及到【繪圖紙外觀】功能的根本應(yīng)用。在制作逐幀動(dòng)畫(huà)的過(guò)程中，應(yīng)根據(jù)動(dòng)畫(huà)的實(shí)際情況選擇相應(yīng)的繪圖紙外觀顯示方式，或開(kāi)啟同時(shí)編輯多個(gè)幀的功能，對(duì)動(dòng)畫(huà)中的圖形進(jìn)行編輯和修改。5.3動(dòng)作補(bǔ)間動(dòng)畫(huà) 動(dòng)作補(bǔ)間動(dòng)畫(huà)是Flash動(dòng)畫(huà)中應(yīng)用最多的一種動(dòng)畫(huà)類型，通常用于在兩個(gè)關(guān)鍵幀之間為相同的圖形創(chuàng)立移動(dòng)、旋轉(zhuǎn)以及縮放等動(dòng)畫(huà)效果，如表現(xiàn)文字移動(dòng)的效果等。5.3動(dòng)作補(bǔ)間動(dòng)畫(huà) 5.3.1知識(shí)講解 5.3.2典型案例——制作“廣告Banner〞5.3.1知識(shí)講解 1.創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà) 2.為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果1.創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà) 在Flash8中，創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)的的對(duì)象必須是元件或組對(duì)象。運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)是對(duì)組合、實(shí)例和文本的屬性進(jìn)行漸變的動(dòng)畫(huà)。使關(guān)鍵幀成為動(dòng)作補(bǔ)間動(dòng)畫(huà)的關(guān)鍵幀在選中一個(gè)或多個(gè)關(guān)鍵幀后，執(zhí)行下面的操作均可以將選中的一個(gè)或多個(gè)關(guān)鍵幀轉(zhuǎn)換為動(dòng)作動(dòng)畫(huà)的關(guān)鍵幀，從而創(chuàng)立動(dòng)作動(dòng)畫(huà)?！?〕使用工具箱內(nèi)的選擇工具，選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)立補(bǔ)間動(dòng)畫(huà)〞菜單命令或單擊“插入〞→“時(shí)間軸〞→“創(chuàng)立補(bǔ)間動(dòng)畫(huà)〞菜單命令。選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀，按F6鍵。創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法〔2〕使用工具箱內(nèi)的選擇工具，按住Shift鍵，選中動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，再選中動(dòng)畫(huà)的最后一個(gè)關(guān)鍵幀，單擊鼠標(biāo)右鍵，彈出幀快捷菜單命令，單擊該菜單命令中的“創(chuàng)立補(bǔ)間動(dòng)畫(huà)〞菜單命令或單擊“插入〞→“時(shí)間軸〞→“創(chuàng)立補(bǔ)間動(dòng)畫(huà)〞菜單命令。創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法動(dòng)作補(bǔ)間動(dòng)畫(huà)關(guān)鍵幀的“屬性〞面板選中動(dòng)畫(huà)關(guān)鍵幀，彈出動(dòng)畫(huà)關(guān)鍵幀的“屬性〞面板。利用該面板可以設(shè)置動(dòng)畫(huà)類型和動(dòng)畫(huà)其他屬性。在“補(bǔ)間〞下拉列表框中選擇了“動(dòng)畫(huà)〞選項(xiàng)〔應(yīng)該翻譯為“動(dòng)作選項(xiàng)〞〕后，該面板如以下圖所示。該對(duì)話框內(nèi)有關(guān)動(dòng)畫(huà)選項(xiàng)的作用如下。動(dòng)作補(bǔ)間動(dòng)畫(huà)關(guān)鍵幀的“屬性〞面板〔1〕“補(bǔ)間〞下拉列表框：用來(lái)選擇動(dòng)畫(huà)類型。它有三個(gè)選項(xiàng)：選擇“無(wú)〞選項(xiàng)，是沒(méi)有動(dòng)畫(huà)；選擇“動(dòng)畫(huà)〞選項(xiàng)，是創(chuàng)立動(dòng)作動(dòng)畫(huà)；選擇“形狀〞選項(xiàng)，是創(chuàng)立“形狀〞動(dòng)畫(huà)?！?〕“緩動(dòng)〞文本框：可輸入數(shù)據(jù)或調(diào)整滑條的滑塊〔數(shù)值范圍是?100到100〕，來(lái)調(diào)整運(yùn)動(dòng)的加速度。其值為負(fù)數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)加速，其值為正數(shù)時(shí)為動(dòng)畫(huà)在結(jié)束時(shí)減速。〔3〕“旋轉(zhuǎn)〞下拉列表框：用來(lái)控制對(duì)象在運(yùn)動(dòng)時(shí)是否自旋轉(zhuǎn)和旋轉(zhuǎn)方式。選擇“無(wú)〞，是不旋轉(zhuǎn)；選擇“自動(dòng)〞，是按照盡可能少運(yùn)動(dòng)的情況下旋轉(zhuǎn)對(duì)象；選擇“順時(shí)針〞，是順時(shí)針旋轉(zhuǎn)對(duì)象；選擇“逆時(shí)針〞，是逆時(shí)針旋轉(zhuǎn)對(duì)象?？梢栽谄溆疫叺摹按唯曃谋究騼?nèi)輸入旋轉(zhuǎn)的次數(shù)?！?〕“調(diào)整到路徑〞復(fù)選框：選中它后，可將運(yùn)動(dòng)對(duì)象的基線調(diào)整到運(yùn)動(dòng)路徑。〔5〕“同步〞復(fù)選框：選中它后，可使圖形元件實(shí)例的動(dòng)畫(huà)與住時(shí)間軸同步?！?〕“對(duì)齊〞復(fù)選框：選中它后，可使運(yùn)動(dòng)對(duì)象的中心點(diǎn)標(biāo)記與運(yùn)動(dòng)路徑對(duì)齊。2.為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果 在Flash8中，通過(guò)在【屬性】面板中進(jìn)行相應(yīng)的設(shè)置，還可以為創(chuàng)立的動(dòng)作補(bǔ)間動(dòng)畫(huà)添加明暗變化、色調(diào)變化以及顏色變化等附加效果。 添加旋轉(zhuǎn)、明暗變化、色調(diào)變化、透明度變化、高級(jí)顏色變化效果見(jiàn)實(shí)例【淡入淡出.fla】5.3.2典型案例——制作“廣告

Banner〞案例目標(biāo) 本例將通過(guò)為導(dǎo)入的圖片素材和輸入的文字創(chuàng)立相應(yīng)的動(dòng)作補(bǔ)間動(dòng)畫(huà)，制作一個(gè)“廣告Banner〞動(dòng)畫(huà)。通過(guò)本例，可掌握在Flash8中創(chuàng)立動(dòng)作補(bǔ)間動(dòng)畫(huà)的方法，并練習(xí)為動(dòng)作補(bǔ)間動(dòng)畫(huà)添加附加效果的根本操作。素材位置：【\第5課\素材】源文件位置：【\第5課\源文件\制作“廣告Banner〞.fla】5.3.2典型案例——制作“廣告

Banner〞操作思路〔1〕將素材圖片導(dǎo)入到庫(kù)中，并利用導(dǎo)入的“底色.jpg〞素材圖片制作“背景〞圖層?！?〕新建“泡沫〞和“裝飾條〞圖層，并在這兩個(gè)圖層中分別創(chuàng)立表現(xiàn)氣泡上浮和裝飾條移入場(chǎng)景的動(dòng)作補(bǔ)間動(dòng)畫(huà)。〔3〕利用“啤酒.bmp〞和“標(biāo)志.bmp〞圖片素材，制作“啤酒〞和“標(biāo)志〞圖層?！?〕新建“文字〞和“文字2〞圖層，并在這兩個(gè)圖層中創(chuàng)立文字移入場(chǎng)景的動(dòng)作補(bǔ)間動(dòng)畫(huà)。5.4形狀補(bǔ)間動(dòng)畫(huà) 形狀補(bǔ)間動(dòng)畫(huà)可以在兩個(gè)關(guān)鍵幀之間，為圖形創(chuàng)立自然過(guò)渡的變形動(dòng)畫(huà)效果。合理地利用形狀補(bǔ)間動(dòng)畫(huà)，可以在動(dòng)畫(huà)中制作出各類精美的形狀變化效果。 5.4形狀補(bǔ)間動(dòng)畫(huà) 5.4.1知識(shí)講解 5.4.2典型案例——制作“桃花朵朵開(kāi)〞動(dòng)畫(huà) 5.4.1知識(shí)講解 在了解形狀補(bǔ)間動(dòng)畫(huà)的特點(diǎn)和用途后，下面就對(duì)在Flash8中創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)，以及利用形狀提示控制形狀變化過(guò)程的方法進(jìn)行介紹。5.4.1知識(shí)講解 1.創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà) 2.為動(dòng)畫(huà)添加形狀提示1.創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà) Flash8可以將圖形、打碎的文字和打碎的點(diǎn)陣圖。Flash8不能將實(shí)例、未打碎的文字、點(diǎn)陣圖像、組合對(duì)象進(jìn)行變形。

在形狀動(dòng)畫(huà)中，對(duì)象位置和顏色的變換是在兩個(gè)對(duì)象之間發(fā)生的變化，而在動(dòng)作動(dòng)畫(huà)中，變化的是同一個(gè)對(duì)象的位置和顏色屬性。創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)的方法一〔1〕在時(shí)間軸面板上動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)立或選擇一個(gè)關(guān)鍵幀并設(shè)置要開(kāi)始變形的形狀，一般一幀中以一個(gè)對(duì)象為好，在動(dòng)畫(huà)結(jié)束處創(chuàng)立或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開(kāi)始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，在彈出的菜單中選擇【形狀】，創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)的方法二〔1〕選中在時(shí)間軸內(nèi)一個(gè)空白關(guān)鍵幀作為動(dòng)畫(huà)的開(kāi)始幀。然后，在舞臺(tái)工作區(qū)內(nèi)創(chuàng)立一個(gè)符合要求的對(duì)象，作為形狀動(dòng)畫(huà)的初始對(duì)象?！?〕選中形狀動(dòng)畫(huà)的第1個(gè)關(guān)鍵幀，再選中“屬性〞面板內(nèi)“補(bǔ)間〞下拉列表框中的“形狀〞選項(xiàng)?！?〕單擊形狀動(dòng)畫(huà)的終止幀，按F6鍵，創(chuàng)立動(dòng)畫(huà)的終止幀為關(guān)鍵幀。此時(shí)，在時(shí)間軸上，從第1幀到終止幀之間會(huì)出現(xiàn)一個(gè)指向右邊的箭頭，幀單元格的背景為淺綠色?！?〕在舞臺(tái)工作區(qū)內(nèi)創(chuàng)立一個(gè)附合要求的對(duì)象，作為形狀動(dòng)畫(huà)的終止對(duì)象，再將該幀內(nèi)原有的對(duì)象刪除。注意：一定先創(chuàng)立新對(duì)象，再刪除原對(duì)象；關(guān)鍵幀內(nèi)創(chuàng)立的對(duì)象必須是圖形、打碎的文字或打碎〔或矢量化〕的點(diǎn)陣圖像。形狀動(dòng)畫(huà)關(guān)鍵幀的“屬性〞面板1〕“簡(jiǎn)易〞選項(xiàng)〔緩動(dòng)〕單擊其右邊的按鈕，會(huì)彈出滑動(dòng)桿，拖動(dòng)上面的滑塊可以調(diào)節(jié)參數(shù)值，當(dāng)然也可以在文本框中直接輸入具體的數(shù)值，設(shè)置后，形狀補(bǔ)間動(dòng)畫(huà)會(huì)隨之發(fā)生相應(yīng)的變化。在1到-100的負(fù)值之間，動(dòng)畫(huà)運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間。在1到100的正值之間，動(dòng)畫(huà)運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的?！胺植际建曔x項(xiàng)可使形狀動(dòng)畫(huà)過(guò)程中創(chuàng)立的中間過(guò)渡幀的圖形較平滑。【角形】選項(xiàng)：創(chuàng)立的動(dòng)畫(huà)中間形狀會(huì)保存有明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀?！痉植际健窟x項(xiàng)：創(chuàng)立的動(dòng)畫(huà)中間形狀比較平滑和不規(guī)那么。2.為動(dòng)畫(huà)添加形狀提示 在創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)后，通過(guò)為圖形添加形狀提示，可以對(duì)圖形各局部之間的變形和過(guò)渡效果進(jìn)行控制，從而制作出更具變化的變形效果。 形狀提示形狀提示就是在形狀的初始圖形與結(jié)束圖形上，分別指定一些形狀的關(guān)鍵點(diǎn)，并使這些關(guān)鍵點(diǎn)在起始幀中和結(jié)束幀中一一對(duì)應(yīng)，這樣Flash就會(huì)根據(jù)這些關(guān)鍵點(diǎn)的對(duì)應(yīng)關(guān)系來(lái)計(jì)算形狀變化的過(guò)程。添加形狀提示方法〔1〕選中時(shí)間軸上第1幀單元格，再單擊“修改〞→“形狀〞→“添加形狀提示〞菜單命令，或按Ctrl+Shift+H鍵，即可在第1幀圓形圖形中參加一個(gè)形狀提示標(biāo)記“a〞。再重復(fù)上述過(guò)程，可以繼續(xù)增加“b〞到“z〞25個(gè)形狀提示標(biāo)記。此處再增加一個(gè)形狀提示標(biāo)記?！?〕用鼠標(biāo)拖曳這些標(biāo)記，分別放置在第1幀圖形的一些位置處，如下圖。第1幀圓球形狀提示標(biāo)記〔3〕再選中終止幀單元格，這時(shí)會(huì)看到終止幀矩形圖形中也有“a〞和“b〞關(guān)鍵點(diǎn)標(biāo)記〔兩個(gè)標(biāo)記重疊〕。用鼠標(biāo)拖曳這些標(biāo)記，分別放置在矩形圖形的適當(dāng)位置，如下圖。如果沒(méi)有關(guān)鍵點(diǎn)標(biāo)記顯示，可選中“視圖〞→“顯示形狀提示〞菜單命令。終止幀矩形圖形的形狀提示標(biāo)記〔4〕在F1ash中最多可以使用26個(gè)形狀關(guān)鍵點(diǎn)標(biāo)記，分別用26個(gè)英文小寫(xiě)字母表示。在起始關(guān)鍵幀的形狀關(guān)鍵點(diǎn)用黃色圓圈表示，在終止關(guān)鍵幀用綠色圓圈表示。如果關(guān)鍵點(diǎn)的位置不在曲線上，將顯示紅色圓圈。見(jiàn)實(shí)例【添加形狀提示.fla】5.4.2典型案例——制作“桃花

朵朵開(kāi)〞動(dòng)畫(huà)案例目標(biāo) 本案例將利用形狀補(bǔ)間動(dòng)畫(huà)，制作“桃花朵朵開(kāi)〞動(dòng)畫(huà)。通過(guò)本案例，掌握在Flash8中創(chuàng)立形狀補(bǔ)間動(dòng)畫(huà)的方法。素材位置：【\第5課\素材】源文件位置：【\第5課\源文件\制作“桃花朵朵開(kāi)〞動(dòng)畫(huà).fla】5.4.2典型案例——制作“桃花

朵朵開(kāi)〞動(dòng)畫(huà)操作思路〔1〕導(dǎo)入“畫(huà)紙.jpg〞圖片素材，然后利用圖片素材制作“畫(huà)紙〞圖層?！?〕新建“樹(shù)干〞和“桃花〞圖層，并在圖層中分別制作表現(xiàn)樹(shù)干變形和桃花開(kāi)放的形狀補(bǔ)間動(dòng)畫(huà)。