FLASH遮罩動(dòng)畫的學(xué)習(xí)筆記
一、遮罩動(dòng)畫的制作方法
專家提示:
遮罩動(dòng)畫的原理是:在舞臺前增加一個(gè)類似電影鏡頭的對象,將來導(dǎo)出的影片,只顯示電影鏡頭“拍攝”出來的對象,其他不在電影鏡頭區(qū)域內(nèi)的舞臺對象不再顯示。
。ㄒ唬┗静襟E:
1、新建文檔
2、導(dǎo)入一張圖片到舞臺
3、新建圖層2→選擇【橢圓工具】→繪制一個(gè)無邊框任意填充色的圓(將此圓當(dāng)作電影鏡頭對象來使用)
注:共兩個(gè)圖層,圖層1放置的`是導(dǎo)入的圖片,圖層2放置的是繪制的圓。
4、定義動(dòng)畫遮罩效果→右鍵點(diǎn)擊圖層2→在彈出的對話框中勾選“遮罩層”
注:執(zhí)行步驟4后,圖層的結(jié)構(gòu)發(fā)生了變化。
圖層1的圖標(biāo)改變了,從普通圖層變成了被遮罩層,并且圖層縮進(jìn),自動(dòng)加鎖。
圖層2的圖標(biāo)改變了,從普通圖層變成了遮罩層,自動(dòng)加鎖,舞臺顯示也發(fā)生了變化,值顯示電影鏡頭“拍攝”出來的對象,不在電影鏡頭區(qū)域內(nèi)的舞臺對象都沒有顯示。
5、Ctrl+回車,測試效果,可以看到只顯示電影鏡頭區(qū)域內(nèi)的圖像。
(二)改變鏡頭形狀
6、在圖層1的第30幀按F5鍵,插入普通幀→選擇圖層2→將圖層2解鎖→在圖層2的第30幀按F6鍵,插入關(guān)鍵幀→按Ctrl+T(打開變形面板)→將圓放大尺寸(比例)。
7、右鍵在第1-30幀區(qū)間點(diǎn)擊→創(chuàng)建補(bǔ)間形狀
8、Ctrl+回車,測試效果,可以看到只顯示電影鏡頭區(qū)域內(nèi)的圖像,并且隨著電影鏡頭的不斷變大,顯示出來的圖像區(qū)域也越來越多。
(三)改變鏡頭位置
9、將圖層2第1幀上的圓拖放到舞臺左側(cè),將圖層2第30幀上圓恢復(fù)到原來尺寸(比例),并拖放到舞臺的右側(cè)。
10、Ctrl+回車,測試效果,會(huì)看到隨著電影鏡頭的移動(dòng),顯示出來的動(dòng)畫內(nèi)容也發(fā)生了變化,好像一個(gè)探照燈照射的效果。
專家提示:
1、在遮罩動(dòng)畫中,可以定義遮罩層中電影鏡頭對象的變化(尺寸、位置、形狀等變化),最終顯示的遮罩動(dòng)畫效果,也會(huì)隨著電影鏡頭的變化而變化。
2、除了可以設(shè)置遮罩層中的電影鏡頭對象變化,還可以讓被遮罩層中的對象進(jìn)行變化,甚至可以是遮罩層和被遮罩層同時(shí)變化。
這樣就可以設(shè)計(jì)出更加豐富多彩的遮罩動(dòng)畫效果。
二、利用遮罩動(dòng)畫實(shí)現(xiàn)電影鏡頭效果
1、新建文檔
2、導(dǎo)入一張圖片到舞臺
3、選擇【任意變形工具】→將圖片壓扁、拉長,并讓圖片左端對齊舞臺左端;在40幀按【F6】插入關(guān)鍵幀→將圖片向左移動(dòng)使圖片右端對齊舞臺右端。
4、選擇第1幀、40幀區(qū)間→右鍵點(diǎn)擊→創(chuàng)建傳統(tǒng)補(bǔ)間
5、新建圖層2→選擇【矩形工具】→繪制一個(gè)無邊框任意填充色的矩形(散件)→調(diào)整矩形寬度和舞臺寬度相同,高度和圖片高度相同
6、定義動(dòng)畫遮罩效果→右鍵點(diǎn)擊圖層2→在彈出的對話框中勾選“遮罩層”
7、Ctrl+回車,測試效果
注:這樣就定義了一個(gè)這種動(dòng)畫效果,圖層2上是一個(gè)鏡頭的鏡頭“拍攝”對象,保持靜止不動(dòng),圖層1上是一個(gè)圖片,它在做一個(gè)從右向左的移動(dòng)動(dòng)畫,按下Ctrl+回車可以看到一個(gè)從左向右電影鏡頭的拍攝效果;之所以有這種效果,是因?yàn)橄鄬\(yùn)動(dòng)的視覺,圖層2上的鏡頭并沒有動(dòng),只是圖層1上圖片在動(dòng),而我們最終看起來好像是電影鏡頭在移動(dòng)一樣,從這里可以體會(huì)到遮罩動(dòng)畫的奇妙效果。
推鏡頭效果制作
1、將圖層1解鎖→將圖層2隱藏→在圖層1第70幀按【F6】插入關(guān)鍵幀→選擇第70幀上的圖片→按Ctrl+T(打開變形面板)→設(shè)置寬和高同時(shí)放大到300%。
2、選擇圖層1的第40幀→選擇圖層2第70幀→按【F5】插入幀。
3、Ctrl+回車,測試效果?梢钥吹诫娪扮R頭從左向右拍攝景色后,推鏡頭得到一個(gè)景色的近景效果。
三、遮罩動(dòng)畫應(yīng)用實(shí)例:
文字遮罩動(dòng)畫(水波文字特效)水波在文字上慢慢趟過,給人一種特殊的視覺效果。
。ㄒ唬┪淖謩(dòng)畫制作步驟
1、創(chuàng)建影片文檔和元件
、判陆ㄎ臋n→進(jìn)行相應(yīng)設(shè)置(280*100,舞臺顏色任意)→確定。
⑵執(zhí)行插入→新建元件【Ctrl+F8】→名稱“文字”、類型“圖形” →確定。
、沁x擇文本工具→輸入文字→打開屬性面板【Ctrl+F3】→進(jìn)行相應(yīng)設(shè)置(字體、字號、顏色等)
、葓(zhí)行插入→新建元件【Ctrl+F8】→名稱“遮罩”、類型“圖形” →確定。
、纱蜷_顏色面板→選擇填充類型為線性漸變→設(shè)置合適的填充顏色(如:黑、白、黑)。
、蔬x擇矩形工具→在場景中繪制一個(gè)縱向矩形。
2、創(chuàng)建黑白文字漸變動(dòng)畫
⑴返回場景1→新建圖層2→將圖層1命名為遮罩矩形→將圖層2命名為遮罩文字。
、拼蜷_庫【Ctrl+L】→將文字元件拖放一個(gè)實(shí)例到舞臺中央。
、谴蜷_對齊面板【Ctrl+K】→勾選與舞臺對齊→水平中齊→垂直中齊。
、冗x擇矩形遮罩圖層→打開庫【Ctrl+L】→將遮罩元件拖放八個(gè)實(shí)例到遮罩圖層。
、牲c(diǎn)選【選擇工具】→框選八個(gè)實(shí)例→打開對齊
【FLASH遮罩動(dòng)畫的學(xué)習(xí)筆記】相關(guān)文章:
flash遮罩動(dòng)畫的使用技巧09-28
flash動(dòng)畫制作學(xué)習(xí)筆記12-05
Flash動(dòng)畫制作學(xué)習(xí)感想12-04
遮罩效果動(dòng)畫制作的說課稿08-31
Flash動(dòng)畫基礎(chǔ)08-28
Flash動(dòng)畫的制作流程09-29
FLASH動(dòng)畫的制作步驟09-18
flash動(dòng)畫制作的方法09-16
flash動(dòng)畫制作的軟件09-15