1、第8章 動畫制作（中）補(bǔ)間動畫,動畫補(bǔ)間動畫 形狀補(bǔ)間動畫,8.1 動畫補(bǔ)間動畫,8.1.1 動畫補(bǔ)間動畫的特點(diǎn),組成元素：制作動畫補(bǔ)間動畫時(shí)，兩個(gè)關(guān)鍵幀上的對象必須是元件實(shí)例。 在時(shí)間軸面板上的表現(xiàn)形式：在兩個(gè)關(guān)鍵幀之間創(chuàng)建動畫補(bǔ)間動畫后，兩個(gè)關(guān)鍵幀之間的背景變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭。,8.1.2 創(chuàng)建動畫補(bǔ)間動畫的方法,我們通過一個(gè)小實(shí)例來學(xué)習(xí)動畫補(bǔ)間動畫的創(chuàng)建方法：,打開素材文檔 插入關(guān)鍵幀并放大元件實(shí)例,1.打開素材文檔,2.在“圖層1”的第15幀處按【F6】鍵插入關(guān)鍵幀，然后利用“任意變形工具” 將第15幀上的元件實(shí)例成比例放大,創(chuàng)建動畫補(bǔ)間動畫的參數(shù)設(shè)置 插

2、入關(guān)鍵幀并移動元件實(shí)例,3.單擊選中“圖層1”的第1幀，然后打開“屬性”面板，在“補(bǔ)間”下拉列表中選擇“動畫”選項(xiàng),4.在“圖層1”的第30幀處插入關(guān)鍵幀，然后將第30幀上的元件實(shí)例移動到舞臺左下角,5.選中“圖層1”的第15幀，利用與步驟3相同的方法創(chuàng)建動畫補(bǔ)間動畫，然后在“旋轉(zhuǎn)”下拉列表中選擇“逆時(shí)針”選項(xiàng)，并在“旋轉(zhuǎn)數(shù)”編輯框中輸入“2”,設(shè)置“旋轉(zhuǎn)”選項(xiàng)參數(shù),通過快捷菜單創(chuàng)建動畫補(bǔ)間動畫,典型實(shí)例戰(zhàn)斗機(jī),戰(zhàn)斗機(jī)動畫,本例操作步驟可參考視頻：8-1.avi。,8.1.3 改進(jìn)動畫補(bǔ)間動畫,我們利用一個(gè)簡單的小例子，來介紹如何制作變色、淡入淡出和發(fā)光效果的動畫：,設(shè)置文檔屬性 輸入文字,1

3、.新建一個(gè)“寬度”為“400”像素、“高度”為“200”像素、“背景顏色”為“藍(lán)色#0099FF”的Flash文檔,2.使用“文本工具” 輸入文字,將文字轉(zhuǎn)換為圖形元件 創(chuàng)建動畫補(bǔ)間動畫,3.將舞臺中的文字轉(zhuǎn)換為名為“文字”的圖形元件,4.在第15幀插入關(guān)鍵幀，然后在第1幀與第15幀之間的任意幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動畫”菜單，創(chuàng)建動畫補(bǔ)間動畫,放大元件實(shí)例 改變不透明度,5.選中第1幀上的元件實(shí)例，按快捷鍵【Ctrl+Shift+S】，在彈出的“縮放與旋轉(zhuǎn)”對話框“縮放”編輯框中輸入“200”，將元件實(shí)例放大200%，然后打開“屬性”面板，在“顏色”下拉列表中選擇“Al

4、pha”（透明度）選項(xiàng)，并在其右側(cè)的編輯框中輸入“0”,設(shè)置元件實(shí)例的亮度 制作閃白效果,6.分別在第16、17、18、19幀處插入關(guān)鍵幀，然后選中第16幀上的元件實(shí)例，在“屬性”面板“顏色”選項(xiàng)的下拉列表中選擇“亮度”選項(xiàng)，并在其右側(cè)的編輯框中輸入100,7.利用與步驟6相同的方法將第18幀上元件實(shí)例的亮度也設(shè)為100%,設(shè)置元件實(shí)例的色調(diào) 創(chuàng)建動畫補(bǔ)間動畫并插入普通幀,8.在第30幀處插入關(guān)鍵幀，然后選中第30幀上的元件實(shí)例，打開“屬性”面板，在“顏色”下拉列表中選擇“色調(diào)”選項(xiàng)，單擊其右側(cè)的色塊 ，在彈出的“拾色器”中選擇“紫色”，然后將“色彩數(shù)量”設(shè)為100%,9.最后在第15幀與第3

5、0幀之間的任意幀上右擊鼠標(biāo)，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動畫”菜單，創(chuàng)建動畫補(bǔ)間動畫，再在第50幀處插入普通幀,典型實(shí)例網(wǎng)頁廣告,網(wǎng)頁廣告,本例操作步驟可參考視頻：8-2.avi。,8.2 制作形狀補(bǔ)間動畫,8.2.1 形狀補(bǔ)間動畫的特點(diǎn),利用形狀補(bǔ)間動畫除了可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、大小、位置的相互變化，還可以實(shí)現(xiàn)兩個(gè)圖形之間形狀的相互變化。 形狀補(bǔ)間動畫只能針對分離的矢量圖形，如果使用圖形元件、按鈕、文字、組合等，則需要先將它們分離才能創(chuàng)建形狀補(bǔ)間動畫。 形狀補(bǔ)間動畫建好后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長長的箭頭，如果箭頭變?yōu)樘摼€，則說明制作不成功。,8.2

6、.2 創(chuàng)建形狀補(bǔ)間動畫的方法,舞臺中的圖形 剪切并移動圖形,1.打開素材文檔,2.在“圖層1”的第20幀處插入空白關(guān)鍵幀，然后將第1幀上的飛機(jī)圖形剪切到第20幀的舞臺中，并將第1幀上的小鳥圖形移動到舞臺中間位置,下面我們以一個(gè)簡單的小實(shí)例來說明形狀補(bǔ)間動畫的創(chuàng)建：,創(chuàng)建形狀補(bǔ)間動畫 設(shè)置形狀補(bǔ)間動畫參數(shù),3.選中第1幀與第20幀之間的任意幀，然后打開“屬性”面板，在“補(bǔ)間”選項(xiàng)的下拉列表中選擇“形狀”選項(xiàng)，即可創(chuàng)建形狀補(bǔ)間動畫,4.在“混合”選項(xiàng)的下拉列表中有“分布式”和“角形”兩個(gè)選項(xiàng)，這里我們選擇“分布式”，至此實(shí)例就完成了,8.2.3 讓形狀變化更逼真形狀提示,下面我們以一個(gè)簡單的實(shí)例介

7、紹形狀提示的應(yīng)用：,舞臺中的圖形 剪切并移動圖形,1.打開素材文檔,2.在“圖層1”的第20幀處插入空白關(guān)鍵幀，然后將第1幀上的老虎剪切到第20幀的舞臺中心位置，并將第1幀上的小貓移動到舞臺中間位置,3. 在第1幀與第20幀之間的任意幀上右擊鼠標(biāo)，然后在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”菜單，創(chuàng)建形狀補(bǔ)間動畫,4. 按下【Enter】鍵預(yù)覽動畫效果，會發(fā)現(xiàn)兩個(gè)圖形之間的過渡很隨意，不符合我們的要求,創(chuàng)建形狀補(bǔ)間動畫 過渡動畫,添加形狀提示 第1幀與第20幀上的形狀提示,6.在第1幀上會出現(xiàn)一個(gè)紅色的形狀提示，相應(yīng)的在第20幀上也出現(xiàn)了一個(gè)紅色的形狀提示,5.選中“圖層1”的第1幀，然后選擇“修改”“形狀”“添加形狀提示”菜單，添加一個(gè)形狀提示,調(diào)整后的形狀提示,7.使用“選擇工具” 將第1幀上的形狀提示移動到小貓的頭頂位置，再將第20幀上的形狀提示移動到老虎的頭頂位置，表示在變形時(shí)小貓的頭會變?yōu)槔匣⒌念^。此時(shí)第1幀上的形狀提示會變?yōu)辄S色，