孫宏龍
遮罩動畫是Flash中的一個非常重要的動畫類型,可以制作出很多神奇眩目的動畫效果,遮罩動畫的實(shí)現(xiàn)需要兩個圖層,一個是遮罩層,另一個是被遮罩層,通過兩個圖層中存放內(nèi)容的變化,可以制作出豐富多彩的遮罩動畫,現(xiàn)從內(nèi)容組成和實(shí)現(xiàn)方式上對制作遮罩動畫進(jìn)行探討。
一、遮罩層和被遮罩層的組成及分析
遮罩動畫的實(shí)現(xiàn)需要兩個圖層,一個是遮罩層,另一個是被遮罩層。遮罩層上可以創(chuàng)建一個任意圖形(也可以是文字),遮罩在Flash中主要實(shí)現(xiàn)兩種效果,一是用來遮蓋某一元件的一部分,實(shí)現(xiàn)顯示特定區(qū)域的效果;二是對圖片或場景的部分區(qū)域遮蓋,使對象外的內(nèi)容不顯示。遮罩層中的內(nèi)容在播放時是不可見的,遮罩動畫一般情況是一個遮罩層和一個被遮罩層,特殊情況也可將多個被遮罩層組織在一個遮罩層下面創(chuàng)建復(fù)雜的效果,方法是創(chuàng)建好遮罩圖層后,把更多的圖層拖到被遮罩層下方即可。
二、遮罩層與被遮罩層的內(nèi)容及效果
1.文字出現(xiàn)在遮罩層與出現(xiàn)在被遮罩層中的區(qū)別
遮罩動畫一般由兩個圖層組成,元件、文字、圖形既可以出現(xiàn)有遮罩層中,也可以出現(xiàn)在被遮罩層中,因?yàn)槌霈F(xiàn)的位置不同,動畫的最終效果也不同。如:被遮罩層中是文字“河南經(jīng)濟(jì)貿(mào)易技師學(xué)院”,遮罩層中有小球元件從文字左側(cè)移到右側(cè),動畫的測試效果是,伴隨小球移動,人們看到“河南經(jīng)濟(jì)貿(mào)易技師學(xué)院”文字被依次顯示,小球的形狀可以體會到,顏色看不到,小球此時相當(dāng)于透明的“窗戶”,這就是大家熟悉的探照燈動畫;如遮罩層中是“大國工匠”文字元件,并且從左側(cè)移動到右側(cè),被遮罩層中是一幅風(fēng)景畫,我們看到彩色“大國工匠”從左側(cè)移到右側(cè),文字“大國工匠”原來的顏色不可見,此時“大國工匠”相當(dāng)于是“窗戶”,人們看到的實(shí)際是風(fēng)景畫的一部分,當(dāng)反復(fù)制作這兩個動畫并總結(jié)出它們的區(qū)別后,對于遮罩動畫的制作和實(shí)現(xiàn)原理,就會有深刻的認(rèn)識和理解。
2.動畫出現(xiàn)在遮罩層與出現(xiàn)在被遮罩層中的區(qū)別
遮罩動畫的實(shí)現(xiàn)需要遮罩層和被遮罩層兩個圖層,制作遮罩動畫時,兩個圖層中都可以應(yīng)用動畫,即動畫可以應(yīng)用于遮罩層,也可以應(yīng)用到被遮罩層中,并且可以是補(bǔ)間動畫,也可以是補(bǔ)間形狀,當(dāng)然,動畫應(yīng)用到不同的圖層中,最后實(shí)現(xiàn)的動畫效果也會不同。在遮罩層中應(yīng)用動畫例子,如放大鏡動畫、流水波紋動畫等;在被遮罩層中應(yīng)用動畫相對較少,但對于制作遮罩動畫來說,被遮罩層中也可以創(chuàng)建補(bǔ)間動畫,如圖層1是遮罩層,內(nèi)容為繪制填充圖形,圖層2是被遮罩層,內(nèi)容為一幅風(fēng)景圖元件移動動畫,測試的效果為:透過填充圖形看到風(fēng)景圖的不同部分,很多書上都有閃光動畫的例子,制作時把遮罩層和被遮罩層的內(nèi)容進(jìn)行交換同樣能實(shí)現(xiàn)閃光效果,也就是在這個遮罩動畫中,光線元件旋轉(zhuǎn)可以放在遮罩層中,也可以放在被遮罩層中;遮罩層中也可以是只有一幀的影片剪輯,如百葉窗動畫。
三、編程實(shí)現(xiàn)遮罩動畫
利用編程的方法也可以制作出特殊效果的遮罩動畫,下面總結(jié)制作類似橡皮擦移動顯示圖像的遮罩動畫步驟。
第一,新建AS3動畫文檔;第二,導(dǎo)入喜歡的一個圖片到舞臺,設(shè)置圖片大小與場景屬性相同,圖片對齊方式選擇與舞臺對齊;第三,把圖片轉(zhuǎn)化成影片剪輯元件。名稱可選默認(rèn)或自己命名;第四,展開屬性面板,輸入實(shí)例名字“l(fā)ianxi”;第五,新建AS圖層,輸入代碼(見右):
第六,測試影片,鼠標(biāo)被隱藏,在窗口中移動鼠標(biāo),圖片被逐步顯示;在最后一行前輸入半角//,測試時鼠標(biāo)顯示,移動鼠標(biāo)可以看到移動過的地方圖片顯示。遮罩可以做成任意形狀。只是矩形、圓形等簡單的圖形比較容易一些。
遮罩動畫可以制作十分豐富的動畫效果,通過遮罩層和被遮罩層中的內(nèi)容變化,為遮罩動畫的實(shí)現(xiàn)提供了無限的創(chuàng)作空間。
(作者單位:河南經(jīng)濟(jì)貿(mào)易技師學(xué)院)