補(bǔ)間動(dòng)畫(huà)(小鳥(niǎo)飛)操作指導(dǎo)

1、補(bǔ)間動(dòng)畫(huà) HYPERLINK http:/ l 0$f99dcf00d11d8902738b6574 o 查看圖片 t _blank 補(bǔ)間動(dòng)畫(huà)：做flash動(dòng)畫(huà)時(shí)，在兩個(gè)關(guān)鍵幀中間需要做“補(bǔ)間動(dòng)畫(huà)”，才能實(shí)現(xiàn)圖畫(huà)的運(yùn)動(dòng)；插入補(bǔ)間動(dòng)畫(huà)后兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀是由計(jì)算機(jī)自動(dòng)運(yùn)算而得到的。FLASH動(dòng)畫(huà)制作中補(bǔ)間動(dòng)畫(huà)分兩類(lèi)：一類(lèi)是形狀補(bǔ)間，用于形狀的動(dòng)畫(huà)；另一類(lèi)是動(dòng)作補(bǔ)間用于圖形及元件的動(dòng)畫(huà)。Flash CS4補(bǔ)間動(dòng)畫(huà)的類(lèi)型包括：動(dòng)作補(bǔ)間動(dòng)畫(huà)、形狀補(bǔ)間動(dòng)畫(huà)和傳統(tǒng)補(bǔ)間動(dòng)畫(huà)。動(dòng)作補(bǔ)間動(dòng)畫(huà)是指在Flash的時(shí)間幀面板上，在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等

2、，F(xiàn)lash 將自動(dòng)根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫(huà)。動(dòng)作補(bǔ)間動(dòng)畫(huà)建立后，時(shí)間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭；構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫(huà)的元素是元件，包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等等，但不能是形狀，只有把形狀組合（Ctrl+G）或者轉(zhuǎn)換成元件后才可以做動(dòng)作補(bǔ)間動(dòng)畫(huà)。形狀補(bǔ)間動(dòng)畫(huà)是在Flash的時(shí)間幀面板上，在一個(gè)關(guān)鍵幀上繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀上更改該形狀或繪制另一個(gè)形狀等，F(xiàn)lash將自動(dòng)根據(jù)二者之間的幀的值或形狀來(lái)創(chuàng)建的動(dòng)畫(huà)，它可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化。形狀補(bǔ)間動(dòng)畫(huà)建立后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束

3、幀之間也有一個(gè)長(zhǎng)長(zhǎng)的箭頭；構(gòu)成形狀補(bǔ)間動(dòng)畫(huà)的元素多為用鼠標(biāo)或壓感筆繪制出的形狀，而不能是圖形元件、按鈕、文字等，如果要使用圖形元件、按鈕、文字，則必先打散（Ctrl+B）后才可以做形狀補(bǔ)間動(dòng)畫(huà)。任務(wù)實(shí)例：補(bǔ)間動(dòng)畫(huà)小鳥(niǎo)飛翔+彈跳小球+變形文字知識(shí)點(diǎn)：元件的概念及類(lèi)型；創(chuàng)建元件；元件與實(shí)例；補(bǔ)間動(dòng)畫(huà)；操作步驟：一、創(chuàng)建Flash文檔執(zhí)行【文件】|【新建】命令，創(chuàng)建一個(gè)新的Flash文檔。接著右鍵【時(shí)間軸】左側(cè)的【圖層】面板，選擇【屬性】命令，并將“圖層1”命名為“背景”。二、添加背景1. 選擇“背景”圖層的第1幀，執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到舞臺(tái)】命令，導(dǎo)入“背景.jpg”圖片文件作為背景。2

4、. 修改圖片及舞臺(tái)大小參數(shù)。（1）修改圖片大小。單擊舞臺(tái)中的圖片（即選中背景圖片），在圖片【屬性】面板中，斷開(kāi)鎖定按鈕，修改【位置和大小】的【寬】為960像素，【高】為600像素。（2）修改舞臺(tái)大小。單擊場(chǎng)景1的空白區(qū)域（圖片以外的區(qū)域），在彈出的舞臺(tái)【屬性】面板中，修改【大小】中的【寬】為960像素，【高】為600像素。3. 將背景圖片與舞臺(tái)對(duì)齊。單擊背景圖片，執(zhí)行【窗口】|【對(duì)齊】命令，打開(kāi)【對(duì)齊】面板，勾選【對(duì)齊】面板中【與舞臺(tái)對(duì)齊】選項(xiàng)，并在【對(duì)齊】參數(shù)組中分別單擊【水平中齊】和【垂直中齊】按鈕。使背景圖片相對(duì)于舞臺(tái)居中對(duì)齊。4. 延長(zhǎng)背景的幀序。右擊“背景”圖層的第80幀（預(yù)設(shè)動(dòng)畫(huà)長(zhǎng)

5、度為80幀），在彈出的菜單中選擇【插入幀】命令（即插入普通幀）。延長(zhǎng)“背景”的幀序到第80幀。5. 鎖定背景。單擊“背景”圖層的鎖定按鈕，即可將背景圖片鎖定。三、創(chuàng)建影片剪輯元件1. 創(chuàng)建新圖層，命名為：補(bǔ)間動(dòng)畫(huà)。2. 創(chuàng)建小鳥(niǎo)原地飛行影片剪輯元件。執(zhí)行【插入】|【新建元件】命令，在彈出的【創(chuàng)建新元件】對(duì)話(huà)框中，設(shè)置【名稱(chēng)】為：小鳥(niǎo)飛翔；【類(lèi)型】為：影片剪輯，如圖1所示，然后單擊【確定】按鈕，進(jìn)入元件編輯模式。然后，將此編輯模式中的“圖層”1命名為：逐幀動(dòng)畫(huà)。如圖2所示。圖1 圖23. 導(dǎo)入素材。執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫(kù)】命令，將“素材”文件夾中“01.gif-14.gif”等14個(gè)

6、圖形文件及sound.mp3音樂(lè)文件導(dǎo)入到【庫(kù)】面板中。4. 利用逐幀動(dòng)畫(huà)的制作方法，制作小鳥(niǎo)原地飛翔的影片剪輯元件。（1）添加空白關(guān)鍵幀。分別右鍵“逐幀動(dòng)畫(huà)”圖層中的第2-14幀，依次執(zhí)行【插入空白關(guān)鍵幀】命令，使“逐幀動(dòng)畫(huà)”圖層中從第1-14幀都添加上【空白關(guān)鍵幀】。如圖3所示。圖3（2）添加素材。選中“逐幀動(dòng)畫(huà)”圖層的第1幀（即單擊第1幀），從【庫(kù)】面板中拖動(dòng)“01.gif”小鳥(niǎo)圖形到舞臺(tái)中心；接著再選中“逐幀動(dòng)畫(huà)”圖層的第2幀，從【庫(kù)】面板中拖動(dòng)“02.png”圖形到舞臺(tái)中心。用同樣的方法，分別選中“逐幀動(dòng)畫(huà)”圖層的第3幀至第14幀，依次將庫(kù)中的“03.gif-14.gif”圖形添加到

7、“逐幀動(dòng)畫(huà)”圖層的第3-14幀中。如圖4所示。圖4（3）編輯舞臺(tái)的“小鳥(niǎo)”，使其相對(duì)于舞臺(tái)居中對(duì)齊。1）單擊【圖層】面板中“逐幀動(dòng)畫(huà)”圖層，單擊【時(shí)間軸】面板底部的【編輯多個(gè)幀】按鈕，在【時(shí)間軸】上將出現(xiàn)【繪圖紙外觀】的括號(hào)，分別拖動(dòng)【繪圖紙外觀】括號(hào)左右兩側(cè)，將括號(hào)展開(kāi)，使其括住“逐幀動(dòng)畫(huà)”時(shí)間軸上的所有關(guān)鍵幀（目的：使舞臺(tái)中所有的“小鳥(niǎo)”對(duì)象可見(jiàn)）。如圖5所示。此時(shí)，舞臺(tái)效果如圖6所示?！纠L圖紙外觀】括號(hào)圖5圖62）使用【工具箱】中的【選擇工具】，單擊“逐幀動(dòng)畫(huà)”圖層，將小鳥(niǎo)對(duì)象全部選中。接著單擊【對(duì)齊】面板【對(duì)齊】參數(shù)組中的【水平中齊】和【垂直中齊】按鈕，使舞臺(tái)中所有的“小鳥(niǎo)”對(duì)齊到舞臺(tái)

8、中中心點(diǎn)的位置。效果如圖7所示。圖73）再次單擊【時(shí)間軸】底部的【編輯多個(gè)幀】按鈕，退出多幀編輯狀態(tài)。接著，拖動(dòng)【時(shí)間軸】上的【播放頭】，查看舞臺(tái)中“小鳥(niǎo)”原地飛翔的動(dòng)作。至此，“小鳥(niǎo)飛翔”影片剪輯元件制作完畢。四、制作補(bǔ)間動(dòng)畫(huà)1. 單擊編輯窗口左上角的“場(chǎng)景1”，退出元件編輯模式，返回動(dòng)畫(huà)制作場(chǎng)景。2. 添加元件。選中“補(bǔ)間動(dòng)畫(huà)”圖層中的第1幀，將【庫(kù)】面板中的“小鳥(niǎo)飛翔”影片剪輯元件拖入舞臺(tái)中的左側(cè)適當(dāng)?shù)奈恢?。如圖8所示。3. 創(chuàng)建補(bǔ)間動(dòng)畫(huà)。右鍵“補(bǔ)間動(dòng)畫(huà)”圖層中第1-80幀之間的任一幀，選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令，此時(shí)【時(shí)間軸】從第1幀到第80幀會(huì)變成淺藍(lán)色如圖9所示。4. 插入【位置】屬

9、性關(guān)鍵幀。右鍵“補(bǔ)間動(dòng)畫(huà)”圖層的第80幀（最后一幀，即小鳥(niǎo)飛翔的結(jié)束幀），執(zhí)行【插入關(guān)鍵幀】|【位置】命令（插入一個(gè)“位置”屬性關(guān)鍵幀），然后按住【Shift】鍵，將舞臺(tái)左側(cè)的“小鳥(niǎo)”元件水平拖動(dòng)到舞臺(tái)右側(cè)適當(dāng)?shù)奈恢茫ㄐ▲B(niǎo)飛翔的結(jié)束位置），將出現(xiàn)一條小鳥(niǎo)飛翔的軌跡線(xiàn)。其效果如圖10所示。5. 至此，小鳥(niǎo)飛翔補(bǔ)間動(dòng)畫(huà)制作完畢。保存文件，按【Ctrl+Enter】快捷鍵發(fā)布并瀏覽動(dòng)畫(huà)效果。圖8在第1-80幀中右鍵任一幀，執(zhí)行【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，創(chuàng)建一個(gè)補(bǔ)間動(dòng)畫(huà)，其過(guò)渡幀為：淺藍(lán)色。圖9小鳥(niǎo)飛翔的結(jié)束幀（“位置”屬性關(guān)鍵幀）圖10補(bǔ)間動(dòng)畫(huà)制作說(shuō)明：1.制作補(bǔ)間動(dòng)畫(huà)，只需編輯動(dòng)畫(huà)對(duì)象的起始狀態(tài)（即，動(dòng)畫(huà)

10、對(duì)象的開(kāi)始狀態(tài)和結(jié)束狀態(tài)）。2.制作補(bǔ)間動(dòng)畫(huà)必須具備以下條件：（1）補(bǔ)間動(dòng)畫(huà)的運(yùn)動(dòng)對(duì)象，必須是元件（或影片剪輯元件，或圖形元件，或按鈕元件）；（2）補(bǔ)間動(dòng)畫(huà)的關(guān)鍵幀必須是屬性關(guān)鍵幀。屬性關(guān)鍵幀有以下6種類(lèi)型：1）【位置】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生位置變化；2）【縮放】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生縮放（即放大，或縮?。┳兓?）【傾斜】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生傾斜動(dòng)作；4）【旋轉(zhuǎn)】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生旋轉(zhuǎn)動(dòng)作；5）【顏色】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生顏色變化；6）【濾鏡】屬性關(guān)鍵幀：使對(duì)象產(chǎn)生特殊效果變化；五、制作小球彈跳運(yùn)動(dòng)動(dòng)畫(huà)1. 繪制小球圖形。新建一圖層，命名為“小球”。選中第1幀，選擇【橢圓工具】，將工

11、具【屬性】面板中【筆觸】設(shè)置為【無(wú)】；【填充】設(shè)置為【調(diào)色板】底部的【紅色漸變】按鈕（單擊【調(diào)色板】底部“”按鈕即可）。然后按住【Shift】鍵（繪制正圓），在舞臺(tái)右側(cè)外合適的位置繪制一個(gè)紅色小球。如圖11所示。繪制小球 圖112. 將小球圖形轉(zhuǎn)換為圖形元件。單擊小球，執(zhí)行【修改】|【轉(zhuǎn)換元件】命令，在彈出的“轉(zhuǎn)換為元件”對(duì)話(huà)框中，將【名稱(chēng)】為設(shè)置“小球”；【類(lèi)型】選擇【圖形】，并【確定】。如圖12所示。在【庫(kù)】面板中將看到剛轉(zhuǎn)換的“小球”圖形元件。如圖13所示。 圖12提示：1. 使用繪圖工具繪制的對(duì)象是位圖圖形，單擊鼠標(biāo)選中它時(shí)，看到的現(xiàn)象是像素點(diǎn)陣分布效果。2. 將繪制的圖形轉(zhuǎn)換成元件后

12、，單擊鼠標(biāo)選中它時(shí)，看到的現(xiàn)象是藍(lán)色線(xiàn)框框住對(duì)象的效果。轉(zhuǎn)換成圖形元件后的小球圖133. 創(chuàng)建補(bǔ)間動(dòng)畫(huà)。右鍵“小球”時(shí)間軸上第1幀至-第80幀之間任一幀，選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】命令，在第1-80幀之間創(chuàng)建補(bǔ)間動(dòng)畫(huà)。接著右鍵第80幀（小球運(yùn)動(dòng)的結(jié)束幀），執(zhí)行【插入關(guān)鍵幀】|【位置】命令，在此處插入一個(gè)位置屬性關(guān)鍵幀，如圖14所示。然后按住【Shift】鍵，將舞臺(tái)左側(cè)的小球水平拖動(dòng)到舞臺(tái)右側(cè)外，此時(shí)舞臺(tái)中會(huì)出現(xiàn)一條小球運(yùn)動(dòng)的軌跡線(xiàn)。如圖15所示。圖144. 保存文件。然后按下【Ctrl+Enter】鍵，發(fā)布并測(cè)試動(dòng)畫(huà)。小球?qū)⒀刂壽E線(xiàn)從舞臺(tái)左側(cè)，水平運(yùn)動(dòng)到舞臺(tái)右側(cè)外。5. 編輯軌跡線(xiàn)，制作小球彈跳運(yùn)

13、動(dòng)動(dòng)畫(huà)。（1）制作第1段運(yùn)動(dòng)軌跡（小球彈起）。右鍵第20幀，執(zhí)行【插入關(guān)鍵幀】|【位置】命令，在此處插入一個(gè)位置屬性關(guān)鍵幀。然后將鼠標(biāo)移動(dòng)到第1幀至第20幀之間的軌跡線(xiàn)下方（緊貼軌跡線(xiàn)），鼠標(biāo)指針將變成一個(gè)帶弧線(xiàn)的箭頭，此時(shí)向上拖動(dòng)軌跡線(xiàn)，使其變成一段拋物線(xiàn)，即可松開(kāi)鼠標(biāo)。圖15（2）制作第2段運(yùn)動(dòng)軌跡（小球下落）。右鍵第40幀，執(zhí)行【插入關(guān)鍵幀】|【位置】命令，在此處插入一個(gè)位置屬性關(guān)鍵幀。然后將鼠標(biāo)移動(dòng)到第20幀至第40幀的軌跡線(xiàn)下方（緊貼軌跡線(xiàn)），鼠標(biāo)指針將變成一個(gè)帶弧線(xiàn)的箭頭，此時(shí)向下拖動(dòng)路徑線(xiàn)，使其變成一段向下凹弧線(xiàn)即可松開(kāi)鼠標(biāo)。此時(shí)軌跡線(xiàn)前兩段已調(diào)整為橫著的“S”形。（3）用同樣的

14、方法，右鍵第60幀，插入一個(gè)位置屬性關(guān)鍵幀。然后修改第40-60幀之間的運(yùn)動(dòng)軌跡；接著修改第60-80幀之間的運(yùn)動(dòng)軌跡線(xiàn)，使得小球沿著一條波浪軌跡線(xiàn)，跳動(dòng)著運(yùn)動(dòng)到舞臺(tái)外。此時(shí)，【時(shí)間軸】面板及舞臺(tái)效果如圖16所示。圖16提示：1. 制作小球彈跳運(yùn)動(dòng)的基本思路：將小球運(yùn)動(dòng)的一段軌跡線(xiàn)，分成多段組成的軌跡線(xiàn)。每段軌跡線(xiàn)由兩個(gè)位置屬性關(guān)鍵幀控制（仔細(xì)觀察彈跳小球的軌跡線(xiàn)）。2.動(dòng)畫(huà)對(duì)象運(yùn)動(dòng)軌跡線(xiàn)是可以進(jìn)行編輯修改的。在編輯過(guò)程中，應(yīng)按照小球運(yùn)動(dòng)力度逐步衰減的方式進(jìn)行修改。（單擊“彈跳小球”圖層，查看小球運(yùn)動(dòng)軌跡）六、制作文字變形動(dòng)畫(huà)1. 新建一圖層，命名為：變形文字。2. 創(chuàng)建影片剪輯元件。（1）執(zhí)

15、行【插入】|【新建元件】命令，在彈出的對(duì)話(huà)框中，設(shè)置【名稱(chēng)】為：變形文字；【類(lèi)型】為：影片剪輯。單擊【確定】，進(jìn)入元件編輯模式。（2）在元件編輯模式中，將圖層1 ，命名為：補(bǔ)間形狀動(dòng)畫(huà)。（3）添加文字小。選中第1幀，單擊【工具箱】中【文本工具】，設(shè)置【屬性】面板中【系列】為：隸書(shū)；【大小】為：110；【顏色】為：紅色；其他默認(rèn)。在舞臺(tái)中單擊，并輸入“小”字。接著打開(kāi)【對(duì)齊】面板，將“小”字與舞臺(tái)居中對(duì)齊。然后使用【修改】|【分離】菜單命令（或【Ctrl+B】快捷鍵），將其分離成位圖圖形，其文字效果如圖17所示。然后，右鍵第15幀，執(zhí)行“插入關(guān)鍵幀”（由于第15幀中的對(duì)象將與后面幀的對(duì)象產(chǎn)生變形

16、動(dòng)作，因此，第15幀必須是關(guān)鍵幀），使“小”字的幀序延長(zhǎng)至第15幀，此時(shí)【時(shí)間軸】如圖18所示。提示：（1）制作補(bǔ)間形狀動(dòng)畫(huà)的對(duì)象，要求必須是位圖圖形；（2）由于使用【文本工具】輸入的文字對(duì)象是矢量圖，因此，必須將其轉(zhuǎn)換成位圖圖形（轉(zhuǎn)換命令：【修改】|【分離】命令），才能制作補(bǔ)間形狀動(dòng)畫(huà)，使文字產(chǎn)生變形效果。 圖17圖18（4）添加文字鳥(niǎo)。右鍵第30幀，執(zhí)行“插入空白關(guān)鍵幀”，使用【文本工具】，設(shè)置【屬性】面板中【系列】為：隸書(shū)；【大小】為：110；【顏色】為：綠色；其他默認(rèn)。在舞臺(tái)中單擊，并輸入“鳥(niǎo)”字。將“鳥(niǎo)”字拖動(dòng)到場(chǎng)景的左上角合適的位置，接著打開(kāi)【對(duì)齊】面板，將“鳥(niǎo)”字與舞臺(tái)居中對(duì)齊。

17、然后使用【Ctrl+B】快捷鍵，將其分離。此時(shí)文字效果如圖19所示。此時(shí)【時(shí)間軸】面板如圖20所示。 圖19圖20（5）創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。右鍵第15-30幀之間任一幀，執(zhí)行【創(chuàng)建形狀補(bǔ)間】命令，即創(chuàng)建由“小”字轉(zhuǎn)變成“鳥(niǎo)”字的補(bǔ)間形狀動(dòng)畫(huà)（注意：補(bǔ)間形狀動(dòng)畫(huà)的過(guò)渡幀是淺綠色，并帶著一個(gè)指向箭頭。即由錢(qián)一個(gè)對(duì)象，轉(zhuǎn)變?yōu)橄乱粋€(gè)對(duì)象）。此時(shí)【時(shí)間軸】效果如圖21所示?！靶　弊肿兂伞傍B(niǎo)”字的動(dòng)畫(huà)圖21（6）添加文字飛。右鍵第45幀插入關(guān)鍵幀將“鳥(niǎo)”字延遲至第45幀。然后，再右鍵第60幀插入空白關(guān)鍵幀文字工具：輸入“飛”字在【屬性】面板中，將其【顏色】設(shè)置為：藍(lán)色。接著打開(kāi)【對(duì)齊】面板，將“飛”字與舞臺(tái)居中對(duì)齊。然后使用【Ctrl+B】快捷鍵，將其分離。（7）右鍵第45幀與第60幀之間任一幀執(zhí)行“創(chuàng)建補(bǔ)間形狀”動(dòng)畫(huà)，創(chuàng)建“鳥(niǎo)”字轉(zhuǎn)變?yōu)椤帮w”字的變形動(dòng)畫(huà)。此時(shí)，【時(shí)間軸】面板的效果如圖22所示。（8）用上述同樣的方法（步驟：（6）-（7），在【時(shí)間軸】上對(duì)應(yīng)的幀中，制作將“飛”字轉(zhuǎn)變?yōu)椤跋琛弊值淖冃蝿?dòng)畫(huà)。最后，【時(shí)間軸】效果如圖23所示。提示：變形文字動(dòng)畫(huà)制作基本思路：第1-15幀呈現(xiàn)“小”字第15-30幀由“小”字變換到“鳥(niǎo)”