遮罩動(dòng)畫的制作探討

孫宏龍

遮罩動(dòng)畫是Flash中的一個(gè)非常重要的動(dòng)畫類型，可以制作出很多神奇眩目的動(dòng)畫效果，遮罩動(dòng)畫的實(shí)現(xiàn)需要兩個(gè)圖層，一個(gè)是遮罩層，另一個(gè)是被遮罩層，通過兩個(gè)圖層中存放內(nèi)容的變化，可以制作出豐富多彩的遮罩動(dòng)畫，現(xiàn)從內(nèi)容組成和實(shí)現(xiàn)方式上對制作遮罩動(dòng)畫進(jìn)行探討。

一、遮罩層和被遮罩層的組成及分析

遮罩動(dòng)畫的實(shí)現(xiàn)需要兩個(gè)圖層，一個(gè)是遮罩層，另一個(gè)是被遮罩層。遮罩層上可以創(chuàng)建一個(gè)任意圖形（也可以是文字），遮罩在Flash中主要實(shí)現(xiàn)兩種效果，一是用來遮蓋某一元件的一部分，實(shí)現(xiàn)顯示特定區(qū)域的效果;二是對圖片或場景的部分區(qū)域遮蓋，使對象外的內(nèi)容不顯示。遮罩層中的內(nèi)容在播放時(shí)是不可見的，遮罩動(dòng)畫一般情況是一個(gè)遮罩層和一個(gè)被遮罩層，特殊情況也可將多個(gè)被遮罩層組織在一個(gè)遮罩層下面創(chuàng)建復(fù)雜的效果，方法是創(chuàng)建好遮罩圖層后，把更多的圖層拖到被遮罩層下方即可。

二、遮罩層與被遮罩層的內(nèi)容及效果

1.文字出現(xiàn)在遮罩層與出現(xiàn)在被遮罩層中的區(qū)別

遮罩動(dòng)畫一般由兩個(gè)圖層組成，元件、文字、圖形既可以出現(xiàn)有遮罩層中，也可以出現(xiàn)在被遮罩層中，因?yàn)槌霈F(xiàn)的位置不同，動(dòng)畫的最終效果也不同。如：被遮罩層中是文字“河南經(jīng)濟(jì)貿(mào)易技師學(xué)院”，遮罩層中有小球元件從文字左側(cè)移到右側(cè)，動(dòng)畫的測試效果是，伴隨小球移動(dòng)，人們看到“河南經(jīng)濟(jì)貿(mào)易技師學(xué)院”文字被依次顯示，小球的形狀可以體會(huì)到，顏色看不到，小球此時(shí)相當(dāng)于透明的“窗戶”，這就是大家熟悉的探照燈動(dòng)畫;如遮罩層中是“大國工匠”文字元件，并且從左側(cè)移動(dòng)到右側(cè)，被遮罩層中是一幅風(fēng)景畫，我們看到彩色“大國工匠”從左側(cè)移到右側(cè)，文字“大國工匠”原來的顏色不可見，此時(shí)“大國工匠”相當(dāng)于是“窗戶”，人們看到的實(shí)際是風(fēng)景畫的一部分，當(dāng)反復(fù)制作這兩個(gè)動(dòng)畫并總結(jié)出它們的區(qū)別后，對于遮罩動(dòng)畫的制作和實(shí)現(xiàn)原理，就會(huì)有深刻的認(rèn)識(shí)和理解。

2.動(dòng)畫出現(xiàn)在遮罩層與出現(xiàn)在被遮罩層中的區(qū)別

遮罩動(dòng)畫的實(shí)現(xiàn)需要遮罩層和被遮罩層兩個(gè)圖層，制作遮罩動(dòng)畫時(shí)，兩個(gè)圖層中都可以應(yīng)用動(dòng)畫，即動(dòng)畫可以應(yīng)用于遮罩層，也可以應(yīng)用到被遮罩層中，并且可以是補(bǔ)間動(dòng)畫，也可以是補(bǔ)間形狀，當(dāng)然，動(dòng)畫應(yīng)用到不同的圖層中，最后實(shí)現(xiàn)的動(dòng)畫效果也會(huì)不同。在遮罩層中應(yīng)用動(dòng)畫例子，如放大鏡動(dòng)畫、流水波紋動(dòng)畫等;在被遮罩層中應(yīng)用動(dòng)畫相對較少，但對于制作遮罩動(dòng)畫來說，被遮罩層中也可以創(chuàng)建補(bǔ)間動(dòng)畫，如圖層1是遮罩層，內(nèi)容為繪制填充圖形，圖層2是被遮罩層，內(nèi)容為一幅風(fēng)景圖元件移動(dòng)動(dòng)畫，測試的效果為：透過填充圖形看到風(fēng)景圖的不同部分，很多書上都有閃光動(dòng)畫的例子，制作時(shí)把遮罩層和被遮罩層的內(nèi)容進(jìn)行交換同樣能實(shí)現(xiàn)閃光效果，也就是在這個(gè)遮罩動(dòng)畫中，光線元件旋轉(zhuǎn)可以放在遮罩層中，也可以放在被遮罩層中;遮罩層中也可以是只有一幀的影片剪輯，如百葉窗動(dòng)畫。

三、編程實(shí)現(xiàn)遮罩動(dòng)畫

利用編程的方法也可以制作出特殊效果的遮罩動(dòng)畫，下面總結(jié)制作類似橡皮擦移動(dòng)顯示圖像的遮罩動(dòng)畫步驟。

第一，新建AS3動(dòng)畫文檔;第二，導(dǎo)入喜歡的一個(gè)圖片到舞臺(tái)，設(shè)置圖片大小與場景屬性相同，圖片對齊方式選擇與舞臺(tái)對齊;第三，把圖片轉(zhuǎn)化成影片剪輯元件。名稱可選默認(rèn)或自己命名;第四，展開屬性面板，輸入實(shí)例名字“l(fā)ianxi”;第五，新建AS圖層，輸入代碼（見右）：

第六，測試影片，鼠標(biāo)被隱藏，在窗口中移動(dòng)鼠標(biāo)，圖片被逐步顯示;在最后一行前輸入半角//，測試時(shí)鼠標(biāo)顯示，移動(dòng)鼠標(biāo)可以看到移動(dòng)過的地方圖片顯示。遮罩可以做成任意形狀。只是矩形、圓形等簡單的圖形比較容易一些。

遮罩動(dòng)畫可以制作十分豐富的動(dòng)畫效果，通過遮罩層和被遮罩層中的內(nèi)容變化，為遮罩動(dòng)畫的實(shí)現(xiàn)提供了無限的創(chuàng)作空間。

（作者單位：河南經(jīng)濟(jì)貿(mào)易技師學(xué)院）