美麗蝴蝶飛起來-完整精講版課件

1、美麗蝴蝶飛起來FLASH 補(bǔ)間動(dòng)畫12Flash 支持的補(bǔ)間動(dòng)畫包括兩種：形狀補(bǔ)間動(dòng)畫（shape Tween)和動(dòng)作補(bǔ)間動(dòng)畫(Motion Tween)。這兩種動(dòng)畫分別針對(duì)不同的對(duì)象。形狀漸變動(dòng)畫針對(duì)形狀的，而動(dòng)作漸變動(dòng)畫針對(duì)的是群組對(duì)象，如文字，實(shí)例和組合體。3一、形狀補(bǔ)間動(dòng)畫制作原理：在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀。在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀。Flash根據(jù)二者之間的形狀來創(chuàng)建的動(dòng)畫被稱為“形狀補(bǔ)間動(dòng)畫”。限定條件：至少有兩個(gè)關(guān)鍵幀，對(duì)象是形狀。4形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化。其變形的靈活性介于逐幀動(dòng)畫和動(dòng)作補(bǔ)間動(dòng)畫二者之間。如果使用圖形元

2、件、按鈕、文字，則必須先“分離”才能創(chuàng)建變形動(dòng)畫。動(dòng)畫的元素5形狀補(bǔ)間動(dòng)畫建好后，時(shí)間幀面板的背景色變?yōu)榈G色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭。 在時(shí)間軸上的表現(xiàn)6在動(dòng)畫開始處創(chuàng)建或選擇一個(gè)關(guān)鍵幀，并設(shè)置要開始變形的形狀。在動(dòng)畫結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀。再單擊開始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的小三角，選擇【形狀】。制作方法7形變屬性包括：1、形狀本身發(fā)生了變化。如：字母A變成了字母B2、形狀的顏色，大小，位置，旋轉(zhuǎn)，翻轉(zhuǎn)，偏移等屬性發(fā)生了變化。8形變的錯(cuò)誤表現(xiàn)形式：虛線顯示。9第一關(guān)鍵幀畫圓，第二個(gè)關(guān)鍵幀定位在第十幀畫方形?，F(xiàn)在我們指定了起始幀為圓形，結(jié)束幀為

3、矩形，如何變化呢？這就要借助 Flash 的強(qiáng)大功能，采用我們剛才說到的形狀變化。做個(gè)簡(jiǎn)單的形變動(dòng)畫：圓形變方形10選擇第一幀,在幀屬性面板的 補(bǔ)間項(xiàng)中選擇 形狀。 這時(shí)可以看到，兩幀之間已經(jīng)由設(shè)置前的 關(guān)鍵幀黑點(diǎn)變成了現(xiàn)在的綠色箭頭直線了。我們只定義了第一幀和第十幀，中間那些幀則由程序自動(dòng)生成?？梢杂孟旅娴膱D例很好的理解它：舉例說明：形變動(dòng)畫11在形變動(dòng)畫中，可以使用“變形線索”來控制形狀的變化。變形線索可以識(shí)別的是開始形狀和結(jié)束形狀中的對(duì)應(yīng)點(diǎn)。變形線索包含字母（a到z），所以最多是26個(gè)變形線索。變形線索上有顏色區(qū)別：紅色小圈表示尚未正確設(shè)置。黃色小圈是首幀上的點(diǎn)，綠色小圈是末幀上的點(diǎn)。添

4、加變形線索執(zhí)行【修改】|【形狀】|【添加形狀提示】命令。舉例說明：添加變形線索12“形狀提示”可以連續(xù)添加，最多26個(gè)。將變形提示從形狀的左上角開始按逆時(shí)針順序擺放，將使變形提示工作更有效。形狀提示的擺放位置也要符合邏輯順序。形狀提示要在形狀的邊緣才能起作用。調(diào)整形狀提示位置前，按下“貼緊至對(duì)象”按鈕，會(huì)自動(dòng)把“形狀提示”吸附到邊緣上。添加形狀提示的技巧13二、動(dòng)作補(bǔ)間動(dòng)畫在一個(gè)關(guān)鍵幀上放置一個(gè)元件。在另一個(gè)關(guān)鍵幀改變這個(gè)元件的大小、顏色、位置、透明度等。Flash根據(jù)二者之間的幀創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫?；靖拍顒?dòng)作漸變動(dòng)畫的制作限制條件：運(yùn)動(dòng)的起止對(duì)象為群組對(duì)象（一般為元件），而且必須

5、是同一個(gè)對(duì)象。14構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫的元素是元件。包括影片剪輯、圖形元件、按鈕、文字、位圖、組合等，但不能是形狀。只有把形狀“組合”或者轉(zhuǎn)換成“元件”后才可以做“動(dòng)作補(bǔ)間動(dòng)畫”。動(dòng)作補(bǔ)間動(dòng)畫的構(gòu)成元素15動(dòng)作補(bǔ)間動(dòng)畫建立后，時(shí)間幀面板的背景色變?yōu)榈仙?，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭。在時(shí)間幀面板上的表現(xiàn)16形狀、動(dòng)作補(bǔ)間動(dòng)畫的區(qū)別17在動(dòng)畫開始處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置一個(gè)元件。在動(dòng)畫結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置該元件的屬性。再單擊開始幀，用右鍵單擊幀，在彈出的菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫】。 創(chuàng)建方法18我們來做一個(gè)初步嘗試，運(yùn)行 Flash ，建立新文件,然后選擇 “A”文字工具在工作區(qū)輸入文字 。然后在文字屬性中設(shè)置字號(hào)，大小，顏色，字體等。做個(gè)簡(jiǎn)單的運(yùn)動(dòng)動(dòng)畫：19完成之后選擇時(shí)間軸上的第十幀,點(diǎn)鼠標(biāo)右鍵，在彈出的菜單中選擇“插入關(guān)鍵幀”或F6，這時(shí)，時(shí)間軸的第一和第十幀分別用黑圓點(diǎn)標(biāo)出，同時(shí)工作區(qū)依然是我們剛才輸入的這幾個(gè)字。選擇工具欄的“箭頭選擇”工具選中第十幀工作區(qū)的 “Test Motion” 拖動(dòng)到工作區(qū)中任何你希望它出現(xiàn)的位置。20至此，初步工作已經(jīng)完成，第一幀和第十幀之間的位置差別已經(jīng)產(chǎn)生，我們現(xiàn)在所要做的就是利用 Flash 的強(qiáng)大功能生成之間的過度幀。 在