談Animate遮罩動(dòng)畫(huà)制作案例

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了談Animate遮罩動(dòng)畫(huà)制作案例范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：基于認(rèn)知規(guī)律和接受能力，闡述制作遮罩動(dòng)畫(huà)的含義、原理、類型、制作方法及技巧，遮罩動(dòng)畫(huà)的具體案例，從而更好地理解掌握遮罩動(dòng)畫(huà)制作的技巧和方法。

關(guān)鍵詞：animate；遮罩動(dòng)畫(huà)；案例分析

引言

Animate動(dòng)畫(huà)具有體積小、傳輸和下載速度快、交互性強(qiáng)、跨平臺(tái)性和可移植性等優(yōu)點(diǎn)，被廣泛應(yīng)用在互聯(lián)網(wǎng)、電影、電視、移動(dòng)媒體、教學(xué)課件、MTV音樂(lè)電視、游戲等諸多領(lǐng)域。利用Animate遮罩動(dòng)畫(huà)，可以制作出諸如：探照燈、放大鏡、水波紋、卷軸動(dòng)畫(huà)等很多其他動(dòng)畫(huà)類型無(wú)法實(shí)現(xiàn)的特殊效果，可以使動(dòng)畫(huà)變得更加豐富多彩，可以大大提高動(dòng)畫(huà)的視覺(jué)效果。

1Animate遮罩動(dòng)畫(huà)

Animate遮罩動(dòng)畫(huà)的原理。為了更好地理解遮罩動(dòng)畫(huà)的含義和原理，舉個(gè)通俗一點(diǎn)的例子，通常在實(shí)際生活中，用某個(gè)對(duì)象把另外的對(duì)象遮擋起來(lái)，下層對(duì)象被上層對(duì)象遮擋住的部分我們是看不到的。而Animate中的遮罩動(dòng)畫(huà)效果正好與之相反：透過(guò)遮擋對(duì)象來(lái)看被遮擋對(duì)象，只有被遮擋部分才能看到，沒(méi)有被遮擋部分反而看不到。也可以這樣理解，遮罩就像一個(gè)“窗口”，透過(guò)它可以看到下面的被遮罩區(qū)域，“窗口”之外的其余區(qū)域都被隱藏起來(lái)。通過(guò)這兩個(gè)例子是不是遮罩動(dòng)畫(huà)的含義和原理就更好理解了。Animate遮罩動(dòng)畫(huà)的類型。利用遮罩動(dòng)畫(huà)的特點(diǎn)和原理，我們可以制作出很多華麗的特殊效果。按照遮罩動(dòng)畫(huà)制作的難易程度和效果是否精彩，可分為如下類型：（1）靜態(tài)遮罩動(dòng)畫(huà)。遮罩層和被遮罩層內(nèi)的對(duì)象都是靜態(tài)的，被遮罩層可以一層，稱為靜態(tài)單層遮罩；被遮罩層可以多層，稱為靜態(tài)多層遮罩。運(yùn)用靜態(tài)遮罩我們可以制作出靜態(tài)探照燈、放大鏡、圖片字、彩虹字等多種靜態(tài)特效，通常我們先學(xué)習(xí)這種簡(jiǎn)單的靜態(tài)遮罩動(dòng)畫(huà)的制作，可更好地入門并理解遮罩動(dòng)畫(huà)的含義及原理，為學(xué)習(xí)較復(fù)雜的動(dòng)態(tài)遮罩動(dòng)畫(huà)打下良好基礎(chǔ)。（2）動(dòng)態(tài)遮罩動(dòng)畫(huà)。動(dòng)態(tài)遮罩又可分為動(dòng)態(tài)單層遮罩和動(dòng)態(tài)多層遮罩。動(dòng)態(tài)單層遮罩是指一個(gè)遮罩層與一個(gè)被遮罩層鏈接，動(dòng)態(tài)多層遮罩是指一個(gè)遮罩層與多個(gè)被遮罩層鏈接，可以創(chuàng)建復(fù)雜的遮罩效果。通常動(dòng)態(tài)遮罩的制作可以采用如下3種方法：（1）在遮罩層內(nèi)制作對(duì)象的移動(dòng)、改變大小、旋轉(zhuǎn)或變形等動(dòng)畫(huà)。（2）在被遮罩層內(nèi)制作對(duì)象的移動(dòng)、改變大小、旋轉(zhuǎn)或變形等動(dòng)畫(huà)。（3）在遮罩層和被遮罩層內(nèi)都制作對(duì)象的移動(dòng)、改變大小、旋轉(zhuǎn)或變形等動(dòng)畫(huà)。要想制作出更加豐富神奇的動(dòng)畫(huà)效果，就要學(xué)習(xí)并掌握動(dòng)態(tài)遮罩的制作方法與技能。

2Animate遮罩動(dòng)畫(huà)的制作與技巧制作方法：

（1）選擇或創(chuàng)建一個(gè)圖層，在其中放置形狀、文字或元件，作為遮罩層。（2）使用鼠標(biāo)右鍵單擊時(shí)間軸中的遮罩層名稱，在彈出的快捷菜單中選擇“遮罩層”命令，緊貼其下面的圖層會(huì)自動(dòng)鏈接到遮罩層，被遮罩層名稱以縮進(jìn)形式顯示；也可以將現(xiàn)有圖層直接拖到遮罩層下面來(lái)創(chuàng)建被遮罩層，多層遮罩效果就可以采用這種方法進(jìn)行設(shè)置。制作技巧：（1）Animate遮罩動(dòng)畫(huà)至少由兩個(gè)圖層組成，上面一層是遮罩層，下面一層是被遮罩層，遮罩層會(huì)自動(dòng)鏈接下方緊貼著它的圖層，因此應(yīng)選擇正確的位置創(chuàng)建遮罩層。（2）Animate遮罩動(dòng)畫(huà)只能有一個(gè)遮罩層，且遮罩層中只能有一個(gè)遮罩對(duì)象，用于遮罩的對(duì)象可以是填充的形狀、傳統(tǒng)文本、圖形或影片剪輯元件，Animate會(huì)忽略遮罩層中的位圖、漸變、透明度、顏色和線條樣式等，可以理解為遮罩層提供動(dòng)畫(huà)效果的形式，被遮罩層提供動(dòng)畫(huà)效果的內(nèi)容。但可以有多個(gè)被遮罩層，對(duì)于被遮罩層，遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的，不會(huì)出現(xiàn)半透明區(qū)域。（3）音頻和線條不可以用來(lái)作為遮罩層的內(nèi)容，若要應(yīng)用線條，必須將其轉(zhuǎn)換為填充。（4）使用文本創(chuàng)建遮罩動(dòng)畫(huà)，必須使用傳統(tǒng)文本。有時(shí)在文本沒(méi)有分離的情況下作為遮罩層內(nèi)容，遮罩效果不能正常顯示，此時(shí)，應(yīng)該選擇文字內(nèi)容按兩次Ctrl+B快捷鍵將遮罩層文字內(nèi)容分離為普通圖形。（5）如果需要在動(dòng)畫(huà)編輯狀態(tài)查看遮罩效果，必須同時(shí)鎖定遮罩層和被遮罩層。（6）遮罩層不能在按鈕內(nèi)部，不能將一個(gè)遮罩應(yīng)用于另一個(gè)遮罩。以上是遮罩動(dòng)畫(huà)制作的一般方法及制作時(shí)注意的問(wèn)題和技巧，在做具體動(dòng)畫(huà)案例時(shí)，要避免出現(xiàn)不必要的錯(cuò)誤和問(wèn)題，浪費(fèi)時(shí)間和精力。“紙上得來(lái)終覺(jué)淺，絕知此事要躬行”，下面我們就一起做一個(gè)典型的遮罩動(dòng)畫(huà)案例，從素材的準(zhǔn)備到動(dòng)畫(huà)的生成，真正領(lǐng)略遮罩動(dòng)畫(huà)的神奇魅力。

3案例分析

在網(wǎng)上或是電影、電視、游戲等情節(jié)中經(jīng)常會(huì)看到的卷軸動(dòng)畫(huà)效果，通過(guò)Animate遮罩動(dòng)畫(huà)就可以完成精美的卷軸逐步展開(kāi)的動(dòng)畫(huà)效果?！熬磔S動(dòng)畫(huà)”制作思路分析。（1）準(zhǔn)備素材。根據(jù)設(shè)定好的動(dòng)畫(huà)主題及動(dòng)畫(huà)效果，準(zhǔn)備好各方面素材。準(zhǔn)備素材也是一個(gè)不可忽視的環(huán)節(jié)，如，選擇卷軸展開(kāi)后要呈現(xiàn)的畫(huà)面素材時(shí)，我選擇了我們大美中國(guó)、大好山河的磅礴畫(huà)面，在學(xué)習(xí)過(guò)程中，不忘教育學(xué)生熱愛(ài)祖國(guó)，努力學(xué)習(xí)，為祖國(guó)的建設(shè)添磚加瓦，思政教育做到自然融入。（2）制作思路分析。①新建Animate文檔。②新建“卷軸左”和“卷軸右”兩個(gè)圖層，分別插入卷軸對(duì)象素材，并設(shè)置卷軸對(duì)象展開(kāi)的補(bǔ)間動(dòng)畫(huà)。③新建“卷軸遮罩”圖層并繪制遮罩矩形，并制作矩形變寬逐步展開(kāi)的形狀補(bǔ)間動(dòng)畫(huà)。④新建“卷軸畫(huà)面”圖層，并制作畫(huà)面移動(dòng)的補(bǔ)間動(dòng)畫(huà)。⑤將“卷軸遮罩”圖層設(shè)置成遮罩層?！熬磔S動(dòng)畫(huà)”制作方法與技巧。（1）新建Animate文檔。啟動(dòng)Animate，新建文檔，根據(jù)動(dòng)畫(huà)應(yīng)用場(chǎng)景，如在因特網(wǎng)還是電影、電視上放映，合理設(shè)置舞臺(tái)大小和背景等屬性，這里我們?cè)O(shè)置為800×600,背景顏色為黑色，并將圖層1改名為“背景”。（2）新建“卷軸左”和“卷軸右”兩個(gè)圖層，分別插入卷軸對(duì)象，并設(shè)置卷軸對(duì)象展開(kāi)的補(bǔ)間動(dòng)畫(huà)在“背景”圖層上面新建“卷軸左”和“卷軸右”兩個(gè)圖層，分別在兩個(gè)圖層中選擇起始幀（一般為第1幀），導(dǎo)入提前準(zhǔn)備好的卷軸對(duì)象素材，并將位置調(diào)整到舞臺(tái)中央，在結(jié)束幀（假設(shè)為第60幀）插入關(guān)鍵幀，位置分別調(diào)整到舞臺(tái)的左右兩邊，并設(shè)置成傳統(tǒng)補(bǔ)間動(dòng)畫(huà)或補(bǔ)間動(dòng)畫(huà)都可以。（3）新建“卷軸遮罩”繪制遮罩矩形，并制作矩形變大逐步展開(kāi)的形狀補(bǔ)間動(dòng)畫(huà)在兩個(gè)卷軸圖層下面新建一個(gè)“卷軸遮罩”圖層，在第1幀中繪制一個(gè)填充顏色為任意顏色的遮罩矩形，矩形高度與卷軸高度一致，寬度與卷軸左右展開(kāi)前的寬度一致，在第60幀插入關(guān)鍵幀，并設(shè)置遮罩矩形的寬度與卷軸完全展開(kāi)時(shí)的寬度一致，并設(shè)置形狀補(bǔ)間動(dòng)畫(huà)。（4）新建“卷軸畫(huà)面”圖層，并制作畫(huà)面移動(dòng)的補(bǔ)間動(dòng)畫(huà)在“卷軸遮罩”圖層下面新建一個(gè)“卷軸畫(huà)面”圖層，內(nèi)容就是卷軸展開(kāi)后看到的氣勢(shì)磅礴的“大好山河”卷軸畫(huà)面，選擇第1幀，將內(nèi)容導(dǎo)入到舞臺(tái)并調(diào)整到合適位置，在第60幀插入關(guān)鍵幀，移動(dòng)畫(huà)面到合適位置，并設(shè)置畫(huà)面移動(dòng)的傳統(tǒng)補(bǔ)間動(dòng)畫(huà)或補(bǔ)間動(dòng)畫(huà)都可以。（2）～（4）這三個(gè)步驟制作順序可以顛倒，但是時(shí)間軸上圖層的排列順序不能顛倒。（5）為“卷軸遮罩”圖層設(shè)置成遮罩層。完成以上步驟，卷軸動(dòng)畫(huà)效果并沒(méi)有出現(xiàn)，還有最關(guān)鍵的這一步。在“卷軸遮罩”圖層單擊鼠標(biāo)右鍵，選擇快捷菜單中的“遮罩層”命令，緊鄰其下的“卷軸畫(huà)面”圖層自動(dòng)變?yōu)楸徽谡謱印＞磔S動(dòng)畫(huà)的測(cè)試。按ctrl+enter鍵測(cè)試影片，動(dòng)畫(huà)效果逐漸展開(kāi)變?yōu)閯?dòng)態(tài)效果。這個(gè)典型的遮罩動(dòng)畫(huà)案例——卷軸動(dòng)畫(huà)，被遮罩層是一層且設(shè)置了動(dòng)態(tài)效果，因此是動(dòng)態(tài)單層遮罩。為了使效果更加豐富和精美，我們可以創(chuàng)建動(dòng)態(tài)多層遮罩，并且可以將引導(dǎo)層動(dòng)畫(huà)、補(bǔ)間動(dòng)畫(huà)等多種動(dòng)畫(huà)手段應(yīng)用其中?？赡茉谥谱骱蜏y(cè)試后效果不盡如人意，需要反復(fù)地進(jìn)行調(diào)試和修改。通常，一個(gè)作品的誕生都不是那么容易和順利的，往往要經(jīng)過(guò)縝密地分析、反復(fù)地調(diào)試和修改、打磨才能達(dá)到預(yù)期的理想效果，每一步都要認(rèn)真對(duì)待。

4結(jié)語(yǔ)

在神奇的Flash中，有許多的特殊效果都是通過(guò)遮罩動(dòng)畫(huà)來(lái)實(shí)現(xiàn)的。要想在掌握動(dòng)畫(huà)含義及原理的基礎(chǔ)上熟練地制作出更加精美的效果，最好從簡(jiǎn)單的靜態(tài)遮罩開(kāi)始學(xué)習(xí)，逐漸過(guò)渡到動(dòng)態(tài)單層遮罩和動(dòng)態(tài)多層遮罩，在分析與制作過(guò)程中應(yīng)該綜合分析，多次調(diào)試以達(dá)到更加豐富多彩的動(dòng)畫(huà)效果。

參考文獻(xiàn)

[1]歐陽(yáng)俊梅.二維動(dòng)畫(huà)設(shè)計(jì)軟件應(yīng)用[M].北京:高等教育出版社,2019.

[2]王威.AdobeAnimateCC動(dòng)畫(huà)制作案例教程[M].北京:電子工業(yè)出版社,2019.

作者：焉美 單位：威海機(jī)械工程高級(jí)技工學(xué)校