孫宏龍
遮罩動(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é)院)