FLASH遮罩動畫的學習筆記

時間：2020-09-26 11:48:11 讀書筆記我要投稿

FLASH遮罩動畫的學習筆記

　　一、遮罩動畫的制作方法

FLASH遮罩動畫的學習筆記

　　專家提示：

　　遮罩動畫的原理是：在舞臺前增加一個類似電影鏡頭的對象，將來導出的影片，只顯示電影鏡頭“拍攝”出來的對象，其他不在電影鏡頭區(qū)域內(nèi)的舞臺對象不再顯示。

　　（一）基本步驟：

　　1、新建文檔

　　2、導入一張圖片到舞臺

　　3、新建圖層2→選擇【橢圓工具】→繪制一個無邊框任意填充色的圓（將此圓當作電影鏡頭對象來使用）

　　注：共兩個圖層，圖層1放置的`是導入的圖片，圖層2放置的是繪制的圓。

　　4、定義動畫遮罩效果→右鍵點擊圖層2→在彈出的對話框中勾選“遮罩層”

　　注：執(zhí)行步驟4后，圖層的結(jié)構(gòu)發(fā)生了變化。

　　圖層1的圖標改變了，從普通圖層變成了被遮罩層，并且圖層縮進，自動加鎖。

　　圖層2的圖標改變了，從普通圖層變成了遮罩層，自動加鎖，舞臺顯示也發(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ū)間點擊→創(chuàng)建補間形狀

　　8、Ctrl+回車，測試效果，可以看到只顯示電影鏡頭區(qū)域內(nèi)的圖像，并且隨著電影鏡頭的不斷變大，顯示出來的圖像區(qū)域也越來越多。

　　（三）改變鏡頭位置

　　9、將圖層2第1幀上的圓拖放到舞臺左側(cè)，將圖層2第30幀上圓恢復到原來尺寸（比例），并拖放到舞臺的右側(cè)。

　　10、Ctrl+回車，測試效果，會看到隨著電影鏡頭的移動，顯示出來的動畫內(nèi)容也發(fā)生了變化，好像一個探照燈照射的效果。

　　專家提示：

　　1、在遮罩動畫中，可以定義遮罩層中電影鏡頭對象的變化（尺寸、位置、形狀等變化），最終顯示的遮罩動畫效果，也會隨著電影鏡頭的變化而變化。

　　2、除了可以設置遮罩層中的電影鏡頭對象變化，還可以讓被遮罩層中的對象進行變化，甚至可以是遮罩層和被遮罩層同時變化。

　　這樣就可以設計出更加豐富多彩的遮罩動畫效果。

　　二、利用遮罩動畫實現(xiàn)電影鏡頭效果

　　1、新建文檔

　　2、導入一張圖片到舞臺

　　3、選擇【任意變形工具】→將圖片壓扁、拉長，并讓圖片左端對齊舞臺左端；在40幀按【F6】插入關(guān)鍵幀→將圖片向左移動使圖片右端對齊舞臺右端。

　　4、選擇第1幀、40幀區(qū)間→右鍵點擊→創(chuàng)建傳統(tǒng)補間

　　5、新建圖層2→選擇【矩形工具】→繪制一個無邊框任意填充色的矩形（散件）→調(diào)整矩形寬度和舞臺寬度相同，高度和圖片高度相同

　　6、定義動畫遮罩效果→右鍵點擊圖層2→在彈出的對話框中勾選“遮罩層”

　　7、Ctrl+回車，測試效果

　　注：這樣就定義了一個這種動畫效果，圖層2上是一個鏡頭的鏡頭“拍攝”對象，保持靜止不動，圖層1上是一個圖片，它在做一個從右向左的移動動畫，按下Ctrl+回車可以看到一個從左向右電影鏡頭的拍攝效果；之所以有這種效果，是因為相對運動的視覺，圖層2上的鏡頭并沒有動，只是圖層1上圖片在動，而我們最終看起來好像是電影鏡頭在移動一樣，從這里可以體會到遮罩動畫的奇妙效果。

　　推鏡頭效果制作

　　1、將圖層1解鎖→將圖層2隱藏→在圖層1第70幀按【F6】插入關(guān)鍵幀→選擇第70幀上的圖片→按Ctrl+T（打開變形面板）→設置寬和高同時放大到300%。

　　2、選擇圖層1的第40幀→選擇圖層2第70幀→按【F5】插入幀。

　　3、Ctrl+回車，測試效果。可以看到電影鏡頭從左向右拍攝景色后，推鏡頭得到一個景色的近景效果。

　　三、遮罩動畫應用實例：

　　文字遮罩動畫（水波文字特效）水波在文字上慢慢趟過，給人一種特殊的視覺效果。

　�。ㄒ唬┪淖謩赢嬛谱鞑襟E

　　1、創(chuàng)建影片文檔和元件

　�、判陆ㄎ臋n→進行相應設置（280*100，舞臺顏色任意）→確定。

　�、茍�(zhí)行插入→新建元件【Ctrl+F8】→名稱“文字”、類型“圖形” →確定。

　�、沁x擇文本工具→輸入文字→打開屬性面板【Ctrl+F3】→進行相應設置（字體、字號、顏色等）

　�、葓�(zhí)行插入→新建元件【Ctrl+F8】→名稱“遮罩”、類型“圖形” →確定。