Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程（Animate CC 2019）項(xiàng)目二 制作電子賀卡

Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程

（AnimateCC2019）項(xiàng)目二

制作電子賀卡項(xiàng)目簡(jiǎn)介

電子賀卡是人們通過(guò)網(wǎng)絡(luò)傳遞信息和交流情感的一種媒介。要想制作出生動(dòng)的邀請(qǐng)卡、生日賀卡、友情賀卡、春節(jié)賀卡等電子賀卡，就必須掌握Animate動(dòng)畫的制作方法。

本項(xiàng)目主要介紹Animate動(dòng)畫的制作原理、方法和技巧，以及制作電子賀卡的方法。通過(guò)本項(xiàng)目的學(xué)習(xí)，讀者可以掌握利用AnimateCC2019制作各類電子賀卡的方法與技巧。學(xué)習(xí)目標(biāo)掌握創(chuàng)建逐幀動(dòng)畫、動(dòng)作補(bǔ)間動(dòng)畫、形狀補(bǔ)間動(dòng)畫、引導(dǎo)路徑動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫、遮罩動(dòng)畫的方法；掌握春節(jié)賀卡、端午節(jié)賀卡、生日賀卡、友情賀卡的制作方法。

幀是構(gòu)成動(dòng)畫的最基本元素之一，在Animate中根據(jù)幀的不同功能，可以將幀分為普通幀、空白關(guān)鍵幀和關(guān)鍵幀3種。1．普通幀

普通幀在時(shí)間軸中以黑灰色方塊表示，常常處于關(guān)鍵幀的后面，作為關(guān)鍵幀之間的過(guò)渡，用于延長(zhǎng)關(guān)鍵幀中動(dòng)畫的播放時(shí)間。是由系統(tǒng)經(jīng)過(guò)計(jì)算自動(dòng)生成的，用戶無(wú)法直接對(duì)普通幀上的對(duì)象進(jìn)行編輯。2.1知識(shí)準(zhǔn)備——Animate動(dòng)畫2．空白關(guān)鍵幀

空白關(guān)鍵幀在時(shí)間軸中以空心的小圓表示，這種關(guān)鍵幀中沒(méi)有任何的內(nèi)容，主要用于結(jié)束前一個(gè)關(guān)鍵幀的內(nèi)容或分割兩個(gè)相連的補(bǔ)間動(dòng)畫。3．關(guān)鍵幀

關(guān)鍵幀在時(shí)間軸中以黑色的實(shí)心小圓表示，主要用于定義動(dòng)畫中表現(xiàn)關(guān)鍵性動(dòng)作或關(guān)鍵性內(nèi)容變化的幀，一般的動(dòng)畫元素都必須在關(guān)鍵幀中編輯。根據(jù)創(chuàng)建動(dòng)畫的不同，關(guān)鍵幀在時(shí)間軸中的顯示效果也不相同。4．動(dòng)作腳本

幀單元格中有一個(gè)字母“a”，它表示在這一幀中帶有動(dòng)作腳本，如圖2-1所示，動(dòng)畫播放到這一幀時(shí)，就會(huì)執(zhí)行相應(yīng)的動(dòng)作。5．聲音

若單元格中有像電波一樣的波形圖像，表示加載了聲音，如圖2-2所示，波形的振幅表示音量的大小。圖2-1

圖2-26．標(biāo)簽

幀標(biāo)簽有3種，分別是“名稱”“注釋”和“錨記”標(biāo)簽，它們的外觀如圖2-3所示。圖2-37．幀的相關(guān)操作（1）選擇幀：在“時(shí)間軸”面板中，單擊一個(gè)幀，可以看到它變成藍(lán)色，表示已經(jīng)把它選中；選擇一幀后，按住Shift鍵的同時(shí)單擊需要選擇的連續(xù)幀的最后一幀，即可選擇兩幀之間所有的幀；選擇一幀后按住Ctrl鍵的同時(shí)單擊其他需要選擇的幀，即可選擇不連續(xù)的多個(gè)幀。（2）移動(dòng)幀：如果按住選中的幀進(jìn)行拖動(dòng)，那么可以改變這個(gè)幀的位置。（3）使用右鍵菜單：用鼠標(biāo)右鍵單擊選中的幀，在彈出的快捷菜單中可選擇幀的相應(yīng)操作命令，如圖2-4所示。

圖2-4（4）使用命令菜單：執(zhí)行“編輯”>“時(shí)間軸”、“插入”>“時(shí)間軸”或者“修改”>

“時(shí)間軸”命令，可以選取與幀操作相關(guān)的命令。（5）設(shè)置幀頻：幀頻（FPS）是動(dòng)畫播放的速度，以每秒播放的幀數(shù)為度量。例如，某個(gè)影片在播放時(shí)，每秒播放15幀，那么幀頻就是“15幀每秒”，幀頻太小會(huì)使動(dòng)畫看起來(lái)一頓一頓的，幀頻太大會(huì)使動(dòng)畫的細(xì)節(jié)變模糊，一般可以將幀頻設(shè)置為12～30幀每秒。1．逐幀動(dòng)畫的制作

將動(dòng)畫中的每一幀都設(shè)置為關(guān)鍵幀，在每一個(gè)關(guān)鍵幀中創(chuàng)建不同的內(nèi)容，該動(dòng)畫就稱為逐幀動(dòng)畫。將這些靜態(tài)圖片快速連續(xù)播放形成動(dòng)畫，可以靈活地表現(xiàn)豐富多變的動(dòng)畫效果，最適于圖像在每一幀中都需要發(fā)生變化的復(fù)雜動(dòng)畫。2.1.1逐幀動(dòng)畫2．運(yùn)用繪圖紙功能編輯圖形

使用“時(shí)間軸”面板中提供的繪圖紙功能，可以在編輯動(dòng)畫的同時(shí)查看多個(gè)幀中的動(dòng)畫內(nèi)容。圖2-9所示是使用繪圖紙功能后的時(shí)間軸。在制作逐幀動(dòng)畫時(shí)，利用該功能可以對(duì)各關(guān)鍵幀中圖形的大小和位置進(jìn)行更好的定位，并可參考相仿關(guān)鍵幀中的圖形，對(duì)當(dāng)前幀中的圖形進(jìn)行修改和調(diào)整。圖2-9

繪圖紙相關(guān)按鈕的功能如下?！袄L圖紙外觀”按鈕：?jiǎn)螕舸税粹o后，在時(shí)間軸的上方出現(xiàn)繪圖紙外觀標(biāo)記。拉動(dòng)外觀標(biāo)記的兩端，可以擴(kuò)大或縮小顯示范圍?！袄L圖紙外觀輪廓”按鈕：?jiǎn)螕舸税粹o后，場(chǎng)景中顯示各幀內(nèi)容的輪廓線，填充色消失，特別適合觀察對(duì)象輪廓，另外可以節(jié)省系統(tǒng)資源，加快顯示過(guò)程。“編輯多個(gè)幀”按鈕：?jiǎn)螕舸税粹o后可以顯示全部幀內(nèi)容，并且可以進(jìn)行“多幀同時(shí)編輯”?！靶薷臉?biāo)記”按鈕：?jiǎn)螕舸税粹o后，彈出下拉菜單，如圖2-10所示。

圖2-10“始終顯示標(biāo)記”選項(xiàng)：用于在時(shí)間軸標(biāo)題中顯示繪圖紙外觀標(biāo)記，無(wú)論繪圖紙外觀是否打開(kāi)。“錨定標(biāo)記”選項(xiàng)：用于將繪圖紙外觀標(biāo)記鎖定在它們?cè)跁r(shí)間軸標(biāo)題中的當(dāng)前位置上。通常情況下，繪圖紙外觀范圍是和當(dāng)前幀的指針及繪圖紙外觀標(biāo)記相關(guān)的。通過(guò)錨定繪圖紙外觀標(biāo)記，可以防止它們隨當(dāng)前幀的指針移動(dòng)?！皹?biāo)記范圍2”選項(xiàng)：用于在當(dāng)前幀的兩邊顯示兩幀?！皹?biāo)記范圍5”選項(xiàng)：用于在當(dāng)前幀的兩邊顯示5幀。“標(biāo)記所有范圍”選項(xiàng)：用于在當(dāng)前幀的兩邊顯示全部幀。

在關(guān)鍵幀中放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀中改變這個(gè)元件的大小、顏色、位置、透明度等，Animate根據(jù)二者之間的幀的值創(chuàng)建的動(dòng)畫被稱為動(dòng)作補(bǔ)間動(dòng)畫。

構(gòu)成動(dòng)作補(bǔ)間動(dòng)畫的元素是元件，包括影片剪輯、圖形、按鈕、文字、位圖、組合等。只有把形狀或者組合轉(zhuǎn)換成“元件”后，才可以制作“動(dòng)作補(bǔ)間動(dòng)畫”。如果創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫后，又改變了兩個(gè)關(guān)鍵幀之間的幀數(shù)，或者在某個(gè)關(guān)鍵幀中移動(dòng)了群組或?qū)嵗?，則Animate將自動(dòng)重新生成兩個(gè)關(guān)鍵幀之間的過(guò)渡幀。2.1.2動(dòng)作補(bǔ)間動(dòng)畫1．創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫的兩種方法（1）選擇圖層的第1幀，用鼠標(biāo)右鍵單擊該幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令即可創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫，如圖2-14所示。（2）選擇要?jiǎng)?chuàng)建動(dòng)畫的第1個(gè)關(guān)鍵幀，執(zhí)行“插入”＞“補(bǔ)間動(dòng)畫”命令，如圖2-15所示，Animate將自動(dòng)創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫。圖2-14

圖2-15

然后在結(jié)束幀的位置用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”＞“位置”等選項(xiàng)后，設(shè)置結(jié)束幀，即可完成動(dòng)作補(bǔ)間動(dòng)畫的創(chuàng)建。動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建后，“時(shí)間軸”面板的背景色變?yōu)辄S色，如圖2-16所示。

圖2-162．動(dòng)作補(bǔ)間動(dòng)畫參數(shù)設(shè)置（1）緩動(dòng)：設(shè)置物體的加速減速運(yùn)動(dòng)?！驍?shù)值范圍為－100～1，速度由慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速度補(bǔ)間?！驍?shù)值范圍為1～100，速度由快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。（2）旋轉(zhuǎn)：讓物體旋轉(zhuǎn)，有無(wú)、順時(shí)針、逆時(shí)針3種旋轉(zhuǎn)方式?！蝽槙r(shí)針：順時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)?！蚰鏁r(shí)針：逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。圈數(shù)在“X”后面的數(shù)值框中輸入即可。（3）調(diào)整到路徑：此功能主要用于引導(dǎo)層動(dòng)畫中，可將物體調(diào)整到引導(dǎo)路徑上。3．編輯動(dòng)作補(bǔ)間動(dòng)畫

以下的動(dòng)畫效果經(jīng)常需要使用動(dòng)畫編輯器來(lái)實(shí)現(xiàn)。（1）添加不同的緩動(dòng)預(yù)設(shè)或自定義緩動(dòng)：使用動(dòng)畫編輯器可以添加不同預(yù)設(shè)、添加多個(gè)預(yù)設(shè)或創(chuàng)建自定義緩動(dòng)。對(duì)補(bǔ)間屬性添加緩動(dòng)是模擬對(duì)象真實(shí)行為的最簡(jiǎn)便方式。（2）合成曲線：可以對(duì)單個(gè)屬性應(yīng)用緩動(dòng)，然后使用合成曲線在單個(gè)屬性圖上查看緩動(dòng)的效果。（3）錨點(diǎn)和控制點(diǎn)：可以使用錨點(diǎn)和控制點(diǎn)隔離補(bǔ)間的關(guān)鍵部分并進(jìn)行編輯。（4）動(dòng)畫的精細(xì)調(diào)整：動(dòng)畫編輯器是制作某些種類動(dòng)畫的唯一方式，如對(duì)單個(gè)屬性通過(guò)調(diào)整其屬性曲線來(lái)創(chuàng)建彎曲的路徑補(bǔ)間。

在時(shí)間軸上，選擇要調(diào)整的補(bǔ)間動(dòng)畫，然后雙擊該補(bǔ)間范圍；也可以用鼠標(biāo)右鍵單擊該補(bǔ)間范圍，然后在彈出的快捷菜單中選擇“調(diào)整補(bǔ)間”命令來(lái)調(diào)出動(dòng)畫編輯器，如圖2-21所示。圖2-21

可補(bǔ)間的對(duì)象的屬性如下。（1）2D下的X和Y位置屬性。（2）3D下的Z位置屬性（僅限影片剪輯）。（3）2D下的旋轉(zhuǎn)（圍繞z軸）屬性。（4）3D下的X、Y和Z旋轉(zhuǎn)（僅限影片剪輯）屬性。（5）3D動(dòng)畫要求FLA文件在發(fā)布設(shè)置中面向ActionScript3.0和FlashPlayer10或更高版本。AdobeAIR還支持3D動(dòng)畫。（6）傾斜的X和Y屬性。（7）縮放的X和Y屬性。（8）顏色效果屬性。（9）色彩效果包括alpha（透明）、亮度、色調(diào)和高級(jí)顏色設(shè)置。（10）濾鏡屬性。不能將濾鏡應(yīng)用于圖形元件。1．創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

在傳統(tǒng)補(bǔ)間動(dòng)畫中，可在動(dòng)畫的重要位置定義關(guān)鍵幀，AnimateCC2019會(huì)自動(dòng)在關(guān)鍵幀之間創(chuàng)建內(nèi)容。

首先，在同一圖層中創(chuàng)建兩個(gè)關(guān)鍵幀。然后用鼠標(biāo)右鍵單擊兩個(gè)關(guān)鍵幀之間的任一普通幀，執(zhí)行“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，即可為這兩個(gè)關(guān)鍵幀建立傳統(tǒng)補(bǔ)間關(guān)系。兩個(gè)關(guān)鍵幀之間的插補(bǔ)幀會(huì)顯示一個(gè)箭頭。2.1.3傳統(tǒng)補(bǔ)間動(dòng)畫2．編輯傳統(tǒng)補(bǔ)間動(dòng)畫（1）緩動(dòng)

傳統(tǒng)補(bǔ)間可以使用一組常用的緩動(dòng)預(yù)設(shè)?？梢詮木弰?dòng)預(yù)設(shè)列表中選擇預(yù)設(shè)，然后將其應(yīng)用于選定屬性。

在Animate時(shí)間軸中單擊包含補(bǔ)間的圖層，單擊“屬性”面板中的“補(bǔ)間”類別?？梢允褂谩熬弰?dòng)”下拉列表去設(shè)置緩動(dòng)類型，如圖2-22所示。圖2-22

可以對(duì)傳統(tǒng)補(bǔ)間應(yīng)用緩動(dòng)預(yù)設(shè)屬性。在“屬性”面板中，提供了用于設(shè)置緩動(dòng)屬性的選項(xiàng)?？梢赃x擇“單獨(dú)每個(gè)屬性”以對(duì)每個(gè)屬性應(yīng)用不同的緩動(dòng)預(yù)設(shè)。如圖2-23所示。圖2-23（2）旋轉(zhuǎn)

除了設(shè)置元件的緩動(dòng)外，Animate還支持設(shè)置元件的旋轉(zhuǎn)。在“屬性”面板的“補(bǔ)間”選項(xiàng)卡的“旋轉(zhuǎn)”下拉列表中有4種旋轉(zhuǎn)方式。

在一個(gè)關(guān)鍵幀中繪制一個(gè)形狀，然后在另一個(gè)關(guān)鍵幀中更改該形狀或繪制另一個(gè)形狀，Animate根據(jù)二者之間的幀的值或形狀來(lái)創(chuàng)建的動(dòng)畫稱為“形狀補(bǔ)間動(dòng)畫”。

形狀補(bǔ)間動(dòng)畫可以實(shí)現(xiàn)兩個(gè)圖形之間顏色、形狀、大小、位置的相互變化，其使用的元素多為繪制出來(lái)的“形狀”，如果使用圖形元件、按鈕、文字，則必先“打散”，將其轉(zhuǎn)換為“形狀”才能創(chuàng)建形狀補(bǔ)間動(dòng)畫。2.1.4形狀補(bǔ)間動(dòng)畫1．創(chuàng)建形狀補(bǔ)間動(dòng)畫（1）在“時(shí)間軸”面板上動(dòng)畫開(kāi)始播放的地方繪制動(dòng)畫的初始形狀，在動(dòng)畫結(jié)束處插入空白關(guān)鍵幀，繪制動(dòng)畫的結(jié)束圖形。（2）用鼠標(biāo)右鍵單擊開(kāi)始幀或者用鼠標(biāo)右鍵單擊兩個(gè)關(guān)鍵幀之間的任意幀，在彈出的快捷菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，這樣便在這兩個(gè)關(guān)鍵幀之間創(chuàng)建了形狀補(bǔ)間動(dòng)畫，如圖2-35所示。圖2-352．形狀補(bǔ)間動(dòng)畫“屬性”面板參數(shù)設(shè)置（1）“緩動(dòng)”選項(xiàng)

設(shè)置物體的加速減速運(yùn)動(dòng)，與傳統(tǒng)補(bǔ)間動(dòng)畫參數(shù)相同。（2）“混合”選項(xiàng)◎“角形”選項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀會(huì)保留明顯的角和直線，適合于具有銳化轉(zhuǎn)角和直線的混合形狀?！颉胺植际健边x項(xiàng)：創(chuàng)建的動(dòng)畫中間形狀比較平滑和不規(guī)則，形狀變化得更加自然。3．使用形狀提示（1）單擊開(kāi)始關(guān)鍵幀，執(zhí)行“修改”>“形狀”>“添加形狀提示”命令，該幀的形狀中會(huì)增加一個(gè)帶字母的紅色圓圈（一般第一個(gè)提示是字母“a”），在結(jié)束幀形狀中也會(huì)相應(yīng)地出現(xiàn)一個(gè)一模一樣的紅色圓圈。（2）在不同的關(guān)鍵幀中單擊，并分別將這2個(gè)“提示圓圈”拖放到適當(dāng)?shù)奈恢?，如果使用形狀提示成功后，開(kāi)始幀上的“提示圓圈”就變?yōu)辄S色，結(jié)束幀上的“提示圓圈”會(huì)變?yōu)榫G色。安放不成功或者它們不在一條曲線上時(shí)，“提示圓圈”顏色保持不變。（3）刪除所有的形狀提示，可執(zhí)行“修改”>“形狀”>“刪除所有提示”命令，刪除單個(gè)形狀提示，可用鼠標(biāo)右鍵單擊它，在彈出的快捷菜單中選擇“刪除提示”命令。4．使用可變寬度向筆觸添加形狀補(bǔ)間動(dòng)畫

在AnimateCC2019中可以給可變寬度的筆觸添加形狀補(bǔ)間動(dòng)畫，也可以對(duì)可變寬度配置文件的筆觸添加形狀補(bǔ)間動(dòng)畫。

引導(dǎo)路徑動(dòng)畫是指創(chuàng)建一條路徑，引導(dǎo)動(dòng)畫對(duì)象按照一定的路徑運(yùn)動(dòng)。1．引導(dǎo)方式

引導(dǎo)方式可分為兩種，即普通引導(dǎo)和傳統(tǒng)運(yùn)動(dòng)引導(dǎo)。（1）普通引導(dǎo)方式

在制作動(dòng)畫過(guò)程中，為了在繪制時(shí)幫助對(duì)齊對(duì)象，可創(chuàng)建引導(dǎo)層。在“時(shí)間軸”面板中，普通引導(dǎo)方式所在的引導(dǎo)層，通常以“尺子”為標(biāo)記。該圖層主要用于輔助靜態(tài)對(duì)象定位，不會(huì)導(dǎo)出，不會(huì)顯示在發(fā)布的SWF文件中。2.1.5引導(dǎo)路徑動(dòng)畫

在“時(shí)間軸”面板中，選中圖層，然后用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“引導(dǎo)層”命令，即將該圖層轉(zhuǎn)化為引導(dǎo)圖層。創(chuàng)建引導(dǎo)層后，即可在引導(dǎo)圖層中繪制引導(dǎo)路徑。在插入的新圖層中，可以使用引導(dǎo)路徑為其他圖層中的對(duì)象定位。創(chuàng)建了引導(dǎo)圖層的“時(shí)間軸”面板如圖2-50所示。（2）傳統(tǒng)運(yùn)動(dòng)引導(dǎo)方式

在“時(shí)間軸”面板中，選中圖層，然后用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”命令，即將該圖層轉(zhuǎn)化為傳統(tǒng)運(yùn)動(dòng)引導(dǎo)圖層。在傳統(tǒng)運(yùn)動(dòng)引導(dǎo)圖層所引導(dǎo)的圖層中，可將補(bǔ)間動(dòng)畫關(guān)鍵幀中的元件與引導(dǎo)路徑的兩個(gè)端點(diǎn)綁定。運(yùn)動(dòng)對(duì)象將按照引導(dǎo)路徑的軌跡移動(dòng)。創(chuàng)建了傳統(tǒng)運(yùn)動(dòng)引導(dǎo)圖層的“時(shí)間軸”面板如圖2-51所示。圖2-50

圖2-512．創(chuàng)建引導(dǎo)路徑動(dòng)畫的方法（1）一個(gè)最基本的引導(dǎo)路徑動(dòng)畫由兩個(gè)圖層組成，上面一層是“引導(dǎo)層”，下面一層是“被引導(dǎo)層”。（2）引導(dǎo)路徑動(dòng)畫最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫“附著”在“引導(dǎo)路徑”上，所以操作時(shí)要特別注意引導(dǎo)路徑的兩端，被引導(dǎo)的對(duì)象起始、終點(diǎn)的2個(gè)“中心點(diǎn)”一定要對(duì)準(zhǔn)引導(dǎo)路徑的2個(gè)端點(diǎn)。3．將圖層與傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層鏈接起來(lái)

如需要把其他圖層也放置到當(dāng)前傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層的路徑上來(lái)，被其引導(dǎo)，就將現(xiàn)有圖層拖到傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層的下面，該圖層在傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層下面以縮進(jìn)形式顯示，該圖層上的所有對(duì)象自動(dòng)與傳統(tǒng)運(yùn)動(dòng)路徑對(duì)齊。4．?dāng)嚅_(kāi)圖層與傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層的鏈接

斷開(kāi)被引導(dǎo)層與引導(dǎo)層的引導(dǎo)關(guān)系，有以下兩種方法。（1）拖動(dòng)該圖層到傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層的上面。（2）執(zhí)行“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇圖層類型為“一般”。

Aniamte中的遮罩可分為靜態(tài)遮罩和動(dòng)畫遮罩兩種。（1）靜態(tài)遮罩用于控制圖層的顯示區(qū)域。遮罩層一般是由普通層轉(zhuǎn)換而來(lái)的。（2）動(dòng)畫遮罩即在動(dòng)畫中的遮罩層，其既可以是在遮罩層制作的動(dòng)畫，又可以是在被遮罩層制作的動(dòng)畫。2.1.6遮罩動(dòng)畫1．創(chuàng)建遮罩

在“時(shí)間軸”面板中用鼠標(biāo)右鍵單擊創(chuàng)建的遮罩層，從彈出的快捷菜單中選擇“遮罩層”命令，如圖2-66所示。該層將轉(zhuǎn)換為遮罩層，用一個(gè)遮罩層圖標(biāo)來(lái)表示，如圖2-67所示。圖2-66

圖2-672．添加多個(gè)被遮罩層

要添加多個(gè)被遮罩層可以進(jìn)行以下3種操作。（1）將現(xiàn)有的圖層直接拖到遮罩層的下面，如圖2-68所示。（2）在遮罩層下面的任何地方創(chuàng)建一個(gè)新圖層。（3）執(zhí)行“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇“被遮罩”選項(xiàng)。圖2-683．?dāng)嚅_(kāi)遮罩

要斷開(kāi)遮罩可以進(jìn)行以下兩種操作。（1）將圖層拖到遮罩層的上面。（2）執(zhí)行“修改”>“時(shí)間軸”>“圖層屬性”命令，然后選擇圖層類型為“一般”，如圖2-69所示。圖2-69

動(dòng)畫預(yù)設(shè)是Animate預(yù)先配置的運(yùn)動(dòng)補(bǔ)間動(dòng)畫，可以將它們應(yīng)用于舞臺(tái)上的對(duì)象。用戶可以創(chuàng)建并保存自己的自定義預(yù)設(shè)，可以使用修改過(guò)的現(xiàn)有動(dòng)畫預(yù)設(shè)，也可以使用自己創(chuàng)建的自定義補(bǔ)間。使用預(yù)設(shè)可極大節(jié)約項(xiàng)目的制作時(shí)間，提高動(dòng)畫設(shè)計(jì)制作效率。2.1.7動(dòng)畫預(yù)設(shè)1．動(dòng)畫預(yù)設(shè)

動(dòng)畫預(yù)設(shè)可應(yīng)用于各種文本字段、影片剪輯元件和按鈕元件。在為元件應(yīng)用動(dòng)畫預(yù)設(shè)之前，需要先執(zhí)行“窗口”>“動(dòng)畫預(yù)設(shè)”命令，打開(kāi)“動(dòng)畫預(yù)設(shè)”面板，如圖2-88所示。

“動(dòng)畫預(yù)設(shè)”面板包括“預(yù)設(shè)瀏覽”“預(yù)設(shè)列表”等區(qū)域以及下方的一些按鈕等。在工作區(qū)中選擇要添加的動(dòng)畫預(yù)設(shè)的元件和文本后，即可在“動(dòng)畫預(yù)設(shè)”面板中選擇相應(yīng)的預(yù)設(shè)項(xiàng)目，查看“預(yù)設(shè)瀏覽”，如圖2-89所示。圖2-88

圖2-892．自定義動(dòng)畫預(yù)設(shè)

用戶可以自定義動(dòng)畫預(yù)設(shè)。

在保存動(dòng)畫預(yù)設(shè)時(shí)，打開(kāi)“將預(yù)設(shè)另存為”對(duì)話框，可在該對(duì)話框中設(shè)置這些自定義動(dòng)畫預(yù)設(shè)的名稱。圖2-90所示的abc即為預(yù)設(shè)動(dòng)畫。

用戶自定義的預(yù)設(shè)是沒(méi)有預(yù)設(shè)預(yù)覽的。在“動(dòng)畫預(yù)設(shè)”面板中單擊“刪除項(xiàng)目”按鈕，可將已添加的動(dòng)畫預(yù)設(shè)從列表中刪除。圖2-902.2.1案例效果分析

本設(shè)計(jì)作品以紅色為主色調(diào)，配上春節(jié)的代表物燈籠和金牛，鼠標(biāo)滑過(guò)金牛時(shí)呈現(xiàn)“牛年行大運(yùn)”圖片，4個(gè)福字轉(zhuǎn)動(dòng)出拜年的“吉祥語(yǔ)”，突出體現(xiàn)了春節(jié)熱鬧嘉慶的氣氛，如圖2-91所示。2.2任務(wù)一——制作春節(jié)賀卡圖2-912.2.2設(shè)計(jì)思路（1）制作影片剪輯元件“福字動(dòng)”和“金牛微動(dòng)”。（2）制作4個(gè)“福字”按鈕和“金?！卑粹o。（3）制作燈籠和影片剪輯元件“穂動(dòng)”。（4）制作底圖和祥云效果。2.2.3相關(guān)知識(shí)點(diǎn)和技能點(diǎn)

“變形”面板的使用，在制作圖形元件時(shí)綜合使用各種繪圖工具；影片剪輯元件、按鈕、傳統(tǒng)補(bǔ)間動(dòng)畫的制作。2.3.1案例效果分析

本案例設(shè)計(jì)的端午節(jié)賀卡，畫面以綠色為主，將翠竹、粽葉和粽子等端午節(jié)特有的元素應(yīng)用到動(dòng)畫中。整個(gè)動(dòng)畫輕柔、流暢，配上好聽(tīng)的音樂(lè)，給人一種美的享受，效果如圖2-113所示。2.3任務(wù)二——制作端午節(jié)賀卡圖2-1132.3.2設(shè)計(jì)思路（1）制作背景、邊框、圖框。（2）制作翠竹、漣漪、星星。（3）制作粽子的傳統(tǒng)補(bǔ)間動(dòng)畫。（4）制作文本動(dòng)畫。（5）插入背景音樂(lè)。（6）添加腳本。2.3.3相關(guān)知識(shí)和技能點(diǎn)

使用形狀補(bǔ)間動(dòng)畫制作畫面過(guò)渡效果，使用動(dòng)作補(bǔ)間動(dòng)畫創(chuàng)建文本動(dòng)畫，以及圖層的操作。2.4.1實(shí)訓(xùn)概述1．動(dòng)畫的制作目的與設(shè)計(jì)理念

本實(shí)訓(xùn)的目的是掌握文本內(nèi)容的輸入、按鈕元件的創(chuàng)建、引導(dǎo)層動(dòng)畫的創(chuàng)建、應(yīng)用遮罩動(dòng)畫、使用圖層文件夾功能的方法，以及熟悉電子賀卡的制作流程。

本實(shí)訓(xùn)制作的友情賀卡主要通過(guò)四葉草來(lái)傳達(dá)友情的內(nèi)涵，再配以音樂(lè)烘托主題，效果如圖2-126所示。2.4實(shí)訓(xùn)任務(wù)——制作友情賀卡圖2-1262．動(dòng)畫整體風(fēng)格設(shè)計(jì)