在Flash8.0的作品中，我們常?？吹胶芏嘌Ｄ可衿娴男Ч?，而其中不少就是用最簡(jiǎn)單的“遮罩”完成的，如水波、萬(wàn)花筒、百頁(yè)窗、放大鏡、望遠鏡……等等。
那么，“遮罩”如何能產(chǎn)生這些效果呢？
在本節，我們除了給大家介紹“遮罩”的基本知識，還結合我們的實(shí)際經(jīng)驗介紹一些“遮罩”的應用技巧，最后，提供二個(gè)很實(shí)用的范例，以加深對“遮罩”原理的理解。
在Flash8.0中實(shí)現“遮罩”效果有二種做法，一種是用補間動(dòng)畫(huà)的方法，一種是用actions指令的方法，在本節中，我們只介紹第一種做法。
1．遮罩動(dòng)畫(huà)的概念
（1）什么是遮罩
“遮罩”，顧名思義就是遮擋住下面的對象。
在Flash8.0中，“遮罩動(dòng)畫(huà)”也確實(shí)是通過(guò)“遮罩層”來(lái)達到有選擇地顯示位于其下方的“被遮罩層”中的內容的目地，在一個(gè)遮罩動(dòng)畫(huà)中，“遮罩層”只有一個(gè)，“被遮罩層”可以有任意個(gè)。
（2）遮罩有什么用
在Flash8.0動(dòng)畫(huà)中，“遮罩”主要有2種用途，一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區域，使場(chǎng)景外的對象或特定區域外的對象不可見(jiàn)，另一個(gè)作用是用來(lái)遮罩住某一元件的一部分，從而實(shí)現一些特殊的效果。
2．創(chuàng )建遮罩的方法
（1）創(chuàng )建遮罩
在Flash8.0中沒(méi)有一個(gè)專(zhuān)門(mén)的按鈕來(lái)創(chuàng )建遮罩層，遮罩層其實(shí)是由普通圖層轉化的。你只要在要某個(gè)圖層上單擊右鍵，在彈出菜單中把“遮罩”前打個(gè)勾，該圖層就會(huì )生成遮罩層，“層圖標”就會(huì )從普通層圖標變?yōu)檎谡謱訄D標，系統會(huì )自動(dòng)把遮罩層下面的一層關(guān)聯(lián)為“被遮罩層”,在縮進(jìn)的同時(shí)圖標變?yōu)?，如果你想關(guān)聯(lián)更多層被遮罩，只要把這些層拖到被遮罩層下面就行了，如圖3-5-1所示。
圖3-5-1多層遮罩動(dòng)畫(huà)
（2）構成遮罩和被遮罩層的元素
遮罩層中的圖形對象在播放時(shí)是看不到的，遮罩層中的內容可以是按鈕、影片剪輯、圖形、位圖、文字等，但不能使用線(xiàn)條，如果一定要用線(xiàn)條，可以將線(xiàn)條轉化為“填充”。
被遮罩層中的對象只能透過(guò)遮罩層中的對象被看到。在被遮罩層，可以使用按鈕，影片剪輯，圖形，位圖，文字，線(xiàn)條。
（3）遮罩中可以使用的動(dòng)畫(huà)形式
可以在遮罩層、被遮罩層中分別或同時(shí)使用形狀補間動(dòng)畫(huà)、動(dòng)作補間動(dòng)畫(huà)、引導線(xiàn)動(dòng)畫(huà)等動(dòng)畫(huà)手段，從而使遮罩動(dòng)畫(huà)變成一個(gè)可以施展無(wú)限想象力的創(chuàng )作空間。
3．應用遮罩時(shí)的技巧遮罩層的基本原理是：能夠透過(guò)該圖層中的對象看到“被遮罩層”中的對象及其屬性（包括它們的變形效果），但是遮罩層中的對象中的許多屬性如漸變色、透明度、顏色和線(xiàn)條樣式等卻是被忽略的。比如，我們不能通過(guò)遮罩層的漸變色來(lái)實(shí)現被遮罩層的漸變色變化。要在場(chǎng)景中顯示遮罩效果，可以鎖定遮罩層和被遮罩層?？梢杂谩癆S”動(dòng)作語(yǔ)句建立遮罩，但這種情況下只能有一個(gè)“被遮罩層”，同時(shí)，不能設置_alpha屬性。不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。遮罩可以應用在gif動(dòng)畫(huà)上。在制作過(guò)程中，遮罩層經(jīng)常擋住下層的元件，影響視線(xiàn)，無(wú)法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓按鈕，使之變成
，使遮罩層只顯示邊框形狀，在種情況下，你還可以拖動(dòng)邊框調整遮罩圖形的外形和位置。在被遮罩層中不能放置動(dòng)態(tài)文本。實(shí)例：紅星閃閃
圖3-5-2紅星閃閃
知識提要
將線(xiàn)條轉化為填充創(chuàng )建遮罩動(dòng)畫(huà)使用變形面板任意變形工具中“注冊點(diǎn)”的應用 學(xué)習使用橡皮工具中的“水籠頭”工具和擦除線(xiàn)條
（1）創(chuàng )建影片文檔
1、設置影片文檔屬性
執行【文件】|【新建】命令，在彈出的面板中選擇【常規】|【Flash文檔】選項后，點(diǎn)擊【確定】按鈕，新建一個(gè)影片文檔，在【屬性】面板上設置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們?yōu)榱烁玫娘@示場(chǎng)景中的內容，背景色設為了深藍色），如圖3-5-3所示。
圖3-5-3文檔【屬性】面板
（2）創(chuàng )建元件
1、 創(chuàng )建“閃光線(xiàn)條”元件
執行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線(xiàn)條”。選擇工具欄上的直線(xiàn)工具，在場(chǎng)景中畫(huà)一直線(xiàn)，在【屬性】面板上作如圖3-5-5設置。Flash mx版本找不到這種【屬性】面板
圖3-5-5閃光線(xiàn)條的【屬性】面板參數設置
2、 創(chuàng )建“閃光線(xiàn)條組合”元件
執行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“閃光線(xiàn)條組合”，如圖3-5-6所示。
圖3-5-6創(chuàng )建閃光線(xiàn)條元件
從庫中將名為“閃光線(xiàn)條”的元件拖入新元件編輯窗口的場(chǎng)景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時(shí)元件的中心會(huì )出現一個(gè)小白點(diǎn)，它就是對象的“注冊點(diǎn)”，用鼠標左鍵按住它，拖到場(chǎng)景的中心處松手。
圖3-5-7中的“1”顯示的是注冊點(diǎn)在元件的中心時(shí)的情形，“2”顯示的是注冊點(diǎn)已拖到場(chǎng)景中心時(shí)的情形。
圖3-5-7移動(dòng)注冊點(diǎn)到場(chǎng)景的中心
然后執行【窗口】|【設計面板】|【變形】命令，打開(kāi)變形面板，選中【旋轉】，角度為15度，連續按下【復制并應用變形】按鈕，在場(chǎng)景中復制出的效果如圖3-5-8所示。
圖3-5-8變形面板及復制好的元件
在時(shí)間軸的關(guān)鍵幀上點(diǎn)一下，選中全部圖形，執行【修改】|【分散】命令，把線(xiàn)條打散，再執行【修改】|【形狀】|【將線(xiàn)條轉化為填充】命令，將線(xiàn)條轉變?yōu)樾螤睢?/font>
3、 創(chuàng )建“閃光”元件
執行【插入】|【新建元件】命令，新建一個(gè)影片剪輯，名稱(chēng)為“閃光”，如圖3-5-9所示。
圖3-5-9創(chuàng )建“閃光”元件
單擊【確定】后進(jìn)行“新元件編輯窗口”，接著(zhù)把庫里名為“閃光線(xiàn)條組合”的元件拖到場(chǎng)景中，對齊中心點(diǎn)，復制此元件，在第30幀處加關(guān)鍵幀，再回到第1幀中建立補間動(dòng)作動(dòng)畫(huà)，【屬性】面板上設置順時(shí)針旋轉一周。
然后新建一層，在第1幀中執行【編輯】|【粘貼到當前位置】命令，使二層中的“閃光線(xiàn)條組合”完全重合，再執行【修改】|【變形】|【水平翻轉】命令，讓復制過(guò)來(lái)的線(xiàn)條和第一層的線(xiàn)條方向相反，在場(chǎng)景中形成交叉的圖形。
在第30幀處建立關(guān)鍵幀，在第1幀中建立動(dòng)作補間動(dòng)畫(huà)，【屬性】面板上設置逆時(shí)針旋轉一周，最后將此層設為遮罩層，如圖3-5-10所示。圖中顯示的是“閃光”元件的時(shí)間軸面板和各圖層中的動(dòng)畫(huà)設置。
圖3-5-10“閃光”元件編輯界面
4、 創(chuàng )建“紅星”元件
執行【插入】|【新建元件】命令，新建一個(gè)圖形元件，名稱(chēng)為“紅星”。我們要在這個(gè)元件中畫(huà)一個(gè)漂亮的紅星，為了畫(huà)好紅星，我們分九步來(lái)敘述具體的畫(huà)法，圖3-5-11中的“1-9”的數字表示這九個(gè)步驟。
圖3-5-11紅星的九步畫(huà)法
第一步，按住shift鍵，從場(chǎng)景中心向上畫(huà)一根黃色的線(xiàn)條，如圖3-5-11中的“1”所示。
第二步，選擇工具箱中的任意變形工具,在畫(huà)好的線(xiàn)條上點(diǎn)一下，這里，線(xiàn)條的中心出現一個(gè)白色的小園點(diǎn)，我們叫它“注冊點(diǎn)”。如圖3-5-11中的“2”所示。
第三步，鼠標左鍵按住這個(gè)小白點(diǎn)，拖到線(xiàn)條的最下端，這是因為我們要讓線(xiàn)條要以下端為中心旋轉復制。如圖3-5-11中“3”所示。
第四步，執行【窗口】|【設計面板】|【變形】，打開(kāi)變形面板，各參數設置如圖3-5-12。
按下【復制并應用變形】按鈕四次，就會(huì )在場(chǎng)景中每隔72度復制出一根線(xiàn)條，五個(gè)線(xiàn)條的頂端構成五角星的五個(gè)頂點(diǎn)。如圖3-5-11中的“4”所示。
圖3-5-12變形面板
第五步，用綠色線(xiàn)條分別連接五根線(xiàn)條的頂端，五角星的模樣已經(jīng)出來(lái)了，如圖3-5-11中“5”所示。
第六步，用白色線(xiàn)條分別連接五角星中心和上一步連線(xiàn)的中點(diǎn)，如圖3-5-11中“6”所示。
第七步，選擇工具欄上的橡皮工具 ，在工具欄下面的選項中選擇“水籠頭”工具，在多余的線(xiàn)段上點(diǎn)一下，去除線(xiàn)段，修整好的五角星如圖3-5-11中的“7”所示。
第八步，用油漆筒工具給五角星上色，每個(gè)角的左右顏色可略有區別，增加立體感，如圖3-5-11中的“8”所示。
第九步：再選擇橡皮工具，點(diǎn)開(kāi)旁邊的小三角，在“擦除線(xiàn)條”前打勾，如圖3-5-13所示。
圖3-5-13擦除線(xiàn)條
用橡皮工具擦去紅星上的線(xiàn)條，一顆漂亮的紅星就做成了，如圖3-2-11中“9”所示。
技巧：在Flash8.0中，還可以用更簡(jiǎn)單的方法畫(huà)紅星，選擇工具欄上的多角星形工具，如圖3-5-14。
圖3-5-14多角星形工具-
圖3-5-15多角星形工具選項設置面板-
（3）創(chuàng )建動(dòng)畫(huà)
回到主場(chǎng)景中，把“閃光”元件拖入第二層，新建二層，第三層中拖入“紅星”元件，在場(chǎng)景的下方寫(xiě)下白色的“閃客啟航電影制片廠(chǎng)”的文字，完成后的時(shí)間幀面板及場(chǎng)景如圖3-5-16所示。
圖3-5-16時(shí)間軸及場(chǎng)景
按Ctrl+Enter組合鍵，測試動(dòng)畫(huà)。此時(shí)，你欣賞著(zhù)自己親手做的“閃閃紅星”動(dòng)畫(huà)，心中再回想一下“遮罩”在動(dòng)畫(huà)中的作用，是否已經(jīng)感受到“遮罩”這一功能的神奇？
聯(lián)系客服
