在Flash的作品中，我們常常看到很多眩目神奇的效果，而其中不少就是用最簡單的“遮罩”完成的，如水波、萬花筒、百頁窗、放大鏡、望遠(yuǎn)鏡……等等。
那么，“遮罩”如何能產(chǎn)生這些效果呢？
在本課，我們除了給大家介紹“遮罩”的基本知識，還結(jié)合我們的實(shí)際經(jīng)驗(yàn)介紹一些“遮罩”的應(yīng)用技巧。
學(xué)習(xí)目的
u 字體的二次打散
u 將字體轉(zhuǎn)為形狀
u 創(chuàng)建遮罩動畫
課前熱身
“嗖”，伴著這聲音，一道白光迅速掠過一排文字，這是我們經(jīng)常在廣告和電視中看到的效果。
本例運(yùn)行效果
你想不想知道它們是怎么制作出來的呢？其實(shí)很簡單，利用前面學(xué)過的知識就可輕易地做出這個效果，下面，讓我們動手試一試。
（1）創(chuàng)建影片文檔
執(zhí)行【文件】|【新建】命令，在彈出的對話框中選擇【常規(guī)】|【Flash文檔】選項后，單擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設(shè)置文件大小為550×400像素，【背景色】為黑色（在教程中，我們?yōu)榱烁玫仫@示場景中的內(nèi)容，背景色設(shè)為了深綠色）,如圖3-5-19所示。
圖3-5-19 文檔屬性
（2）創(chuàng)建元件
步驟1 創(chuàng)建“我要學(xué)做閃客”元件
執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“我要學(xué)做閃客”。單擊工具箱中的【文字工具】
，在場景中輸入“我要學(xué)做閃客”六個字，在【屬性】面板中，設(shè)置文字參數(shù)如圖3-5-20所示。
圖3-5-20 “我要學(xué)做閃客”文字
選中字體，執(zhí)行【修改】|【分離】命令二次，把字體打散，再選擇【顏料桶工具】，把字體中心填充成紅色。各個步驟的文字效果如圖3-5-21所示。
圖3-5-21 文字效果
步驟2 創(chuàng)建“輝光”元件
執(zhí)行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“輝光”。執(zhí)行【窗口】|【設(shè)計面板】|【混色器】命令，打開【混色器】面板，設(shè)置【填充樣式】為線性，將三個色標(biāo)全部設(shè)置為白色，第一和第三個的【Alpha】值為零，中間的為74%（你可按需設(shè)置），設(shè)置完后，在場景中畫一個無邊矩形，大小為40×230，如圖3-5-22所示。
圖3-5-22 【混色器】面板和圖形
（4）創(chuàng)建動畫
單擊時間軸右上角的【場景1】按鈕，切換到主場景。
本例的主場景1中共有四個圖層，我們從下向上一層一層的做，可參看圖3-5-25所示。
步驟1 創(chuàng)建【底層文字】層
將【圖層1】重新命名為【底層文字】。
從庫里把“我要學(xué)做閃客”的元件拖到場景中，在第60幀處添加普通幀，這一層起顯示文字的作用。
步驟2 創(chuàng)建被遮罩層
新建一個【輝光】圖層，從庫里把“輝光”元件拖到場景中，放在“我要學(xué)做閃客”元件實(shí)例的左邊。選擇工具欄上的【任意變形工具】，單擊【選項】中的【旋轉(zhuǎn)與傾斜】按鈕，將鼠標(biāo)放在“輝光”元件實(shí)例的任意一個角，拖動鼠標(biāo)旋轉(zhuǎn)一定有角度，使“輝光”元件實(shí)例產(chǎn)生一定的傾斜度。在第30、60幀處添加關(guān)鍵幀，在第30幀處把“輝光”元件實(shí)例拖到“我要學(xué)做閃客”元件實(shí)例的右邊，在第1幀和第30幀處建立動作補(bǔ)間動畫，如圖3-5-23所示。
圖3-5-23 “輝光”元件在場景中的位置
步驟3 創(chuàng)建遮罩層
新建一個【遮罩層】圖層，復(fù)制【底層文字】層的第一幀中的元件實(shí)例，選擇【遮罩層】的第1幀，執(zhí)行【編輯】|【粘貼到當(dāng)前位置】命令，用鼠標(biāo)右鍵單擊【遮罩層】，選擇【遮罩層】，設(shè)置此層為遮罩層，這一層的作用是用字體做遮罩元素，用它來控制輝光在場景中出現(xiàn)的大小和位置。
步驟4 導(dǎo)入音樂和設(shè)置聲音
執(zhí)行【文件】|【導(dǎo)入】|【導(dǎo)入到庫】命令，將名為“sound2.mp3”的音樂文件導(dǎo)入到庫中。
新增一個【聲音層】圖層，在第1、30幀處添加關(guān)鍵幀，在【屬性】面板上設(shè)置聲音選項，如圖3-5-24所示。
圖3-5-24 聲音設(shè)置
至此，我們就已經(jīng)創(chuàng)建好了“我要學(xué)做閃客”這個動畫，時間軸面板如圖3-5-25所示。
圖3-5-25 時間軸面板上的圖層
說明：為了增強(qiáng)動畫實(shí)例效果，實(shí)例中加入了一些聲音效果，關(guān)于將聲音導(dǎo)入Flash及應(yīng)用聲音的詳細(xì)方法，請你參考第12課的相關(guān)內(nèi)容。
課堂講解
下面系統(tǒng)講解遮照動畫的有關(guān)知識。
1．遮罩動畫的概念
（1）什么是遮罩
遮罩動畫是Flash中的一個很重要的動畫類型，很多效果豐富的動畫都是通過遮罩動畫來完成的。在Flash的圖層中有一個遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。
（2）遮罩有什么用
在Flash動畫中，“遮罩”主要有2種用途，一個作用是用在整個場景或一個特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見，另一個作用是用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。
2．創(chuàng)建遮罩的方法
（1）創(chuàng)建遮罩
在Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在某個圖層上單擊右鍵，在彈出菜單中選擇【遮罩層】，使命令的左邊出現(xiàn)一個小勾，該圖層就會生成遮罩層，“層圖標(biāo)”就會從普通層圖標(biāo)
變?yōu)檎谡謱訄D標(biāo)
，系統(tǒng)會自動把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”，在縮進(jìn)的同時圖標(biāo)變?yōu)?div id="moiyehiw" class='imgcenter'>
，如果你想關(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如圖3-5-1所示。
圖3-5-1 多層遮罩動畫
（2）構(gòu)成遮罩和被遮罩層的元素
遮罩層中的圖形對象在播放時是看不到的，遮罩層中的內(nèi)容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線條，如果一定要用線條，可以將線條轉(zhuǎn)化為“填充”。
被遮罩層中的對象只能透過遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線條。
（3）遮罩中可以使用的動畫形式
可以在遮罩層、被遮罩層中分別或同時使用形狀補(bǔ)間動畫、動作補(bǔ)間動畫、引導(dǎo)線動畫等動畫手段，從而使遮罩動畫變成一個可以施展無限想象力的創(chuàng)作空間。
3．應(yīng)用遮罩時的技巧
l 遮罩層的基本原理是：能夠透過該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線條樣式等卻是被忽略的。比如，我們不能通過遮罩層的漸變色來實(shí)現(xiàn)被遮罩層的漸變色變化。
l 要在場景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層。
l 可以用“Actions”動作語句建立遮罩，但這種情況下只能有一個“被遮罩層”，同時，不能設(shè)置_Alpha屬性。
l 不能用一個遮罩層試圖遮蔽另一個遮罩層。
l 遮罩可以應(yīng)用在gif動畫上。
l 在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕
，使之變成
，使遮罩層只顯示邊框形狀，在種情況下，你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。
l 在被遮罩層中不能放置動態(tài)文本。
或許你讀了上面的描述，還有點(diǎn)模糊，那么，通過一些范例，相信你會感受到遮罩動畫的神奇！
