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

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

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

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

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

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

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

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

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

10、小白點，拖到線條的最下端，這是因為我們要讓線條要以下端為中心旋轉復制。如圖3-5-11中“3”所示。第四步，執(zhí)行【窗口】|【設計面板】|【變形】，打開變形面板，各參數設置如圖3-5-12。按下【復制并應用變形】按鈕四次，就會在場景中每隔72度復制出一根線條，五個線條的頂端構成五角星的五個頂點。如圖3-5-11中的“4”所示。圖3-5-12 變形面板第五步，用綠色線條分別連接五根線條的頂端，五角星的模樣已經出來了，如圖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 多角星形工具選項設置面板-（3）創(chuàng)建動畫 回到主場景中，把