談Animate遮罩動畫制作案例
前言：想要寫出一篇引人入勝的文章？我們特意為您整理了談Animate遮罩動畫制作案例范文，希望能給你帶來靈感和參考，敬請閱讀。
摘要：基于認(rèn)知規(guī)律和接受能力，闡述制作遮罩動畫的含義、原理、類型、制作方法及技巧，遮罩動畫的具體案例，從而更好地理解掌握遮罩動畫制作的技巧和方法。
引言
Animate動畫具有體積小、傳輸和下載速度快、交互性強、跨平臺性和可移植性等優(yōu)點，被廣泛應(yīng)用在互聯(lián)網(wǎng)、電影、電視、移動媒體、教學(xué)課件、MTV音樂電視、游戲等諸多領(lǐng)域。利用Animate遮罩動畫，可以制作出諸如：探照燈、放大鏡、水波紋、卷軸動畫等很多其他動畫類型無法實現(xiàn)的特殊效果，可以使動畫變得更加豐富多彩，可以大大提高動畫的視覺效果。
1Animate遮罩動畫
Animate遮罩動畫的原理。為了更好地理解遮罩動畫的含義和原理，舉個通俗一點的例子，通常在實際生活中，用某個對象把另外的對象遮擋起來，下層對象被上層對象遮擋住的部分我們是看不到的。而Animate中的遮罩動畫效果正好與之相反：透過遮擋對象來看被遮擋對象，只有被遮擋部分才能看到，沒有被遮擋部分反而看不到。也可以這樣理解，遮罩就像一個“窗口”，透過它可以看到下面的被遮罩區(qū)域，“窗口”之外的其余區(qū)域都被隱藏起來。通過這兩個例子是不是遮罩動畫的含義和原理就更好理解了。Animate遮罩動畫的類型。利用遮罩動畫的特點和原理，我們可以制作出很多華麗的特殊效果。按照遮罩動畫制作的難易程度和效果是否精彩，可分為如下類型：（1）靜態(tài)遮罩動畫。遮罩層和被遮罩層內(nèi)的對象都是靜態(tài)的，被遮罩層可以一層，稱為靜態(tài)單層遮罩；被遮罩層可以多層，稱為靜態(tài)多層遮罩。運用靜態(tài)遮罩我們可以制作出靜態(tài)探照燈、放大鏡、圖片字、彩虹字等多種靜態(tài)特效，通常我們先學(xué)習(xí)這種簡單的靜態(tài)遮罩動畫的制作，可更好地入門并理解遮罩動畫的含義及原理，為學(xué)習(xí)較復(fù)雜的動態(tài)遮罩動畫打下良好基礎(chǔ)。（2）動態(tài)遮罩動畫。動態(tài)遮罩又可分為動態(tài)單層遮罩和動態(tài)多層遮罩。動態(tài)單層遮罩是指一個遮罩層與一個被遮罩層鏈接，動態(tài)多層遮罩是指一個遮罩層與多個被遮罩層鏈接，可以創(chuàng)建復(fù)雜的遮罩效果。通常動態(tài)遮罩的制作可以采用如下3種方法：（1）在遮罩層內(nèi)制作對象的移動、改變大小、旋轉(zhuǎn)或變形等動畫。（2）在被遮罩層內(nèi)制作對象的移動、改變大小、旋轉(zhuǎn)或變形等動畫。（3）在遮罩層和被遮罩層內(nèi)都制作對象的移動、改變大小、旋轉(zhuǎn)或變形等動畫。要想制作出更加豐富神奇的動畫效果，就要學(xué)習(xí)并掌握動態(tài)遮罩的制作方法與技能。
2Animate遮罩動畫的制作與技巧制作方法：
（1）選擇或創(chuàng)建一個圖層，在其中放置形狀、文字或元件，作為遮罩層。（2）使用鼠標(biāo)右鍵單擊時間軸中的遮罩層名稱，在彈出的快捷菜單中選擇“遮罩層”命令，緊貼其下面的圖層會自動鏈接到遮罩層，被遮罩層名稱以縮進(jìn)形式顯示；也可以將現(xiàn)有圖層直接拖到遮罩層下面來創(chuàng)建被遮罩層，多層遮罩效果就可以采用這種方法進(jìn)行設(shè)置。制作技巧：（1）Animate遮罩動畫至少由兩個圖層組成，上面一層是遮罩層，下面一層是被遮罩層，遮罩層會自動鏈接下方緊貼著它的圖層，因此應(yīng)選擇正確的位置創(chuàng)建遮罩層。（2）Animate遮罩動畫只能有一個遮罩層，且遮罩層中只能有一個遮罩對象，用于遮罩的對象可以是填充的形狀、傳統(tǒng)文本、圖形或影片剪輯元件，Animate會忽略遮罩層中的位圖、漸變、透明度、顏色和線條樣式等，可以理解為遮罩層提供動畫效果的形式，被遮罩層提供動畫效果的內(nèi)容。但可以有多個被遮罩層，對于被遮罩層，遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的，不會出現(xiàn)半透明區(qū)域。（3）音頻和線條不可以用來作為遮罩層的內(nèi)容，若要應(yīng)用線條，必須將其轉(zhuǎn)換為填充。（4）使用文本創(chuàng)建遮罩動畫，必須使用傳統(tǒng)文本。有時在文本沒有分離的情況下作為遮罩層內(nèi)容，遮罩效果不能正常顯示，此時，應(yīng)該選擇文字內(nèi)容按兩次Ctrl+B快捷鍵將遮罩層文字內(nèi)容分離為普通圖形。（5）如果需要在動畫編輯狀態(tài)查看遮罩效果，必須同時鎖定遮罩層和被遮罩層。（6）遮罩層不能在按鈕內(nèi)部，不能將一個遮罩應(yīng)用于另一個遮罩。以上是遮罩動畫制作的一般方法及制作時注意的問題和技巧，在做具體動畫案例時，要避免出現(xiàn)不必要的錯誤和問題，浪費時間和精力。“紙上得來終覺淺，絕知此事要躬行”，下面我們就一起做一個典型的遮罩動畫案例，從素材的準(zhǔn)備到動畫的生成，真正領(lǐng)略遮罩動畫的神奇魅力。
3案例分析
在網(wǎng)上或是電影、電視、游戲等情節(jié)中經(jīng)常會看到的卷軸動畫效果，通過Animate遮罩動畫就可以完成精美的卷軸逐步展開的動畫效果?！熬磔S動畫”制作思路分析。（1）準(zhǔn)備素材。根據(jù)設(shè)定好的動畫主題及動畫效果，準(zhǔn)備好各方面素材。準(zhǔn)備素材也是一個不可忽視的環(huán)節(jié)，如，選擇卷軸展開后要呈現(xiàn)的畫面素材時，我選擇了我們大美中國、大好山河的磅礴畫面，在學(xué)習(xí)過程中，不忘教育學(xué)生熱愛祖國，努力學(xué)習(xí)，為祖國的建設(shè)添磚加瓦，思政教育做到自然融入。（2）制作思路分析。①新建Animate文檔。②新建“卷軸左”和“卷軸右”兩個圖層，分別插入卷軸對象素材，并設(shè)置卷軸對象展開的補間動畫。③新建“卷軸遮罩”圖層并繪制遮罩矩形，并制作矩形變寬逐步展開的形狀補間動畫。④新建“卷軸畫面”圖層，并制作畫面移動的補間動畫。⑤將“卷軸遮罩”圖層設(shè)置成遮罩層?！熬磔S動畫”制作方法與技巧。（1）新建Animate文檔。啟動Animate，新建文檔，根據(jù)動畫應(yīng)用場景，如在因特網(wǎng)還是電影、電視上放映，合理設(shè)置舞臺大小和背景等屬性，這里我們設(shè)置為800×600,背景顏色為黑色，并將圖層1改名為“背景”。（2）新建“卷軸左”和“卷軸右”兩個圖層，分別插入卷軸對象，并設(shè)置卷軸對象展開的補間動畫在“背景”圖層上面新建“卷軸左”和“卷軸右”兩個圖層，分別在兩個圖層中選擇起始幀（一般為第1幀），導(dǎo)入提前準(zhǔn)備好的卷軸對象素材，并將位置調(diào)整到舞臺中央，在結(jié)束幀（假設(shè)為第60幀）插入關(guān)鍵幀，位置分別調(diào)整到舞臺的左右兩邊，并設(shè)置成傳統(tǒng)補間動畫或補間動畫都可以。（3）新建“卷軸遮罩”繪制遮罩矩形，并制作矩形變大逐步展開的形狀補間動畫在兩個卷軸圖層下面新建一個“卷軸遮罩”圖層，在第1幀中繪制一個填充顏色為任意顏色的遮罩矩形，矩形高度與卷軸高度一致，寬度與卷軸左右展開前的寬度一致，在第60幀插入關(guān)鍵幀，并設(shè)置遮罩矩形的寬度與卷軸完全展開時的寬度一致，并設(shè)置形狀補間動畫。（4）新建“卷軸畫面”圖層，并制作畫面移動的補間動畫在“卷軸遮罩”圖層下面新建一個“卷軸畫面”圖層，內(nèi)容就是卷軸展開后看到的氣勢磅礴的“大好山河”卷軸畫面，選擇第1幀，將內(nèi)容導(dǎo)入到舞臺并調(diào)整到合適位置，在第60幀插入關(guān)鍵幀，移動畫面到合適位置，并設(shè)置畫面移動的傳統(tǒng)補間動畫或補間動畫都可以。（2）～（4）這三個步驟制作順序可以顛倒，但是時間軸上圖層的排列順序不能顛倒。（5）為“卷軸遮罩”圖層設(shè)置成遮罩層。完成以上步驟，卷軸動畫效果并沒有出現(xiàn)，還有最關(guān)鍵的這一步。在“卷軸遮罩”圖層單擊鼠標(biāo)右鍵，選擇快捷菜單中的“遮罩層”命令，緊鄰其下的“卷軸畫面”圖層自動變?yōu)楸徽谡謱?。卷軸動畫的測試。按ctrl+enter鍵測試影片，動畫效果逐漸展開變?yōu)閯討B(tài)效果。這個典型的遮罩動畫案例——卷軸動畫，被遮罩層是一層且設(shè)置了動態(tài)效果，因此是動態(tài)單層遮罩。為了使效果更加豐富和精美，我們可以創(chuàng)建動態(tài)多層遮罩，并且可以將引導(dǎo)層動畫、補間動畫等多種動畫手段應(yīng)用其中?？赡茉谥谱骱蜏y試后效果不盡如人意，需要反復(fù)地進(jìn)行調(diào)試和修改。通常，一個作品的誕生都不是那么容易和順利的，往往要經(jīng)過縝密地分析、反復(fù)地調(diào)試和修改、打磨才能達(dá)到預(yù)期的理想效果，每一步都要認(rèn)真對待。
4結(jié)語
在神奇的Flash中，有許多的特殊效果都是通過遮罩動畫來實現(xiàn)的。要想在掌握動畫含義及原理的基礎(chǔ)上熟練地制作出更加精美的效果，最好從簡單的靜態(tài)遮罩開始學(xué)習(xí)，逐漸過渡到動態(tài)單層遮罩和動態(tài)多層遮罩，在分析與制作過程中應(yīng)該綜合分析，多次調(diào)試以達(dá)到更加豐富多彩的動畫效果。
參考文獻(xiàn)
[1]歐陽俊梅.二維動畫設(shè)計軟件應(yīng)用[M].北京:高等教育出版社,2019.
[2]王威.AdobeAnimateCC動畫制作案例教程[M].北京:電子工業(yè)出版社,2019.
作者：焉美 單位：威海機械工程高級技工學(xué)校