第七課補(bǔ)間動(dòng)畫

第五課幀幀動(dòng)畫動(dòng)畫的原理在于視覺暫留，它是因?yàn)槿祟惸軌驅(qū)⒖吹降挠跋駮簳r(shí)保存，在影像消失之后，之前的影像還會(huì)在腦海中暫存1/16秒。這樣，快速地播放連續(xù)、具有細(xì)微差別的圖像內(nèi)容，原本固定不動(dòng)的圖像就會(huì)變得動(dòng)起來。在眾多的動(dòng)畫軟件中，F(xiàn)lash是基于矢量的具有交互性的圖形編輯和二維動(dòng)畫制作軟件，它具有強(qiáng)大的動(dòng)畫制作功能和超凡的視聽表現(xiàn)力。本節(jié)開始將帶你進(jìn)入FlashCS3的動(dòng)畫世界，詳細(xì)講解Flash制作動(dòng)畫的原理、方法和技巧。幀的基本概念和操作幀就是影像動(dòng)畫中最小單位的單幅影像畫面，相當(dāng)于電影膠片上的每一格鏡頭。一幀就是一副靜止的畫面，連續(xù)的幀就形成動(dòng)畫。按照視覺暫留的原理每一幀都是靜止的圖象，快速連續(xù)地顯示幀便形成了運(yùn)動(dòng)的假象。本節(jié)將要從幀的基本概念入手，學(xué)習(xí)幀的基本操作，從而深入理解動(dòng)畫的原理。5.1.1幀的基本概念在Flash文檔中，幀表現(xiàn)在“時(shí)間軸面板”上，外在特征是一個(gè)個(gè)小方格。它是播放時(shí)間的實(shí)例化表現(xiàn)，也是動(dòng)畫播放的最小時(shí)間單位，可以用來設(shè)置動(dòng)畫運(yùn)動(dòng)的方式、播放的順序及時(shí)間等。如圖1所示。圖1時(shí)間軸圖層上的幀從上圖可以看出，每5幀有個(gè)“幀序號(hào)”標(biāo)識(shí)（呈灰色顯示，其他的呈白色顯示）。根據(jù)性質(zhì)的不同，可以把“幀”分為“關(guān)鍵幀”和“普通幀”。1．關(guān)鍵幀關(guān)鍵幀定義了動(dòng)畫的變化環(huán)節(jié)，逐幀動(dòng)畫的每一幀都是關(guān)鍵幀。補(bǔ)間動(dòng)畫在動(dòng)畫的重要點(diǎn)上創(chuàng)建關(guān)鍵幀，再由Flash自動(dòng)創(chuàng)建關(guān)鍵幀之間的內(nèi)容。實(shí)心圓點(diǎn)是有內(nèi)容的關(guān)鍵幀，即實(shí)關(guān)鍵幀。而無內(nèi)容的關(guān)鍵幀（即空白關(guān)鍵幀）則用空心圓表示。如圖2所示。圖2時(shí)間軸圖層上的各種幀2．普通幀普通幀顯示為一個(gè)個(gè)普通的單元格?？瞻椎膯卧袷菬o內(nèi)容的幀，有內(nèi)容的幀顯示出一定的顏色。不同的顏色代表不同類型的動(dòng)畫，如動(dòng)作補(bǔ)間動(dòng)畫的幀顯示為淺藍(lán)色，形狀補(bǔ)間動(dòng)畫的幀顯示為淺綠色。而靜止關(guān)鍵幀后的幀顯示為灰色。關(guān)鍵幀后面的普通幀將繼承和延伸該關(guān)鍵幀的內(nèi)容。3．幀標(biāo)簽和幀注釋幀標(biāo)簽用于標(biāo)識(shí)時(shí)間軸中的關(guān)鍵幀，用紅三角加標(biāo)簽名表示，如。幀注釋用于制作者為自己或他人提供相關(guān)提示。用綠色的雙斜線加注釋文字表示，如。4．播放頭播放頭指示當(dāng)前顯示在舞臺(tái)中的幀，將播放頭沿著時(shí)間軸移動(dòng)，可以輕易地定位當(dāng)前幀。用紅色矩形表示，紅色矩形下面的紅色細(xì)線所經(jīng)過的幀表示該幀目前正處于“播放幀”。5.1.2幀操作Flash動(dòng)畫的實(shí)現(xiàn)過程離不開對幀的操作，通過掌握對幀的各種操作動(dòng)作對后面章節(jié)制作動(dòng)畫是必不可少的。1．選擇幀動(dòng)畫中的幀有很多，在操作中首先要準(zhǔn)確定位和選擇相應(yīng)的幀。然后才能對幀進(jìn)行其他操作。如果選擇某單幀來操作，可以直接單擊該幀；如果要選擇很多連續(xù)的幀，無論正在使用的是哪種工具，都可以在要選擇的幀的起始位置處單擊然后拖動(dòng)光標(biāo)到要選擇的幀的終點(diǎn)位置，此時(shí)所有被選中的幀都顯示為黑色的背景，那么下面的操作就是針對這些幀了。如圖3所示。圖3選擇幀2．翻轉(zhuǎn)幀我們在創(chuàng)作動(dòng)畫時(shí)，一般是把動(dòng)畫按順序從頭播放，但有時(shí)也會(huì)把動(dòng)畫再反過來播放，創(chuàng)造出另外一種效果。這可以利用“翻轉(zhuǎn)幀”命令來實(shí)現(xiàn)。它是指將整個(gè)動(dòng)畫從后往前播放，逐幀動(dòng)畫是最傳統(tǒng)的動(dòng)畫方式，它是通過細(xì)微差別的連續(xù)幀畫面，來完成動(dòng)畫作品。相當(dāng)于我們小時(shí)候看到過的把一本書的每一頁都畫上形狀，快速的翻動(dòng)書頁，就會(huì)出現(xiàn)連續(xù)的動(dòng)畫一樣。因此幀動(dòng)畫的每1幀都有一個(gè)關(guān)鍵幀，也就意味著每個(gè)幀都可以放置不同的圖形，這種在不同的時(shí)間段（幀）放置變化的圖形以此構(gòu)成的動(dòng)畫就是逐幀動(dòng)畫。因此逐幀動(dòng)畫的制作方法包括兩個(gè)要點(diǎn)，一是逐幀添加關(guān)鍵幀，二是在關(guān)鍵幀中繪制不同的圖形。這樣快速播放時(shí)產(chǎn)生了動(dòng)畫。下面進(jìn)行具體操作。（1）在新建的Flash文檔中，單擊第2幀并拖動(dòng)至第5幀，選擇這4幀。如圖7所示。圖7選擇幀（2）選擇“插入”|“時(shí)間軸”|“轉(zhuǎn)換為關(guān)鍵幀”命令或按下快捷鍵F6，將第2~5幀全部轉(zhuǎn)換為關(guān)鍵幀。如圖8所示。圖8轉(zhuǎn)換為關(guān)鍵幀（3）依次選擇第1~5幀，放置已經(jīng)繪制好的飛鷹，如圖9，從左到右5幀的對象。。圖9放置對象（4）按下快捷鍵Ctrl＋Enter測試動(dòng)畫，逐幀動(dòng)畫的效果就完成了。5.2.2繪圖紙的功能繪圖紙是一個(gè)幫助定位和編輯動(dòng)畫的輔助功能，這個(gè)功能對制作逐幀動(dòng)畫特別有用。通常情況下，F(xiàn)lash在舞臺(tái)中一次只能顯示動(dòng)畫序列的單個(gè)幀。使用繪圖紙功能后，就可以在舞臺(tái)中一次查看兩個(gè)或多個(gè)幀了。因?yàn)橹饚瑒?dòng)畫的各幀形狀有相似之處，所以如果要一幀一幀繪制，工作量不但大，而且定位會(huì)非常困難。這時(shí)如果用繪圖紙功能，一次查看和編輯多個(gè)幀，對制作細(xì)膩的逐幀動(dòng)畫將有很大的幫助。如圖10所示，是使用了“繪圖紙”功能后的場景，可以看出，當(dāng)前幀中內(nèi)容用全彩色顯示，其它幀內(nèi)容以半透明顯示，它使我們看起來好像所有幀內(nèi)容是畫在一張半透明的繪圖紙上，這些內(nèi)容相互層疊在一起。當(dāng)然，這時(shí)只能編輯當(dāng)前幀的內(nèi)容。

圖10同時(shí)顯示多幀內(nèi)容的變化“繪圖紙”各個(gè)按鈕的功能：“繪圖紙外觀”按鈕：按下此按鈕后，在時(shí)間軸的上方，出現(xiàn)繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍?！袄L圖紙外觀輪廓”按鈕：按下此按鈕后，場景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過程?！熬庉嫸鄠€(gè)幀”按鈕：按下此按鈕后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時(shí)編輯”。“修改繪圖紙標(biāo)記”按鈕：按下此按鈕后，彈出下拉菜單，菜單中有以下選項(xiàng)：“總是顯示標(biāo)記”選項(xiàng)：會(huì)在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無論繪圖紙外觀是否打開。“錨定繪圖紙”選項(xiàng)：會(huì)將繪圖紙外觀標(biāo)記鎖定在它們在時(shí)間軸標(biāo)題中的當(dāng)前位置。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針以及繪圖紙外觀標(biāo)記相關(guān)的。通過錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動(dòng)?！袄L圖紙2”選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示兩個(gè)幀?！袄L圖紙5”選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示五個(gè)幀。“繪制全部”選項(xiàng)；會(huì)在當(dāng)前幀的兩邊顯示全部幀。5.2.3實(shí)戰(zhàn)范例――動(dòng)感火苗應(yīng)用逐幀動(dòng)畫表現(xiàn)比較精確的形變效果，如人物走路、火苗等，有天然的優(yōu)勢，因此只要應(yīng)用得當(dāng)，逐幀動(dòng)畫在動(dòng)畫創(chuàng)作中就能發(fā)揮特殊的作用。范例簡介本范例利用逐幀動(dòng)畫制作一個(gè)動(dòng)感火苗動(dòng)畫，變化過程形象而且精細(xì)，范例效果如圖11所示。圖11范例效果通過本例的學(xué)習(xí)，通過范例可以掌握制作逐幀動(dòng)畫的方法和技巧，并學(xué)習(xí)“繪圖紙”功能的用法。本范例的制作流程圖如圖12所示。圖12范例制作流程圖制作步驟1．新建影片文檔和設(shè)置文檔屬性啟動(dòng)FlashCS3，創(chuàng)建一個(gè)新的Flash文檔，在“屬性”面板中設(shè)置背景顏色為藍(lán)色，舞臺(tái)大小為300×200像素，其他參數(shù)保持默認(rèn)值。2．繪制火苗形狀（1）選擇鋼筆工具，在場景中繪制火苗的形狀，然后使用選擇工具靠近火苗邊緣拖動(dòng)調(diào)整火苗的形狀，使其更加逼真。如圖13所示。圖13繪制火苗輪廓（2）選擇顏料桶工具，打開“顏色”面板，設(shè)置填充顏色類型為“放射狀”，在漸變定義欄的中間單擊鼠標(biāo)增加一個(gè)顏色指針，依次從左到右修改顏色的色值為“#FF6633”、“#FBB751”和“#FF9900”，Alpha值依次為“100%”、“70%”、“48%”，如圖14所示。接著填充火苗輪廓。圖14填充色設(shè)置（3）選擇“漸變變形工具”，調(diào)整火苗的填充位置，如圖15所示，接著將輪廓線刪除。圖15調(diào)整火苗的填充3．添加關(guān)鍵幀單擊選中第2幀，按F6鍵將其轉(zhuǎn)為關(guān)鍵幀，運(yùn)用同樣的方法在3~5幀分別插入關(guān)鍵幀。如圖16所示。圖16添加關(guān)鍵幀4．修改形狀（1）接下來運(yùn)用“繪圖紙”功能修改各關(guān)鍵幀上的形狀。選中第5幀，單擊“繪圖紙外觀”按鈕，打開“繪圖紙外觀”。此時(shí)幀和場景區(qū)域都發(fā)生了變化，如圖17所示。圖17打開繪圖紙外觀功能（2）單擊選擇第2幀，拖動(dòng)“起始繪圖紙外觀”和“結(jié)束繪圖紙外觀”標(biāo)記的指針至第１~５幀間，顯示出重疊的幀形狀，其中第2幀顯示在前，其他幀以暗色調(diào)顯示在后。如圖18所示。圖18拖動(dòng)“繪圖紙外觀”標(biāo)記（3）選中第2幀，單擊“任意變形工具”中“封套”按鈕，調(diào)整節(jié)點(diǎn)修改火焰的形狀，然后用“漸變變形工具”修改填充色的中心和大小。如圖19所示。圖19運(yùn)用任意變形工具的“封套”功能編輯形狀（4）按同樣的方法，編輯第3~5幀上的形狀，如圖20是這5幀修改后的形狀圖。圖20修改各幀上火焰的形狀單擊拖動(dòng)“播放頭”或者按Enter鍵可以觀察逐幀動(dòng)畫的效果，如果對某一幀不滿意，還可以參考以上的方法進(jìn)行修改。（5）選擇第1幀，為火焰虛化一下邊緣，讓它更真實(shí)。選擇“修改”|“形狀”|“柔化填充邊緣”命令，在打開的對話框中設(shè)置距離為“10px”，步驟數(shù)為“30”，方向“擴(kuò)展”，單擊“確認(rèn)”按鈕，火苗虛化非常逼真，如圖21所示。在2、3、4、5幀同樣柔化填充邊緣。圖21柔化填充邊緣（6）通過測試動(dòng)畫發(fā)現(xiàn)，火苗的變化速度太快，不符合生活中的實(shí)際情況，因此需要通過添加普通幀來模擬真實(shí)的場景。選中圖層1的第1幀，右擊，在彈出的快捷菜單中選擇“插入幀”命令，重復(fù)操作，將第2幀的位置設(shè)置到第5幀。用同樣的方法，在其他關(guān)鍵幀和圖層2的關(guān)鍵幀后面添加幀，完成的圖層效果如圖22所示。圖22添加普通幀最后測試并保存作品即可。

第七課補(bǔ)間動(dòng)畫所謂補(bǔ)間動(dòng)畫，是指只要做好起點(diǎn)關(guān)鍵幀和終點(diǎn)關(guān)鍵幀的圖像，F(xiàn)lash就會(huì)自動(dòng)補(bǔ)上中間的動(dòng)畫過程。（在Flash中創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，在需動(dòng)畫的起始和終止點(diǎn)必須加入了關(guān)鍵幀。同時(shí)補(bǔ)間動(dòng)畫的對象必須具有群組和元件的屬性。能夠創(chuàng)建補(bǔ)間動(dòng)畫的對象包括：影片剪輯、圖形元件、按鈕、文字及導(dǎo)入的位圖等。）本節(jié)我們將學(xué)習(xí)補(bǔ)間動(dòng)畫的制作方法。7.1.1制作補(bǔ)間動(dòng)畫的方法補(bǔ)間動(dòng)畫的基本制作方法是，在一個(gè)關(guān)鍵幀上放置一個(gè)對象，然后在另一個(gè)關(guān)鍵幀改變這個(gè)對象的大小、位置、顏色、透明度、旋轉(zhuǎn)、傾斜、濾鏡參數(shù)等。接著定義補(bǔ)間動(dòng)畫，F(xiàn)lash就會(huì)自動(dòng)補(bǔ)上中間的動(dòng)畫過程。構(gòu)成補(bǔ)間動(dòng)畫的對象包括元件（影片剪輯元件、圖形元件、按鈕元件）、文字、位圖、組等，但不能是形狀，只有把形狀組合成“組”或者轉(zhuǎn)換成“元件”后才可以做“補(bǔ)間動(dòng)畫”。下面制作一個(gè)救護(hù)車行進(jìn)的動(dòng)畫效果。（1）新建一個(gè)FlashCS3影片文檔，設(shè)置舞臺(tái)背景色為藍(lán)色，其他保持默認(rèn)。（2）選擇文本工具，在“屬性”面板中，設(shè)置字體為Webdings，字體大小為200，文本顏色為白色。（3）在舞臺(tái)上單擊，然后按“h”鍵，這樣舞臺(tái)上就出現(xiàn)一個(gè)救護(hù)車符號(hào)。將這個(gè)救護(hù)車符號(hào)拖放到舞臺(tái)的右邊。如圖1所示。圖1輸入救護(hù)車符號(hào)（4）選擇“圖層1”的第35幀，按F6鍵插入一個(gè)關(guān)鍵幀。（5）把第35幀上的救護(hù)車移動(dòng)到舞臺(tái)的左邊。如圖2所示。圖2第35幀上的救護(hù)車位置（6）選擇第1幀，在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”。如圖3所示。圖3定義補(bǔ)間動(dòng)畫（7）這時(shí)，“圖層1”第1幀到第35幀之間出現(xiàn)了一條帶箭頭的實(shí)線，并且第1幀到第35幀之間的幀格變成淡紫色。如圖4所示。圖4補(bǔ)間動(dòng)畫的時(shí)間軸面板（8）這樣我們就完成了一個(gè)補(bǔ)間動(dòng)畫的制作。按下Enter鍵，就可以看到救護(hù)車從舞臺(tái)右側(cè)行進(jìn)到舞臺(tái)左邊的動(dòng)畫效果。7.1.2補(bǔ)間動(dòng)畫的參數(shù)設(shè)置定義了補(bǔ)間動(dòng)畫后，在“屬性”面板中可以進(jìn)一步設(shè)置相應(yīng)的參數(shù)，以使動(dòng)畫效果更豐富。如圖3所示。1．“縮放“選項(xiàng)在制作補(bǔ)間動(dòng)畫時(shí)，如果在終點(diǎn)關(guān)鍵幀上，更改了動(dòng)畫對象的大小，那么這個(gè)“縮放“選項(xiàng)選擇與否就影響動(dòng)畫的效果。如果選擇了這個(gè)選項(xiàng)，那么就可以將大小變化的動(dòng)畫效果補(bǔ)出來。也就是說，你可以看到動(dòng)畫對象從大逐漸變?。ɑ蛘邚男≈饾u變大）的效果。如果沒有選擇這個(gè)選項(xiàng)，那么大小變化的動(dòng)畫效果就補(bǔ)不出來。默認(rèn)情況下，“縮放“選項(xiàng)自動(dòng)被選擇。2．“緩動(dòng)”選項(xiàng)單擊“緩動(dòng)”右邊的折角按鈕，彈出滑桿，拖動(dòng)上面的滑塊，可設(shè)置參數(shù)值。也可以直接在文本框中輸入具體的數(shù)值，設(shè)置完后，補(bǔ)間動(dòng)畫效果會(huì)以下面的設(shè)置作出相應(yīng)的變化：在-1到-100的負(fù)值之間，動(dòng)畫運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。在1到100的正值之間，動(dòng)畫運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。在“緩動(dòng)”選項(xiàng)右邊有一個(gè)“編輯”按鈕，單擊“編輯”按鈕，可以彈出“自定義緩入/緩出“對話框，如圖5所示。利用這個(gè)功能，我們可以制作出更加豐富的動(dòng)畫效果。圖5“自定義緩入/緩出“對話框3．“旋轉(zhuǎn)”選項(xiàng)“旋轉(zhuǎn)”下拉列表中包括4個(gè)選項(xiàng)。選擇“無”（默認(rèn)設(shè)置）可禁止元件旋轉(zhuǎn)；選擇“自動(dòng)”可使元件在需要最小動(dòng)作的方向上旋轉(zhuǎn)對象一次；選擇“順時(shí)針”（CW）或“逆時(shí)針”（CCW)），并在后面輸入數(shù)字，可使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。4．“調(diào)整到路徑”選項(xiàng)將補(bǔ)間對象的基線調(diào)整到運(yùn)動(dòng)路徑，此項(xiàng)功能主要用于引導(dǎo)路徑動(dòng)畫。在定義引導(dǎo)路徑動(dòng)畫時(shí)，選擇了這個(gè)選項(xiàng)，可以使動(dòng)畫對象根據(jù)路徑調(diào)整身姿，使動(dòng)畫更逼真。5．“同步”選項(xiàng)選擇這個(gè)復(fù)選框，可以使圖形元件實(shí)例的動(dòng)畫和主時(shí)間軸同步。6．“對齊”選項(xiàng)可以根據(jù)其注冊點(diǎn)將補(bǔ)間對象附加到運(yùn)動(dòng)路徑，此項(xiàng)功能主要也用于引導(dǎo)路徑運(yùn)動(dòng)。7.1.3補(bǔ)間動(dòng)畫應(yīng)用分析補(bǔ)間動(dòng)畫可以將動(dòng)畫對象的各種屬性的變化效果補(bǔ)出來，這些屬性包括：位置、大小、顏色、透明度、旋轉(zhuǎn)、傾斜、濾鏡參數(shù)等。但是，這并不是說針對任何一種類型的動(dòng)畫對象都是這樣。7.1.1小節(jié)制作了一個(gè)位置屬性變化的補(bǔ)間動(dòng)畫，下面討論一下其他屬性變化的補(bǔ)間動(dòng)畫。1．縮放動(dòng)畫效果（1）新建一個(gè)FlashCS3影片文檔，文檔屬性保持默認(rèn)。（2）選擇多角星形工具，選中“對象繪制”功能。在“屬性”面板中，設(shè)置筆觸色為無，填充顏色為紅色。接著單擊“屬性”按鈕，在彈出的對話框中設(shè)置“類型”為“星形”，邊數(shù)為5。（3）在舞臺(tái)上繪制一個(gè)五角星。如圖6所示。圖6五角形（4）選擇“圖層1”的第30幀，按F6鍵插入一個(gè)關(guān)鍵幀。（5）選中第30幀上的五角星，打開“變形”面板，勾選“約束”復(fù)選框，在“寬度”文本框中輸入200％，“高度”文本框中也自動(dòng)變?yōu)?00％。如圖7所示。圖7“變形”面板（6）選擇第1幀，在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”。（7）這樣我們就完成了一個(gè)文字縮放動(dòng)畫的制作，按Enter鍵觀看動(dòng)畫效果。2．顏色變化效果下面我們制作五角星從紅色逐漸變?yōu)辄S色的動(dòng)畫效果。接著上面的步驟繼續(xù)操作。（8）選中第30幀上的五角星，在“屬性”面板中，單擊“填充顏色”區(qū)域，在彈出的設(shè)色板中設(shè)置顏色為黃色。如圖8所示。圖8設(shè)置圖形實(shí)例的填充色（9）再按Enter鍵觀看動(dòng)畫效果，我們看到文字從小逐漸變化到大，并且顏色從紅色逐漸過渡為黃色。3．旋轉(zhuǎn)動(dòng)畫效果下面我們制作文字旋轉(zhuǎn)的動(dòng)畫效果。接著上面的步驟繼續(xù)操作。（10）選擇第1幀，選擇“屬性”面板中的“旋轉(zhuǎn)”下拉列表中的“順時(shí)針”選項(xiàng)。（11）在“旋轉(zhuǎn)”選項(xiàng)后面的文本框中輸入“2”。如圖9所示。圖9設(shè)置旋轉(zhuǎn)參數(shù)（12）再按Enter鍵觀看動(dòng)畫效果，我們看到五角星順時(shí)針旋轉(zhuǎn)兩圈的動(dòng)畫效果。4．淡入淡出效果（1）新建一個(gè)FlashCS3影片文檔，文檔屬性保持默認(rèn)。（2）選擇多角星形工具，在“屬性”面板中，設(shè)置筆觸色為無，填充顏色為紅色。接著單擊“屬性”按鈕，在彈出的對話框中設(shè)置“類型”為“星形”，邊數(shù)為5。（3）在舞臺(tái)上繪制一個(gè)五角星，選中這個(gè)五角星，選擇“修改”|“轉(zhuǎn)換為元件”命令或者按F8鍵，將這個(gè)對象轉(zhuǎn)換為圖形元件，名稱為“五角星”。如圖10所示。圖10五角形元件（4）選擇“圖層1”的第20幀，按F6插入一個(gè)關(guān)鍵幀。（5）選擇第1幀上的五角形實(shí)例，在“屬性”面板中，選擇“顏色”下拉列表中的“Alpha”選項(xiàng)，設(shè)置Alpha值為0％。如圖11所示。圖11設(shè)置圖形實(shí)例的Alpha值（6）選擇第1幀，在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”。（7）這樣我們就完成了一個(gè)對象淡入的動(dòng)畫效果，按Enter鍵觀看動(dòng)畫效果。（8）下面制作圖形淡出的動(dòng)畫效果。右擊第1幀，在彈出的快捷菜單中執(zhí)行“復(fù)制幀”命令。（9）右擊第40幀，在彈出的快捷菜單中執(zhí)行“粘貼幀”命令。（10）選擇第20幀，在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”。（11）再按Enter鍵觀看動(dòng)畫效果，我們看到了五角星淡入淡出的動(dòng)畫效果。5．逐漸模糊的動(dòng)畫效果（1）新建一個(gè)FlashCS3影片文檔，文檔屬性保持默認(rèn)。（2）選擇文本工具，在“屬性”面板中，設(shè)置字體為黑體，字體大小為30，文本顏色為黑色。在舞臺(tái)上單擊，然后輸入文字“模糊效果演示”。（3）選擇“圖層1”的第30幀，按F6插入一個(gè)關(guān)鍵幀。（4）選擇第1幀上的文字，打開“濾鏡”面板，添加一個(gè)“模糊”濾鏡，并設(shè)置“模糊x”和“模糊y”為2。如圖12所示。圖12第1幀上的文字模糊濾鏡設(shè)置（5）選擇第30幀上的文字，打開“濾鏡”面板，添加一個(gè)“模糊”濾鏡，并設(shè)置“模糊x”和“模糊y”為10。如圖12所示。圖12第30幀上的文字模糊濾鏡設(shè)置（6）選擇第1幀，在“屬性”面板的“補(bǔ)間”下拉列表中選擇“動(dòng)畫”。（7）按Enter鍵觀看動(dòng)畫效果，我們看到了文字逐漸模糊的動(dòng)畫效果。補(bǔ)間動(dòng)畫可以將濾鏡參數(shù)的變化補(bǔ)出來，這樣為我們制作豐富多彩的動(dòng)畫提供了更廣闊的空間。7.1.4實(shí)戰(zhàn)范例――網(wǎng)站Banner動(dòng)作補(bǔ)間動(dòng)畫是Flash動(dòng)畫類型中最基礎(chǔ)、最簡單的一種動(dòng)畫類型。它是所有動(dòng)畫作品，包括大型動(dòng)畫作品的基石。只要定義了變化的開始狀態(tài)和結(jié)束狀態(tài)，F(xiàn)lash就會(huì)自動(dòng)添補(bǔ)變化過程。范例簡介Banner是橫幅廣告的意思。在互聯(lián)網(wǎng)上隨處可見它的身影，它常?？梢杂脕碜鼍W(wǎng)站自我宣傳。本范例就利用動(dòng)作補(bǔ)間動(dòng)畫制作一個(gè)網(wǎng)站Banner，其實(shí)用性是不言而喻的。范例效果如圖13所示。圖13范例效果通過本例的學(xué)習(xí)，可以掌握動(dòng)作補(bǔ)間動(dòng)畫制作的方法和技巧，并了解通過設(shè)置補(bǔ)間參數(shù)控制動(dòng)畫的一般方法。本范例的制作流程圖如圖14所示。圖14范例制作流程圖制作步驟1．新建影片文檔和設(shè)置文檔屬性（1）啟動(dòng)FlashCS3，選擇“文件”|“新建”命令，新建一個(gè)影片文檔。（2）展開“屬性”面板，單擊“大小”右邊的“文檔屬性”按鈕，彈出“文檔屬性”對話框。設(shè)置影片尺寸為468×60像素，“背景顏色”為綠色，其他參數(shù)保持默認(rèn)。2．輸入網(wǎng)站名稱（1）在工具箱中選擇文本工具。在屬性面板中設(shè)置字體為隸書，字號(hào)為35，顏色為藍(lán)色，在舞臺(tái)左邊輸入網(wǎng)站名稱——“課件吧”，接著調(diào)整字體和字號(hào)，輸入網(wǎng)址。如圖15所示。圖15輸入網(wǎng)站名稱（2）選擇“課件吧”文本，展開濾鏡面板，為其添加“投影”和“漸變發(fā)光”濾鏡效果。效果如圖16所示。圖16添加濾鏡效果3．制作花邊（1）將“圖層1”重命名為“背景”，在這個(gè)圖層的第45幀按F5鍵插入幀。接著在屬性面板中設(shè)置字體為Wingdings2，字號(hào)為30，顏色為紫色，在舞臺(tái)上輸入“ab”，可以看到出現(xiàn)了花邊效果，如圖17所示。圖17輸入圖案（2）保持花邊選中的狀態(tài)，選擇“修改”|“變形”|“順時(shí)針旋轉(zhuǎn)90度”命令，接著為花邊添加“投影”濾鏡效果，然后復(fù)制花邊到舞臺(tái)右側(cè)，再將復(fù)制后的花邊旋轉(zhuǎn)90度。最后的效果如圖18所示。圖18制作花邊4．制作文字動(dòng)畫（1）新建圖層，將它重命名為“文字1”。單擊選中這個(gè)圖層的第5幀，選擇“插入”|“時(shí)間軸”|“關(guān)鍵幀”命令，插入關(guān)鍵幀。（2）保持第5幀的選中狀態(tài)，選擇文本工具，在屬性面板中設(shè)置字體為行楷，字號(hào)為30，顏色為白色，在舞臺(tái)中央輸入廣告語——“無比精美的課件”。（3）單擊選中文本，為它添加“投影”和“模糊”濾鏡效果。其中“投影”濾鏡的參數(shù)保持默認(rèn)，“模糊”濾鏡的參數(shù)設(shè)置如圖19所示。圖19“模糊”濾鏡參數(shù)設(shè)置（4）單擊選中這個(gè)圖層的第15幀，按F6鍵插入關(guān)鍵幀。接著修改這1幀文本的“模糊”濾鏡參數(shù)，將X和Y軸方向的模糊值均修改為0，如圖20所示。選中第25幀，按F5鍵插入鍵。圖20修改“模糊”濾鏡參數(shù)設(shè)置（5）拖動(dòng)第5幀上的文本到場景右側(cè)外，選中第5~15幀上的任意1幀，然后選擇“插入”|“時(shí)間軸”|“創(chuàng)建補(bǔ)間動(dòng)畫”命令，如圖21所示。圖21創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫此時(shí)，時(shí)間軸發(fā)生了變化，第5~15幀的背景變成了藍(lán)色，并且出現(xiàn)了一條帶箭頭的直線，這說明動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建成功。如圖22所示。按下Enter鍵可以觀看動(dòng)畫效果。圖22時(shí)間軸效果（6）按照同樣的方法，新建一個(gè)圖層，把它重命名為“文字2”，輸入文字“豐富翔實(shí)的教程”，在這個(gè)圖層的第25~35幀間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。此時(shí)的時(shí)間軸如圖23所示。圖23時(shí)間軸效果5．制作圓的動(dòng)畫（1）新建1個(gè)圖層，將它重命名為“圓形”。運(yùn)用繪圖工具繪制如圖24所示的圖形。圖24繪制圓形（2）在這個(gè)圖層的第5、15、25、35、45幀，按F6鍵插入關(guān)鍵幀。將第1幀上的圓形拖放到場景外，將第5、25、45幀的圓形拖放到舞臺(tái)右側(cè)的花邊旁，將第15、35幀的圓形拖放到舞臺(tái)左側(cè)的花邊旁，將第45幀的圓形縮放到極小的程度。此時(shí)的時(shí)間軸如圖25所示。圖25插入關(guān)鍵幀后的時(shí)間軸（3）創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。選中第1~5幀間的任意1幀，在屬性面板的“補(bǔ)間”后的下拉框中選擇“動(dòng)畫”命令，設(shè)置“旋轉(zhuǎn)”參數(shù)為“順時(shí)針，1次”。如圖26所示。圖26創(chuàng)建補(bǔ)間動(dòng)畫（4）按照第（3）步的方法，為第5~15、15~25、25~35、35~45幀間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。其中5~15、25~35間為逆時(shí)針旋轉(zhuǎn)，其他為順時(shí)針旋轉(zhuǎn)。設(shè)置完成的時(shí)間軸如圖27所示。圖27創(chuàng)建補(bǔ)間動(dòng)畫（5）選中第1幀，單擊屬性面板中“緩動(dòng)”后面的“編輯”按鈕，打開【自定義緩入/緩出】對話框，在3幀處單擊補(bǔ)間直線拖動(dòng)到80%處，直線變成了一條曲線。如圖28所示。圖28設(shè)置“自定義緩入/緩出”參數(shù)（6）用上述同樣的方法，為其他幀的動(dòng)畫添加“自定義緩入/緩出”效果。（7）按下快捷鍵“Ctrl+S”保存文件。按下快捷鍵“Ctrl+Enter”測試影片效果，網(wǎng)站Banner的動(dòng)作補(bǔ)間動(dòng)畫制作完成?！端嫯嬢S》實(shí)例教程本教程是為初學(xué)的朋友所寫的以遮罩為主要內(nèi)容的小實(shí)例，高手請繞行。我們看到的許多FLASH作品中，常常會(huì)看到很多神奇的效果，其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗等等。本例介紹了用Flashcs3來制作卷軸的動(dòng)畫效果，用變化的遮罩，實(shí)現(xiàn)圖片的自然過渡。一、新建FLASH文檔，命名為：水墨畫畫軸。設(shè)置文檔屬性，背景為黑色，寬690，高為350其他默認(rèn)，二、導(dǎo)入圖片素材到庫，并對位圖的屬性進(jìn)行設(shè)置。三、新建圖形元件：軸。在場景中畫一個(gè)寬22、高290的矩形，選擇線性填充，左右色標(biāo)的色碼為#996600，中間色碼#FFCC00。新插入一個(gè)圖層，畫橢圓，3放射狀填充，左右色碼為#996600和#990000，作為軸兩端的裝飾，調(diào)整為圖1的形狀（圖1）。圖1圖2四、新建圖形元件：圖1。將畫軸底圖拖入場景，圖層1修改為底圖，寬高為650×280，全居中。插入圖層2，命名為邊框，在場景中畫一個(gè)外徑580×226，內(nèi)徑554×194的矩形，顏色填充為白色（見圖2）；插入圖層3，命名為畫，將位圖1拖入場景，修改寬高為554×194，全居中，鎖定圖層（見圖3）圖3其它三張圖片可采取直接復(fù)制的方法建立元件，只需更換圖片。五、新建圖形元件：方塊。在場景中畫一個(gè)55.4×38.8的矩形，顏色任意，全居中對齊。六、新建影片剪輯元件：方塊動(dòng)。將庫中的方塊元件拖入場景中，全居中。在40幀插入關(guān)鍵幀，然后插入新圖層，畫同樣寬高的矩形，全居中，并將該圖層拖到下一層，作為參照。點(diǎn)選圖層1的第1幀，選擇任意變形工具，將方塊元件的中心點(diǎn)移到左上角，然后將方塊的寬高修改為1，在1到40幀之間建立動(dòng)畫補(bǔ)間，41幀插入空白關(guān)鍵幀（見圖4、圖5）。2圖4圖5新建影片剪輯元件：方塊動(dòng)組。在場景中畫一個(gè)不同于方塊動(dòng)顏色的矩形，寬高為554×194，全居中，插入圖層2，將方塊動(dòng)元件拖入并整齊排列（見圖6）7圖6七、新建圖形元件：圓角。在場景中畫一個(gè)寬高100的正圓，并對圓進(jìn)行相應(yīng)的處理，留8下右下角的圓角，（見圖7）圖7圖8八、新建影片剪輯元件：圓角動(dòng)。在庫中點(diǎn)圓角元件，直接復(fù)制，雙擊該元件進(jìn)入場景，改變顏色，左對齊上對齊，鎖定圖層，插入圖層2，將庫中的圓角元件拖入場景，左對齊，上對齊，選擇任意變形工具，將圓角的中心點(diǎn)拖到左上角，40幀插入關(guān)鍵幀，回到第1幀，將圓角的寬高修改為1，并建立動(dòng)畫補(bǔ)間，41幀插入空白關(guān)鍵幀。九、新建影片剪輯元件：圓角動(dòng)組。在場景中畫一個(gè)不同于圓角動(dòng)顏色的矩形，寬高為554×194，全居中。插入圖層2，將圓角動(dòng)元件拖入并整齊排列（見圖8）。十、新建圖形元件：條。在場景中畫一個(gè)寬高為27.7×194的矩形。十一、新建影片剪輯元件：條動(dòng)。在場景中畫一個(gè)寬高為27.7×194的矩形，左對齊，垂直中齊，40幀插入延長幀。插入圖層2，從庫中拖如條元件，左對齊，垂直中齊，選擇任意變形工具，將中心點(diǎn)移到矩形的左側(cè)，40幀插入關(guān)鍵