制作遮罩動(dòng)畫的方法

制作遮罩動(dòng)畫的方法學(xué)科：信息技術(shù)安溪第十一中學(xué)顏龍泉2016年7月3日

制作遮罩動(dòng)畫

遮罩動(dòng)畫可通過遮罩層創(chuàng)建。利用遮罩層可以決定被遮罩層中對(duì)象的顯示情況，如被遮罩層中哪些地方顯示，哪些地方不顯示。在遮罩層中有對(duì)象的地方就是“透明”的，可以看到被遮罩層中的對(duì)象，而沒有對(duì)象的地方就是不透明的，被遮罩層中相應(yīng)位置的對(duì)象是看不見的。遮罩動(dòng)畫的制作原理就是通過遮罩層來決定被遮罩層中的顯示內(nèi)容，出現(xiàn)動(dòng)畫效果。

制作遮罩動(dòng)畫的具體操作如下。（1）在普通層中創(chuàng)建要顯示的內(nèi)容。（2）在普通層上方新建一個(gè)圖層，在其中創(chuàng)建一個(gè)對(duì)象或一段動(dòng)畫用來遮罩對(duì)象。（3）將上方的圖層轉(zhuǎn)換為遮罩層即可完成一個(gè)遮罩動(dòng)畫的創(chuàng)建。

下面通過一個(gè)文字錄入效果練習(xí)遮罩層的制作。其具體操作如下。（1）新建一個(gè)文件，在將背景大小設(shè)為380×300像素，導(dǎo)入圖片“桃花.jpg”，并適當(dāng)縮小，使其剛好能覆蓋舞臺(tái)，如圖11-12所示。然后在第80幀按【F5】鍵沿用幀。圖11-12

（2）新建一個(gè)圖層，在圖片的左上方輸入文字“去年今日此門中”，設(shè)置為“隸書、37、黃色、加粗”，如圖11-13所示。圖11-13

（3）下面創(chuàng)建遮罩層。在圖層2上方新建一個(gè)圖層，在文字的左方繪制一個(gè)矩形，要求其高度比文字高，如圖11-14所示。圖11-14

（4）在第40幀插入關(guān)鍵幀，用任意變形工具將矩形橫向拉長，使其覆蓋一行文字，然后在第1幀和第40幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫，如圖11-15所示。圖11-15

（5）用鼠標(biāo)右鍵單擊圖層3，在彈出的快捷菜單中選擇“遮罩層”命令，即可使圖層3變?yōu)檎谡謱?，圖層2變?yōu)楸徽谡謱?。圖層3和圖層2都同時(shí)被鎖定。（6）按【Ctrl+Enter】鍵播放動(dòng)畫即可看到文字逐漸出現(xiàn)的效果。（7）下面用類似的方法輸入詩句的第二句。在圖層3上方新建一個(gè)圖層，為了使第二句詩比第一句詩后出現(xiàn)，在第41幀插入關(guān)鍵幀，并在圖層的右下方輸入文字“人面桃花相映紅”，設(shè)置為“隸書、37、黃色、加粗”，如圖11-16所示。圖11-16

（8）在圖層4上方新建一個(gè)圖層，在文字左方繪制一個(gè)矩形，要求其高度比文字高。（9）在第80幀插入關(guān)鍵幀，用任意變形工具將矩形橫向拉長，使其覆蓋一行文字，然后在第40幀和第80幀之間創(chuàng)建形狀補(bǔ)間動(dòng)畫。（10）用鼠標(biāo)右鍵單擊圖層5，在彈出的快捷菜單中選擇“遮罩層”命令，即可使圖層5變?yōu)檎谡謱樱瑘D層4變?yōu)楸徽谡謱印?/p>

（11）按【Ctrl+Enter】鍵播放動(dòng)畫，最終效果如圖11-17所示。完成后的時(shí)間軸如圖11-18所示。圖11-17圖11-18制作百葉窗效果

制作百葉窗效果

下面制作一個(gè)百葉窗效果，最終效果如圖11-19所示，其具體操作如下。

圖11-19

（1）新建一個(gè)文件，將背景大小設(shè)為400×300像素，導(dǎo)入圖片“風(fēng)景1.jpg”，將其縮至適當(dāng)大小，使其剛好能覆蓋舞臺(tái)，如圖11-20所示。然后在第100幀插入普通幀。圖11-20

（2）新建一個(gè)圖層，導(dǎo)入圖片“風(fēng)景2.jpg”，將其縮至適當(dāng)大小，使其剛好能覆蓋舞臺(tái)，如圖11-21所示。圖11-21

（3）現(xiàn)在制作遮罩層，選中圖層2，新建一個(gè)圖層3，在圖片的下方繪制一個(gè)無邊框的矩形，如圖11-22所示。圖11-22

（4）選中該矩形，將其轉(zhuǎn)換為名為“葉片”的圖形元件，然后新建一個(gè)名為“百葉窗”的影片剪輯元件，將元件“葉片”拖放到元件編輯區(qū)中。（5）用任意變形工具選中矩形，將中心控制點(diǎn)移動(dòng)到矩形下方的中點(diǎn)上，如圖11-23所示。圖11-23

（6）在元件編輯區(qū)的第42幀插入關(guān)鍵幀，單擊任意變形工具，將鼠標(biāo)光標(biāo)移到矩形上方的中點(diǎn)，當(dāng)其變?yōu)殡p向箭頭時(shí)按住鼠標(biāo)左鍵向下拖動(dòng)，使其變?yōu)橐粭l直線。（7）在第47幀和第97幀插入關(guān)鍵幀，再將第1幀復(fù)制到第97幀，然后依次在第1幀和第42幀、第47幀和第97幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，最后在第100幀按【F5】鍵沿用幀，時(shí)間軸如圖11-24所示。圖11-24

（8）單擊圖標(biāo)回到場(chǎng)景中，將場(chǎng)景中的矩形刪除，選中圖層3，將元件“百葉窗”拖放到圖片下方，如圖11-25所示。圖11-25

（9）用鼠標(biāo)右鍵單擊圖層3，在彈出的快捷菜單中選擇“遮罩層”命令，將圖層3變?yōu)檎谡謱?。?0）在圖層3上方新建一個(gè)圖層4，選中圖層3和圖層2中的所有幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“復(fù)制幀”命令。

（11）選中圖層4的第1幀，在彈出的快捷菜單中選擇“粘貼幀”命令，這時(shí)圖層4下方出現(xiàn)了圖層5，而圖層4自動(dòng)變?yōu)檎谡謱?，但圖層5并未成為被遮罩層。用鼠標(biāo)右鍵單擊圖層，在彈出的快捷菜單中選擇“屬性”命令，在打開的“圖層屬性”對(duì)話框中選中單選項(xiàng)，再單擊按鈕即可將圖層5與圖層4鏈接起來，如圖11-26所示。圖11-26

（12）選中圖層4中的“百葉窗”元件，用選擇工具將其向上移動(dòng)，使其下方剛好與圖層3的“百葉窗”元件上方相連接，如圖11-27所示。圖11-27

為了便于確定“百葉窗”元件的位置，可以將所有的圖層以線框模式顯示，以免圖片阻礙視線。在后面的操作中也可以繼續(xù)采用線框模式。

（13）在圖層4上方新建一個(gè)圖層，同樣將圖層3和圖層2中的幀復(fù)制到該層中，并將該圖層中的“百葉窗”元件向上移動(dòng)到與圖層4中的“百葉窗”相連，如圖11-28