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