flash遮罩動畫制作紅星閃閃

1、Flash遮罩效果實例-紅星閃閃在Flash8.0的作品中，我們常?？吹胶芏嘌Ｄ可衿娴男Ч?，而其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡等等。那么，“遮罩”如何能產(chǎn)生這些效果呢？在本節(jié)，我們除了給大家介紹“遮罩”的基本知識，還結(jié)合我們的實際經(jīng)驗介紹一些“遮罩”的應(yīng)用技巧，最后，提供二個很實用的范例，以加深對“遮罩”原理的理解。在Flash8.0中實現(xiàn)“遮罩”效果有二種做法，一種是用補間動畫的方法，一種是用actions指令的方法，在本節(jié)中，我們只介紹第一種做法。1遮罩動畫的概念 （1）什么是遮罩 “遮罩”，顧名思義就是遮擋住下面的對象。在Flash8.0中，“

2、遮罩動畫”也確實是通過“遮罩層”來達(dá)到有選擇地顯示位于其下方的“被遮罩層”中的內(nèi)容的目地，在一個遮罩動畫中，“遮罩層”只有一個，“被遮罩層”可以有任意個。（2）遮罩有什么用 在Flash8.0動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實現(xiàn)一些特殊的效果。2創(chuàng)建遮罩的方法 （1）創(chuàng)建遮罩 在Flash8.0中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實是由普通圖層轉(zhuǎn)化的。你只要在要某個圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個勾，該圖層就會生成遮罩層，“層圖標(biāo)”就會從普通層圖標(biāo)變?yōu)檎谡?/p>

3、層圖標(biāo)，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時圖標(biāo)變?yōu)?，如果你想關(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如圖3-5-1所示。圖3-5-1 多層遮罩動畫（2）構(gòu)成遮罩和被遮罩層的元素遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。（3）遮罩中可以使用的動畫形式可以在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、引導(dǎo)線動畫等動畫手段，從而使

4、遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。3應(yīng)用遮罩時的技巧遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實現(xiàn)被遮罩層的漸變色變化。 要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。 可以用“AS”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設(shè)置_alpha屬性。 不能用一個遮罩層試圖遮蔽另一個遮罩層。 遮罩可以應(yīng)用在gif動畫上。 在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層

5、時間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框形狀，在種情況下，你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。 在被遮罩層中不能放置動態(tài)文本。 實例：紅星閃閃圖3-5-2 紅星閃閃知識提要 將線條轉(zhuǎn)化為填充 創(chuàng)建遮罩動畫 使用變形面板 任意變形工具中“注冊點”的應(yīng)用 學(xué)習(xí)使用橡皮工具中的“水籠頭”工具和擦除線條（1）創(chuàng)建影片文檔 1、設(shè)置影片文檔屬性執(zhí)行【文件】|【新建】命令，在彈出的面板中選擇【常規(guī)】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設(shè)置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們?yōu)榱烁玫娘@示場景中的內(nèi)容，背景色設(shè)為

6、了深藍(lán)色），如圖3-5-3所示（2）創(chuàng)建元件 1、 創(chuàng)建“閃光線條”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具欄上的直線工具，在場景中畫一直線，在【屬性】面板上作如圖3-5-5設(shè)置。圖3-5-5 閃光線條的【屬性】面板參數(shù)設(shè)置2、 創(chuàng)建“閃光線條組合”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”，如圖3-5-6所示。圖3-5-6 創(chuàng)建閃光線條元件從庫中將名為“閃光線條”的元件拖入新元件編輯窗口的場景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時元件的中心會出現(xiàn)一個小白點，它就是對象的“注冊點

7、”，用鼠標(biāo)左鍵按住它，拖到場景的中心處松手。圖3-5-7中的“1”顯示的是注冊點在元件的中心時的情形，“2”顯示的是注冊點已拖到場景中心時的情形。圖3-5-7 移動注冊點到場景的中心然后執(zhí)行【窗口】|【設(shè)計面板】|【變形】命令，打開變形面板，選中【旋轉(zhuǎn)】，角度為15度，連續(xù)按下【復(fù)制并應(yīng)用變形】按鈕，在場景中復(fù)制出的效果如圖3-5-8所示。圖3-5-8 變形面板及復(fù)制好的元件在時間軸的關(guān)鍵幀上點一下，選中全部圖形，執(zhí)行【修改】|【分散】命令，把線條打散，再執(zhí)行【修改】|【形狀】|【將線條轉(zhuǎn)化為填充】命令，將線條轉(zhuǎn)變?yōu)樾螤睢?、 創(chuàng)建“閃光”元件執(zhí)行【插入】|【新建元件】命令，新建一個影片剪輯，

8、名稱為“閃光”，如圖3-5-9所示。圖3-5-9 創(chuàng)建“閃光”元件單擊【確定】后進(jìn)行“新元件編輯窗口”，接著把庫里名為“閃光線條組合”的元件拖到場景中，對齊中心點，復(fù)制此元件，在第30幀處加關(guān)鍵幀，再回到第1幀中建立補間動作動畫，【屬性】面板上設(shè)置順時針旋轉(zhuǎn)一周。然后新建一層，在第1幀中執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，使二層中的“閃光線條組合”完全重合，再執(zhí)行【修改】|【變形】|【水平翻轉(zhuǎn)】命令，讓復(fù)制過來的線條和第一層的線條方向相反，在場景中形成交叉的圖形。在第30幀處建立關(guān)鍵幀，在第1幀中建立動作補間動畫，【屬性】面板上設(shè)置逆時針旋轉(zhuǎn)一周，最后將此層設(shè)為遮罩層，如圖3-5-10所示。

9、圖中顯示的是“閃光”元件的時間軸面板和各圖層中的動畫設(shè)置。圖3-5-10“閃光”元件編輯界面4、 創(chuàng)建“紅星”元件執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖3-5-11中的“1-9”的數(shù)字表示這九個步驟。圖3-5-11 紅星的九步畫法第一步，按住shift鍵，從場景中心向上畫一根黃色的線條，如圖3-5-11中的“1”所示。第二步，選擇工具箱中的任意變形工具,在畫好的線條上點一下，這里，線條的中心出現(xiàn)一個白色的小園點，我們叫它“注冊點”。如圖3-5-11中的“2”所示。第三步，鼠標(biāo)左鍵按住這個

10、小白點，拖到線條的最下端，這是因為我們要讓線條要以下端為中心旋轉(zhuǎn)復(fù)制。如圖3-5-11中“3”所示。第四步，執(zhí)行【窗口】|【設(shè)計面板】|【變形】，打開變形面板，各參數(shù)設(shè)置如圖3-5-12。按下【復(fù)制并應(yīng)用變形】按鈕四次，就會在場景中每隔72度復(fù)制出一根線條，五個線條的頂端構(gòu)成五角星的五個頂點。如圖3-5-11中的“4”所示。圖3-5-12 變形面板第五步，用綠色線條分別連接五根線條的頂端，五角星的模樣已經(jīng)出來了，如圖3-5-11中“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的中點，如圖3-5-11中“6”所示。第七步，選擇工具欄上的橡皮工具 ，在工具欄下面的選項中選擇“水籠頭”工具，在多余的線段上點一下，去除線段，修整好的五角星如圖3-5-11中的“7”所示。第八步，用油漆筒工具給五角星上色，每個角的左右顏色可略有區(qū)別，增加立體感，如圖3-5-11中的“8”所示。第九步：再選擇橡皮工具，點開旁邊的小三角，在“擦除線條”前打勾，如圖3-5-13所示。圖3-5-13 擦除線條用橡皮工具擦去紅星上的線條，一顆漂亮的紅星就做成了，如圖3-2-11中“9”所示。技巧：在Flash8.0中，還可以用更簡單的方法畫紅星，選擇工具欄上的多角星形工具，如圖3-5-14。圖3-5-14 多角星形工具-圖3-5-15 多角星形工具選項設(shè)置面板-（3）創(chuàng)建動畫 回到主場景中，把