Animate動(dòng)畫設(shè)計(jì)與制作實(shí)例教程（Animate CC 2019） 課件 項(xiàng)目3、4 制作電子相冊(cè)、制作廣告

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

（AnimateCC2019）項(xiàng)目三

制作電子相冊(cè)項(xiàng)目簡介

隨著多媒體拍攝設(shè)備的普及，電子相冊(cè)以多樣性和低成本等特性受到人們的喜愛。因?yàn)橹谱鞣椒ê唵?，?dòng)態(tài)效果逼真，越來越多的人開始使用Animate制作電子相冊(cè)。

本項(xiàng)目主要介紹元件、實(shí)例和“庫”面板的使用。通過本項(xiàng)目的學(xué)習(xí)，讀者可以掌握元件、實(shí)例和庫的相關(guān)知識(shí)，以及用Animate制作電子相冊(cè)的方法和技巧。學(xué)習(xí)目標(biāo)掌握?qǐng)D形元件、按鈕元件和影片剪輯元件的使用方法；掌握實(shí)例和“庫”面板的使用方法；掌握成長相冊(cè)、婚禮相冊(cè)、家庭相冊(cè)的制作方法。3.1.1元件和實(shí)例

元件和實(shí)例是Animate動(dòng)畫的重要內(nèi)容之一。元件是指在Animate中創(chuàng)建的、可以在影片中重復(fù)使用的一個(gè)小部件，它是構(gòu)成Animate動(dòng)畫的基本單位。元件分為圖形、影片剪輯、按鈕三種類型。實(shí)例是指位于“舞臺(tái)”或嵌入另一個(gè)元件內(nèi)的元件副本。通過元件與實(shí)例的結(jié)合使用，可以保證在動(dòng)畫文件很小的基礎(chǔ)上，實(shí)現(xiàn)Animate作品的交互能力和動(dòng)感表現(xiàn)。

首先做個(gè)試驗(yàn)，用“橢圓”工具在“舞臺(tái)”上任意畫一個(gè)圓形。選中這個(gè)矩形，看看它的“屬性”面板，如圖3-1所示。我們會(huì)發(fā)現(xiàn)這個(gè)圓形被叫作“形狀”（shape），它的屬性也只有寬度、高度和坐標(biāo)值。在Animate中，可以改變“形狀”的外形、尺寸、位置，能進(jìn)行“形狀變形”，但“形狀”的用途相當(dāng)有限。要使“動(dòng)畫元件”得到有效管理并發(fā)揮更大作用，就必須把它轉(zhuǎn)換為“元件”。3.1知識(shí)準(zhǔn)備——元件、實(shí)例和庫圖3-1

選擇這個(gè)圓形形狀，執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令（或者按F8鍵），彈出“轉(zhuǎn)換為元件”對(duì)話框，默認(rèn)的“名稱”為“元件1”，選擇“類型”為“圖形”，單擊“確定”按鈕，把“形狀”轉(zhuǎn)為圖形元件。

執(zhí)行“窗口”>“庫”命令（或按Ctrl+L組合鍵），打開Animate的管理機(jī)構(gòu)“庫”面板，發(fā)現(xiàn)“庫”面板中有了第一個(gè)項(xiàng)目：元件1。

接著選擇“舞臺(tái)”上的這個(gè)對(duì)象，發(fā)現(xiàn)對(duì)象已經(jīng)不像圖3-1所示的“離散狀”了，而是變成了一個(gè)“整體”，它的“屬性”面板也豐富了很多，如圖3-2所示。這個(gè)對(duì)象能夠轉(zhuǎn)化“角色”，有序列幀播放選項(xiàng)和顏色設(shè)置等。此外，它還能進(jìn)行功能最全面的“動(dòng)作變形”。圖3-2

元件僅存在于“庫”面板中，元件從“庫”面板中進(jìn)入“舞臺(tái)”就稱為該元件的“實(shí)例”。如圖3-3所示，從庫中把“元件1”向場(chǎng)景拖放3次（也可以復(fù)制場(chǎng)景中的實(shí)例），這樣，“舞臺(tái)”上就有了元件1的3個(gè)實(shí)例。圖3-3

可以試著分別把各個(gè)實(shí)例的顏色、方向、大小設(shè)置成不同樣式，具體操作可以配合使用不同的面板，例如，可以在“屬性”面板中設(shè)置圖3-3所示的“實(shí)例1”的“寬”“高”參數(shù)，如圖3-4所示。在“變形”面板中設(shè)置它的“旋轉(zhuǎn)”參數(shù)，如圖3-5所示。與“實(shí)例1”一樣，“實(shí)例2”和“實(shí)例3”也可在“變形”面板和“屬性”面板中進(jìn)行相應(yīng)的設(shè)置，“實(shí)例2”具體設(shè)置如圖3-6所示。圖3-4

圖3-5圖3-6

能創(chuàng)建圖形元件的元素可以是導(dǎo)入的位圖圖像、矢量圖形、文本對(duì)象以及用Animate工具創(chuàng)建的線條、色塊等。

選擇相關(guān)元素，按F8鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框，在“名稱”文本框中輸入元件的名稱，在“類型”下拉列表中選擇“圖形”，如圖3-7所示，單擊“確定”按鈕，在“庫”面板中生成相應(yīng)的元件，在“舞臺(tái)”中，元素變成了元件的一個(gè)實(shí)例。

圖形元件中可包含圖形元素或者其他圖形元件，它接受Animate中的大部分變化操作，如大小、位置、方向、顏色設(shè)置以及動(dòng)作變形等。3.1.2圖形元件圖3-7

影片剪輯元件就是通常所說的MC（MovieClip）?？梢园选拔枧_(tái)”上任何看得到的對(duì)象，甚至整個(gè)時(shí)間軸的內(nèi)容創(chuàng)建為一個(gè)MC，可以把一個(gè)MC放置到另一個(gè)MC中，還可以把一段動(dòng)畫（如逐幀動(dòng)畫）轉(zhuǎn)換成MC。

從以上描述可以看出，創(chuàng)建影片剪輯相當(dāng)靈活，而且創(chuàng)建過程非常簡單：選擇“舞臺(tái)”上需要轉(zhuǎn)換的對(duì)象，按F8鍵，彈出“轉(zhuǎn)換為元件”對(duì)話框，在“類型”下拉列表中選擇“影片剪輯”，如圖3-12所示，單擊“確定”按鈕。3.1.3影片剪輯元件圖3-12

按鈕元件是一種特殊的交互式影片剪輯，它只包含4個(gè)幀。當(dāng)新建一個(gè)按鈕元件時(shí)，Animate自動(dòng)創(chuàng)建一個(gè)含有4幀的時(shí)間軸，分別是“彈起”“指針經(jīng)過”“按下”和“點(diǎn)擊”。按鈕元件時(shí)間軸上的每一幀都具有特殊的含義?！颉皬椘稹睅罕硎景粹o的原始狀態(tài)，即鼠標(biāo)指針沒有對(duì)此按鈕產(chǎn)生任何動(dòng)作時(shí)，按鈕表現(xiàn)出的狀態(tài)?！颉爸羔樈?jīng)過”幀：表示鼠標(biāo)指針位于該按鈕上時(shí)，按鈕的外觀狀態(tài)?！颉鞍聪隆睅罕硎締螕粼摪粹o時(shí)，按鈕的外觀狀態(tài)?！颉包c(diǎn)擊”幀：用于定義響應(yīng)鼠標(biāo)單擊時(shí)的相應(yīng)區(qū)域，該幀上的區(qū)域在影片中是不可見的。3.1.4按鈕元件

“庫”面板如圖3-20所示。利用“庫”面板中的各種按鈕及“庫”菜單，可以進(jìn)行元件管理與編輯的大部分操作。①“庫”面板標(biāo)簽：拖動(dòng)它，能夠隨意移動(dòng)“庫”面板。②“庫”菜單：單擊它能打開“庫”面板的菜單。③“文件”下拉列表：當(dāng)前“庫”面板所屬的文件。④元件區(qū)當(dāng)前選中的元件。3.1.5管理、使用庫圖3-20⑤“排序”按鈕：這是元件項(xiàng)目列表“排序”切換按鈕。⑥元件屬性按鈕：單擊可以更改元件屬性。⑦“添加文件夾”按鈕：單擊可在“庫”面板中添加新的文件夾。⑧“添加元件”按鈕：單擊可在“庫”面板中添加新的元件。⑨“刪除”按鈕單擊可刪除“庫”面板中選中的元件。3.2.1案例效果

利用元件素材制作寶寶的成長電子相冊(cè)，可愛小寶寶的成長過程記錄在電子相冊(cè)中，效果如圖3-21所示。3.2任務(wù)一——制作成長相冊(cè)圖3-213.2.2設(shè)計(jì)思路（1）導(dǎo)入素材。（2）制作開始按鈕元件。（3）利用學(xué)過的Animate動(dòng)畫制作動(dòng)畫效果。3.2.3相關(guān)知識(shí)和技能點(diǎn)（1）元件：圖形、按鈕、影片剪輯。（2）Animate動(dòng)畫：逐幀動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫。（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>

“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，設(shè)置寬度為410像素，高度為310像素，在“屬性”面板設(shè)置幀頻為12。3.2.4任務(wù)實(shí)施圖3-22（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，依次將圖片素材baby、baby1、baby2、baby3、baby4導(dǎo)入“庫”面板中，如圖3-22所示。觀察“庫”面板中的素材類型發(fā)現(xiàn)導(dǎo)入的素材為“位圖”，此時(shí)依次將位圖素材拖動(dòng)到“舞臺(tái)”上，執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在彈出的“轉(zhuǎn)換為元件”對(duì)話框中選擇“類型”為“圖形”，并修改元件名稱，如圖3-23所示。全部轉(zhuǎn)換完成后的效果如圖3-24所示。圖3-23

圖3-24（3）制作成長相冊(cè)的封面。①將“庫”面板中的圖形元件1拖到“舞臺(tái)”中，按Ctrl+K組合鍵，打開“對(duì)齊”面板，設(shè)置元件1相對(duì)于“舞臺(tái)”“匹配寬和高”，水平、垂直居中，效果如圖3-25所示。②制作“小芽轉(zhuǎn)動(dòng)”影片剪輯元件。圖3-25圖3-26

圖3-27圖3-28

圖3-29圖3-30

圖3-31圖3-32

圖3-33圖3-34圖3-35圖3-36

圖3-37④回到場(chǎng)景1中，輸入文字，導(dǎo)入“小芽按鈕”元件，效果如圖3-38所示。圖3-38（4）設(shè)置相框內(nèi)容。新建“圖層_2”，在第2幀插入空白關(guān)鍵幀。設(shè)計(jì)相框，在第100幀插入普通幀。設(shè)計(jì)完成后的效果如圖3-39所示。（5）設(shè)置相冊(cè)頁內(nèi)容。圖3-39圖3-40圖3-41

圖3-42圖3-43

圖3-44（6）設(shè)置動(dòng)作。

選中文字按鈕，在“屬性”面板中設(shè)置實(shí)例名為“play_btn”，選中“封面”圖層第1幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“動(dòng)作”命令，在彈出的“動(dòng)作”面板中，輸入圖3-45所示的腳本。（7）保存文件，按Ctrl+Enter組合鍵預(yù)覽效果。圖3-453.3.1案例效果

利用Animate的幀動(dòng)畫，制作出炫美的切換效果，烘托出婚禮相冊(cè)的華美，效果如圖3-46所示。3.3任務(wù)二——制作婚禮相冊(cè)圖3-463.3.2設(shè)計(jì)思路（1）導(dǎo)入素材，將位圖素材轉(zhuǎn)換為圖形元件。（2）制作封面按鈕元件素材：心形圖形元件、心形旋轉(zhuǎn)影片剪輯元件、文字按鈕。（3）使用遮罩動(dòng)畫制作相片切換效果。3.3.3相關(guān)知識(shí)和技能點(diǎn)（1）元件：圖形元件、按鈕元件、影片剪輯元件。（2）遮罩動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫。（3）在“動(dòng)作”面板設(shè)置動(dòng)作。（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，設(shè)置寬度為400像素，高度為520像素。在“屬性”面板中設(shè)置幀頻為12。（2）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，依次將圖片素材新娘0、新娘1、新娘2、新娘3、新娘4導(dǎo)入“庫”面板中。觀察“庫”面板中的素材類型發(fā)現(xiàn)導(dǎo)入的素材為“位圖”，此時(shí)依次將位圖素材拖動(dòng)到“舞臺(tái)”上，執(zhí)行“修改”>“轉(zhuǎn)換為元件”命令，在彈出的“轉(zhuǎn)換為元件”對(duì)話框中選擇“類型”為“圖形”，修改元件名稱。全部轉(zhuǎn)換完成后的效果如圖3-47所示。（3）制作封面。3.3.4任務(wù)實(shí)施圖3-47（4）制作相框。（5）制作相冊(cè)頁。（6）設(shè)置動(dòng)作。（7）測(cè)試發(fā)布影片，完成婚禮相冊(cè)的制作。圖3-703.4.1實(shí)訓(xùn)概述

本實(shí)訓(xùn)制作效果如圖3-71所示。3.4實(shí)訓(xùn)任務(wù)——制作家庭相冊(cè)圖3-711．動(dòng)畫的制作目的與設(shè)計(jì)理念

制作本實(shí)訓(xùn)的目的是強(qiáng)化元件和“庫”面板的使用，以及“動(dòng)作”面板的引入。

本實(shí)訓(xùn)是制作一個(gè)家庭相冊(cè)，體現(xiàn)和諧的家庭氛圍，增進(jìn)親人的感情。2．動(dòng)畫整體風(fēng)格設(shè)計(jì)

本實(shí)訓(xùn)以漫畫人物為原型，所以動(dòng)畫的整體風(fēng)格生動(dòng)活潑，連按鈕也是一只淘氣的小貓咪，同時(shí)給按鈕配上相應(yīng)的貓咪叫聲。3．素材收集與處理

素材包括以“歡樂家庭”為主題的素材圖片和貓咪的叫聲。1．主題設(shè)計(jì)

小女孩的家庭合影。2．造型設(shè)計(jì)

按照卡通人物原型為基礎(chǔ)設(shè)計(jì)。3．場(chǎng)景設(shè)計(jì)

按照卡通原型為基礎(chǔ)設(shè)計(jì)。3.4.2實(shí)訓(xùn)要點(diǎn)（1）新建一個(gè)Animate文檔，保存名稱為“家庭相冊(cè).fla”。將素材圖片依次導(dǎo)入“庫”面板中。導(dǎo)入的素材類型為“位圖”，將位圖依次轉(zhuǎn)換為圖形元件，方法同前面的案例。轉(zhuǎn)換完成后的效果如圖3-72所示。（2）制作按鈕元件，在這個(gè)按鈕元件中會(huì)學(xué)習(xí)如何給按鈕添加聲音。執(zhí)行“插入”>“新建元件”>“按鈕元件”命令，選中“彈起”幀，將“按鈕圖片”圖形元件從“庫”面板中拖入“舞臺(tái)”中心，效果如圖3-73所示。3.4.3實(shí)訓(xùn)步驟圖3-72

圖3-73（3）用鼠標(biāo)右鍵單擊“指針經(jīng)過”幀，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，在“變形”面板中將實(shí)例調(diào)整為原始大小的120%，如圖3-74和圖3-75所示。（4）用鼠標(biāo)右鍵單擊“彈起”幀，在彈出的快捷菜單中選擇“復(fù)制幀”命令；用鼠標(biāo)右鍵單擊“按下幀”，在彈出的快捷菜單中選擇“粘貼幀”命令，把“彈起”幀中的內(nèi)容復(fù)制到“按下”幀；用鼠標(biāo)右鍵單擊“點(diǎn)擊幀”，在彈出的快捷菜單中選擇“插入幀”命令完成按鈕的制作。圖3-74

圖3-75（5）新建“圖層_2”，用鼠標(biāo)右鍵單擊“彈起幀”，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，選擇“文字”工具，輸入文字“play”，效果及屬性設(shè)置如圖3-76和圖3-77所示。（6）執(zhí)行“文件”>“導(dǎo)入”>“導(dǎo)入到庫”命令，將素材中的“喵喵.wav”聲音文件導(dǎo)入“庫”面板中，導(dǎo)入的效果如圖3-78所示。圖3-76

圖3-77

圖3-78（7）新建“圖層_3”，選擇“指針經(jīng)過”幀，用鼠標(biāo)右鍵單擊，選擇“插入關(guān)鍵幀”命令，將元件“喵喵.wav”從“庫”面板中拖入“舞臺(tái)”，效果如圖3-79所示。注意：要想按鈕的聲音顯示，“屬性”面板中的“同步”選項(xiàng)一定要設(shè)置為“事件”，如圖3-80所示。至此完成按鈕的制作。（8）回到場(chǎng)景1中，制作幾張相片間的切換效果，利用所學(xué)的Animate幀動(dòng)畫知識(shí)制作各種美觀的效果。本項(xiàng)目使用的是簡單的顏色透明度動(dòng)作補(bǔ)間動(dòng)畫。制作完成的面板效果如圖3-81所示。圖3-79

圖3-80圖3-81（9）給相冊(cè)添加動(dòng)作，實(shí)現(xiàn)單擊按鈕開始播放。新建“圖層_2”，查看“幀”面板，看到“圖層_2”被自動(dòng)添加到與“圖層_1”相同的幀數(shù)120幀，選擇“圖層_2”的第11幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“動(dòng)作”命令，在彈出的“動(dòng)作”面板中輸入“stop();”，效果如圖3-82所示。圖3-82（10）測(cè)試影片發(fā)現(xiàn)影片沒有自動(dòng)播放，是靜止的，接下來添加按鈕。新建“圖層_3”，選中第1幀，將“按鈕元件”元件從“庫”面板拖到“舞臺(tái)”，并放置在合適的位置，用鼠標(biāo)右鍵單擊“圖層_3”的第2幀，在彈出的快捷菜單中選擇“插入空白關(guān)鍵幀”命令，將第3～120幀刪除，如圖3-83所示。圖3-83（11）選中“舞臺(tái)”上的“按鈕元件”按鈕實(shí)例，在“屬性”面板中設(shè)置實(shí)例名為“play_btn”，選中“圖層_2”圖層第1幀，用鼠標(biāo)右鍵單擊，在彈出的快捷菜單中選擇“動(dòng)作”命令，在彈出的“動(dòng)作”面板中，輸入圖3-84所示的腳本。（12）發(fā)布導(dǎo)出影片，即可查看制作的家庭相冊(cè)。圖3-843.5評(píng)價(jià)考核能力類型考核內(nèi)容評(píng)價(jià)學(xué)習(xí)目標(biāo)評(píng)價(jià)項(xiàng)目321職業(yè)能力掌握?qǐng)D形元件、按鈕元件和影片剪輯元件的制作方法；會(huì)使用“庫”面板；會(huì)運(yùn)用Animate制作電子相冊(cè)能夠制作圖形元件

能夠制作按鈕元件

能夠制作影片剪輯元件

能夠使用“庫”面板

能夠使用Animate制作電子相冊(cè)

通用能力造型能力

審美能力

組織能力

解決問題能力

自主學(xué)習(xí)能力

創(chuàng)新能力

綜合評(píng)價(jià)

項(xiàng)目三任務(wù)評(píng)價(jià)考核表3.6.1參考制作效果

動(dòng)漫相冊(cè)的最終效果如圖3-85所示。3.6課外拓展——制作動(dòng)漫相冊(cè)圖3-85動(dòng)漫相冊(cè)（1）按鈕元件的使用。（2）各補(bǔ)間動(dòng)畫的使用。（3）簡單的動(dòng)作與行為。3.6.2知識(shí)要點(diǎn)（1）啟動(dòng)AnimateCC2019，單擊文檔“屬性”面板下方的“高級(jí)設(shè)置”按鈕，打開“文檔設(shè)置”面板，取消選中“使用高級(jí)圖層”復(fù)選框，如圖3-86所示。將素材依次導(dǎo)入“庫”面板中，在“庫”面板中新建“素材”文件夾，把導(dǎo)入的圖片素材拖動(dòng)到“素材”文件夾下。（2）將對(duì)應(yīng)位圖素材依次建立為按鈕元件，如圖3-87所示，其中一個(gè)例子如圖3-88所示。3.6.3參考制作過程圖3-86

圖3-87圖3-88（3）新建“圖層1”，重命名為“背景”，導(dǎo)入圖片素材1.jpg，效果如圖3-89所示。圖3-89（4）新建“圖層2”，重命名為“灰照片”，單擊第1幀，在舞臺(tái)上擺好圖片的位置，如圖3-90所示，分別在第2幀、第16幀、第45幀和第62幀插入關(guān)鍵幀，在第2幀、第16幀、第45幀和第62幀依次刪除圖片htl、lyy、myy、nyy、xhh，并調(diào)整圖片的大小，效果如圖3-91所示。圖3-90圖3-91（5）選擇“灰照片”圖層的第1幀，然后依次選中每一個(gè)按鈕元件，在“屬性”面板修改實(shí)例名稱分別為htl1_btn，lyy1_btn，nyy1_btn，myy1_btn，xhh1_btn，如圖3-92所示。圖3-92（6）新建文字層，輸入文字“喜羊羊與灰太狼”，效果如圖3-93所示。圖3-93（7）新建“圖層4”，重名為“灰太狼”，在這一層實(shí)現(xiàn)灰太狼圖片的預(yù)覽。在第1幀插入空白關(guān)鍵幀，選擇第2幀右鍵單擊，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，使用“繪圖紙”工具將有色的灰太狼圖片與原來無色的圖片的位置對(duì)應(yīng)。用鼠標(biāo)右鍵單擊第29幀，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”命令，用鼠標(biāo)右鍵單擊第15幀，在彈出的快捷菜單中選擇“插入關(guān)鍵幀”后，調(diào)整圖片的大小和位置，使其位于“舞臺(tái)”中央。用鼠標(biāo)右鍵單擊第16幀建立關(guān)鍵幀，在第2幀、第15幀、第16～29幀建立動(dòng)作補(bǔ)間動(dòng)畫，效果如圖3-94所示。圖3-94（8）選擇該圖層第15幀，修改htl元件的實(shí)例名稱為“htl_btn”，如圖3-95所示，在該層的第15幀上添加動(dòng)作腳本，如圖3-96所示。圖3-95

圖3-96（9）同樣的方法依次建立“懶羊羊”“美羊羊”“暖羊羊”和“小灰灰”圖層，建立完成后的效果如圖3-97所示。圖3-97（10）建立“動(dòng)作1”圖層和“動(dòng)作2”圖層用來實(shí)現(xiàn)單擊自動(dòng)播放，如圖3-98和圖3-99所示。（11）執(zhí)行保存、發(fā)布操作，即可完成動(dòng)漫相冊(cè)的制作。圖3-98

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

（AnimateCC2019）項(xiàng)目四

制作廣告項(xiàng)目簡介

廣告是對(duì)企業(yè)或產(chǎn)品進(jìn)行宣傳的有效媒介，如廣告牌、宣傳單、電視廣告、網(wǎng)絡(luò)廣告等。隨著Internet的發(fā)展，使用Animate制作的廣告應(yīng)用越來越廣泛。

本項(xiàng)目詳細(xì)介紹AnimateCC2019中骨骼動(dòng)畫、濾鏡及混合模式的實(shí)際應(yīng)用，并通過實(shí)例講解AnimateCC2019在廣告制作中的應(yīng)用。通過本項(xiàng)目的學(xué)習(xí)，讀者可以掌握骨骼動(dòng)畫、濾鏡和混合模式的使用方法和技巧，掌握用AnimateCC2019制作廣告的方法和技巧。學(xué)習(xí)目標(biāo)掌握骨骼動(dòng)畫、濾鏡、混合模式的使用方法；掌握宣傳廣告、公益廣告、產(chǎn)品廣告的制作方法。4.1.1骨骼動(dòng)畫

使用AnimateCC2019中的“骨骼”工具，可以為形狀、影片剪輯增添骨骼動(dòng)畫，能夠輕松制作運(yùn)動(dòng)效果。

使用“骨骼”工具時(shí)，先創(chuàng)建一個(gè)Animate文檔，可以繪制形狀，也可以制作多個(gè)影片剪輯，然后使用“骨骼”工具創(chuàng)建骨骼，在時(shí)間軸的某些幀插入姿勢(shì)，再用“選擇”工具進(jìn)行對(duì)應(yīng)調(diào)整，就可制作出運(yùn)動(dòng)效果。具有多個(gè)骨骼的整體稱為IK形狀（見圖4-1），每個(gè)骨骼稱為IK骨骼（見圖4-2）。4.1知識(shí)準(zhǔn)備——骨骼動(dòng)畫、濾鏡和混合模式圖4-1

圖4-2

使用“骨骼”工具需要注意以下幾點(diǎn)?！?qū)τ谛螤?，可以向單個(gè)形狀的內(nèi)部添加多個(gè)骨骼，也可向一組形狀添加骨骼，在添加第一個(gè)骨骼之前必須選擇所有形狀?！蛟趯⒐趋捞砑拥剿x內(nèi)容后，Animate將所有的形狀和骨骼轉(zhuǎn)換為IK形狀對(duì)象，并將該對(duì)象移動(dòng)到新的姿勢(shì)圖層。每個(gè)姿勢(shì)圖層只能包含一個(gè)骨架?！蛟谀硞€(gè)形狀轉(zhuǎn)換為IK形狀后，它無法再與IK形狀外的其他形狀合并?！蚩梢栽诠ぞ呦渲羞x擇“骨骼”工具，也可以按M鍵選擇“骨骼”工具?！蚴褂谩肮趋馈惫ぞ?，在形狀內(nèi)單擊并拖動(dòng)到形狀內(nèi)的其他位置，在拖動(dòng)時(shí)顯示骨骼。釋放鼠標(biāo)后，在單擊的點(diǎn)和釋放鼠標(biāo)的點(diǎn)之間將顯示一個(gè)實(shí)心骨骼。每個(gè)骨骼都具有頭部、圓端和尾部（尖端）。◎骨架中的第一個(gè)骨骼是根骨骼，第二個(gè)骨骼是根骨骼的子級(jí)，可以創(chuàng)建多級(jí)骨骼。

骨骼動(dòng)畫的常用操作如下。1．選擇骨骼和關(guān)聯(lián)的對(duì)象2．重新定位骨骼和關(guān)聯(lián)的對(duì)象3．刪除骨骼4．相對(duì)于關(guān)聯(lián)的形狀或元件移動(dòng)骨骼5．編輯IK形狀

使用AnimateCC2019的濾鏡，可以為文本、按鈕和影片剪輯增添有趣的視覺效果，還可以使用傳統(tǒng)補(bǔ)間動(dòng)畫讓應(yīng)用的濾鏡動(dòng)起來。

使用“濾鏡”面板可進(jìn)行添加濾鏡、設(shè)置屬性及刪除濾鏡等操作。

首先保證選中的對(duì)象是文本、按鈕或影片剪輯，然后在“屬性”面板中的“濾鏡”選項(xiàng)下單擊“添加濾鏡”按鈕，在彈出的菜單中，選擇要使用的濾鏡，共有7種：投影、模糊、發(fā)光、斜角、漸變發(fā)光、漸變斜角和調(diào)整顏色，如圖4-7所示。一個(gè)對(duì)象可以添加多種濾鏡效果。下面分別介紹各個(gè)濾鏡。4.1.2濾鏡圖4-71．投影

“投影”濾鏡包括模糊、強(qiáng)度、品質(zhì)、角度、距離、挖空、內(nèi)陰影、隱藏對(duì)象和顏色等屬性，如圖4-8所示。圖4-82．模糊

“模糊”濾鏡可以使對(duì)象在x軸和y軸上模糊，從而產(chǎn)生柔化效果。圖4-93．發(fā)光

“發(fā)光”濾鏡的作用是在對(duì)象的周圍產(chǎn)生光芒，其屬性如圖4-10所示。圖4-104．斜角

“斜角”濾鏡的作用是產(chǎn)生出立體的浮雕效果，其屬性如圖4-11所示。圖4-115．漸變發(fā)光

“漸變發(fā)光”濾鏡的效果和“發(fā)光”濾鏡的效果基本相同，只是可以調(diào)節(jié)發(fā)光的顏色為漸變顏色，還可以設(shè)置角度、距離和類型，其屬性如圖4-12所示。圖4-126．漸變斜角

“漸變斜角”濾鏡的效果和“斜角”濾鏡的效果基本相同，只是可以調(diào)節(jié)斜角的顏色為漸變顏色，還可以設(shè)置角度、距離和類型，其屬性如圖4-16所示。圖4-167．調(diào)整顏色

使用“調(diào)整顏色”濾鏡，可以調(diào)整對(duì)象的亮度、對(duì)比度、飽和度和色相，其屬性如圖4-17所示。圖4-17

使用混合模式，可以創(chuàng)建復(fù)合圖像。復(fù)合是改變兩個(gè)或兩個(gè)以上重疊對(duì)象的透明度或者顏色相互關(guān)系的過程。使用混合，可以混合重疊影片剪輯中的顏色，從而創(chuàng)造獨(dú)特的效果。值得注意的是，混合的對(duì)象是影片剪輯元件或按鈕元件實(shí)例。

混合模式在元件實(shí)例的“屬性”面板中的“顯示”選項(xiàng)下，如圖4-19所示。4.1.3混合模式圖4-194.2.1案例效果分析

本案例設(shè)計(jì)的是河南工業(yè)職業(yè)技術(shù)學(xué)院48年校慶的宣傳廣告，通過學(xué)院圖片顏色的變化，展示建院48年的輝煌歷程；通過時(shí)間的演進(jìn)，讓人知道學(xué)院悠久的歷史；逐漸出現(xiàn)并升起的?；?qǐng)D片，寓意學(xué)院的發(fā)展如初升太陽；從小變大的文字，體現(xiàn)學(xué)院的逐漸壯大；從左到右展開的文字，給人期待感。完成作品靜幀效果如圖4-21所示。4.2任務(wù)一——制作宣傳廣告圖4-214.2.2設(shè)計(jì)思路（1）使用“調(diào)整顏色”濾鏡實(shí)現(xiàn)圖片的變色效果。（2）使用遮罩圖層實(shí)現(xiàn)文字從左到右的展開。（3）使用“投影”“模糊”“發(fā)光”等濾鏡實(shí)現(xiàn)文字的立體效果；通過創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，實(shí)現(xiàn)動(dòng)態(tài)效果。4.2.3相關(guān)知識(shí)和技能點(diǎn)（1）濾鏡的使用。（2）使用傳統(tǒng)補(bǔ)間動(dòng)畫使濾鏡效果動(dòng)起來。（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，設(shè)置寬度為550像素，高度為400像素。在文檔“屬性”面板設(shè)置幀頻為12。將圖片“學(xué)院圖片.jpg”和“?；?png”導(dǎo)入“庫”面板中。（2）將“學(xué)院圖片.jpg”拖入“舞臺(tái)”，打開“對(duì)齊”面板，匹配寬和高，按F8鍵，轉(zhuǎn)換為影片剪輯元件“學(xué)院圖片1”。（3）新建一個(gè)影片剪輯元件“學(xué)院圖片變色效果”，將影片剪輯元件“學(xué)院圖片1”拖入“舞臺(tái)”，使用“對(duì)齊”面板，將元件放置在“舞臺(tái)”中央。選擇第1幀中的“學(xué)院圖片1”元件，添加“調(diào)整顏色”濾鏡，屬性為默認(rèn)值。分別在第15幀、第30幀和第45幀添加關(guān)鍵幀。改變第15幀中的色相值為-90，改變第30幀中的色相值為90，其他為默認(rèn)值。在各關(guān)鍵幀中間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。完成的時(shí)間軸效果如圖4-22所示。4.2.4任務(wù)實(shí)施圖4-22（4）返回場(chǎng)景1，在“圖層1”的第1幀，將“學(xué)院圖片變色效果”元件放置到“舞臺(tái)”中央，添加“調(diào)整顏色”濾鏡，設(shè)置其亮度、對(duì)比度、飽和度的值均為-100。在第12幀添加關(guān)鍵幀，對(duì)“調(diào)整顏色”濾鏡，單擊“重置”按鈕。在第1～6幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。在第180幀插入幀，鎖定“圖層1”。（5）新建“圖層2”，在第12幀添加關(guān)鍵幀，將“?；?png”圖形拖入，調(diào)整大小，將其轉(zhuǎn)換成元件，設(shè)置其參數(shù)，如圖4-23所示。在第24幀添加關(guān)鍵幀，顏色選擇“無”。在第12～24幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，鎖定“圖層2”。圖4-23（6）新建“圖層3”，復(fù)制“圖層2”的第24幀，粘貼至“圖層3”的第41幀。在“圖層3”的第60幀添加關(guān)鍵幀，設(shè)置參數(shù)，如圖4-24所示。在第41～60幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，鎖定“圖層3”。圖4-24（7）新建“文字1”圖形元件，輸入文字“1973年—2021年”。新建“文字動(dòng)態(tài)效果”圖形元件，制作文字從左到右依次顯示的遮罩動(dòng)畫，如圖4-25所示。新建“圖層4”，在第1幀將“文字動(dòng)態(tài)效果”圖形元件放在合適位置，在第61幀插入空白幀，將“文字１”圖形元件放在同樣的位置。（8）新建“河南工院”影片剪輯元件，輸入紅色文字“河南工業(yè)職業(yè)技術(shù)學(xué)院”，按兩次Ctrl+B組合鍵，將文字分離為形狀，使用“墨水瓶”工具為文字添加白色描邊效果，效果如圖4-26所示。

圖4-25

圖4-26（9）返回場(chǎng)景1，新建圖層并命名為“河南工院”，在第58幀插入關(guān)鍵幀，將影片剪輯元件“河南工院”拖入“舞臺(tái)”，放置在合適的位置。展開“濾鏡”面板，添加“模糊”濾鏡，設(shè)置“模糊X”為0，“模糊Y”為54。添加“投影”濾鏡，屬性為默認(rèn)值。在第110幀添加關(guān)鍵幀，調(diào)整濾鏡屬性，“模糊”濾鏡的“模糊X”為0，“模糊Y”為0?！巴队啊睘V鏡的“模糊X”為14，“模糊Y”為14，“強(qiáng)度”為150。在第58～110幀創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，鎖定該層。（10）新建“建院48年”影片剪輯元件，輸入紅色文字“建院48年”，按兩次Ctrl+B組合鍵，將文字分離為形狀，使用“墨水瓶”工具為文字添加白色描邊效果，如圖4-27所示。（11）新建圖層“建院48年”，在第70幀插入關(guān)鍵幀，將影片剪輯元件“建院48年”拖入“舞臺(tái)”，放置在合適位置并調(diào)整大小。在第85幀插入關(guān)鍵幀，改變位置并調(diào)整大小。在第70～85幀創(chuàng)建補(bǔ)間動(dòng)畫，鎖定該層。圖4-27（12）新建影片剪輯元件“盛大慶典敬請(qǐng)期待”，輸入黃色文字“盛大慶典敬請(qǐng)期待”，效果如圖4-28所示。（13）新建圖層“盛大慶典”，在第135幀插入關(guān)鍵幀，將影片剪輯元件“盛大慶典敬請(qǐng)期待”拖入舞臺(tái)，并添加“投影”和“發(fā)光”濾鏡，相關(guān)設(shè)置如圖4-29所示。將此幀中的對(duì)象轉(zhuǎn)換為“文字2”圖形元件。圖4-28

圖4-29（14）新建影片剪輯元件“文字效果2”，制作文字從左到右依次顯示的遮罩動(dòng)畫，如圖4-30所示。新建圖層“文字效果2”，將影片剪輯元件“文字效果2”拖入第90幀。在第135幀插入空白關(guān)鍵幀后鎖定該層。（15）測(cè)試影片，將該文件保存為“學(xué)院48周年宣傳片.fla”。圖4-304.3.1案例效果分析

本案例設(shè)計(jì)的是合理膳食的公益廣告，通過營養(yǎng)比賽，將各類食物的益處展示出來，告訴大家，各類食物都是必需的，為了自己的健康，請(qǐng)不要偏食，合理膳食，注重營養(yǎng)。完成的效果截圖如圖4-31所示。4.3任務(wù)二——制作公益廣告圖4-314.3.2設(shè)計(jì)思路（1）收集并處理素材，使素材的命名有規(guī)律、大小一致。通過元件的復(fù)制快速制作類似的元件。（2）制作場(chǎng)景1、場(chǎng)景2。（3）利用場(chǎng)景的復(fù)制及元件的交換制作出其他類似的效果，完成其他場(chǎng)景的制作。4.3.3相關(guān)知識(shí)和技能點(diǎn)（1）使用“場(chǎng)景”面板，場(chǎng)景的新建、復(fù)制等操作。（2）元件的交換、元件的直接復(fù)制等操作。（3）傳統(tǒng)補(bǔ)間動(dòng)畫的使用。（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，設(shè)置寬度為550像素，高度為400像素。在文檔“屬性”面板設(shè)置背景色為#99CCFF，幀頻為12。（2）將“公益廣告背景.png”、奶類、五谷雜糧、肉蛋海產(chǎn)、蔬菜水果等21個(gè)圖片導(dǎo)入“庫”面板中，轉(zhuǎn)換為相應(yīng)圖形元件。（3）新建影片剪輯元件“營養(yǎng)比賽”，輸入紅色文字“營養(yǎng)比賽”，并添加“投影”濾鏡，效果如圖4-32所示。4.3.4任務(wù)實(shí)施圖4-32（4）用類似方法，制作影片剪輯元件“現(xiàn)在開始”，輸入文字“現(xiàn)在開始……”，并添加“投影”濾鏡，效果如圖4-33所示。（5）直接復(fù)制“營養(yǎng)比賽”元件為“比賽結(jié)果”元件，將文字改為“比賽結(jié)果”。（6）制作影片剪輯元件“糧食薯類”，字體為“華文新魏”，字號(hào)為49，顏色為#FFFF00（黃色），輸入文字“糧食薯類”，并添加“發(fā)光”濾鏡，顏色為#00FF00（綠色），效果如圖4-34所示。圖4-33

圖4-34（7）直接復(fù)制“糧食薯類”元件為“肉蛋海產(chǎn)”元件，將文字改為“肉蛋海產(chǎn)”。（8）直接復(fù)制“糧食薯類”元件為“蔬菜水果”元件，將文字改為“蔬菜水果”，文字顏色改為白色，其他不變。（9）直接復(fù)制“蔬菜水果”元件為“乳類食品”元件，將文字改為“乳類食品”。（10）制作影片剪輯元件“元件1”，“圖層1”中是經(jīng)過調(diào)整的多角星形，“圖層2”中是文字。效果如圖4-35所示。圖4-35（11）直接復(fù)制“元件1”為“元件2”“元件3”“元件4”，并改變?cè)械念伾⑿螤詈臀淖?。完成的效果如圖4-36所示。圖4-36（12）返回“場(chǎng)景1”，將“公益廣告背景.png”元件放在“舞臺(tái)”的中央，在第20幀插入幀。新建“圖層2”，將“營養(yǎng)比賽”元件拖入“舞臺(tái)”；新建“圖層3”，將“現(xiàn)在開始”元件拖入“舞臺(tái)”。完成的效果如圖4-37所示。圖4-37（13）執(zhí)行“窗口”>“其他面板”>“場(chǎng)景”命令，打開“場(chǎng)景”面板，在其中添加“場(chǎng)景2”，在“圖層1”中放置“糧食薯類”元件，在第50幀插入幀。新建圖層“圖1”，制作“五谷雜糧1.png”元件從下移入的傳統(tǒng)補(bǔ)間動(dòng)畫。用類似方法，制作其他圖片從下移入的動(dòng)畫。新建“元件”圖層，制作“元件1”從中部由小變大移動(dòng)到右上部的動(dòng)畫。完成的效果如圖4-38所示。圖4-38（14）在“場(chǎng)景”面板中，將“場(chǎng)景2”復(fù)制為“場(chǎng)景3”，在“場(chǎng)景3”中，選擇“圖層1”中的“糧食薯類”元件，用鼠標(biāo)右鍵單擊，選擇“交換元件”命令，在彈出的“交換元件”對(duì)話框中，選擇“蔬菜水果”元件，單擊“確定”按鈕，如圖4-39所示。用類似方法，將其他各個(gè)關(guān)鍵幀中的元件進(jìn)行交換，完成“場(chǎng)景3”的制作。圖4-39（15）參照上一步的方法，完成“場(chǎng)景4”“場(chǎng)景5”的制作。（16）復(fù)制“場(chǎng)景1”為“場(chǎng)景6”，并調(diào)整“場(chǎng)景6”到最下層，將“開始比賽”交換為“比賽結(jié)果”，在“圖層3”的第5幀插入關(guān)鍵幀，輸入文字“各有長短，共同發(fā)展！”，效果如圖4-40所示。（17）新建“圖層4”，在第31幀插入關(guān)鍵幀，輸入文字“為了自己的健康，請(qǐng)不要偏食！合理膳食，注重營養(yǎng)！”，效果如圖4-41所示，在第80幀插入幀。（18）測(cè)試影片，將該文件保存為“公益廣告.fla”。

圖4-40

圖4-414.4.1實(shí)訓(xùn)概述1．動(dòng)畫的制作目的與設(shè)計(jì)理念

產(chǎn)品廣告是對(duì)某個(gè)品牌的某種產(chǎn)品進(jìn)行宣傳，體現(xiàn)產(chǎn)品的主題。本實(shí)訓(xùn)的產(chǎn)品是“美麗鞋品”公司的新款女鞋，通過背景顏色及鞋子的動(dòng)態(tài)展示，體現(xiàn)出“百變所以美麗”的主題，達(dá)到宣傳的效果。本實(shí)例中的兩個(gè)畫面效果如圖4-42所示。4.4實(shí)訓(xùn)任務(wù)——制作產(chǎn)品廣告圖4-422．動(dòng)畫整體風(fēng)格設(shè)計(jì)

利用AnimateCC2019制作“美麗鞋品”產(chǎn)品廣告，重在變化，即顏色的變化、產(chǎn)品的變化、產(chǎn)品效果的變化，體現(xiàn)出“百變所以美麗”的主題。3．素材收集與處理

收集“美麗鞋品”和美麗的鞋子圖片；參照“美麗”標(biāo)志自己制作標(biāo)志，對(duì)鞋子圖片進(jìn)行預(yù)處理，選出鞋子、添加白邊、改變圖片的大小和格式，以備使用。4.4.2實(shí)訓(xùn)要點(diǎn)（1）熟練使用各濾鏡。（2）體現(xiàn)出產(chǎn)品的主題，達(dá)到宣傳的目的。4.4.3實(shí)訓(xùn)步驟（1）啟動(dòng)AnimateCC2019，執(zhí)行“文件”>“新建”命令，在彈出的“新建文檔”對(duì)話框中選擇“角色動(dòng)畫”選項(xiàng)下方的預(yù)設(shè)為“標(biāo)準(zhǔn)”，設(shè)置寬度為336像素，高度為280像素，如圖4-43所示。在文檔“屬性”面板設(shè)置幀頻為12。

圖4-43

（2）將圖片“鞋1.png”“鞋2.png”“鞋3.png”“鞋4.png”“鞋5.png”“鞋6.png”“鞋背景.png”導(dǎo)入“庫”面板中，將其轉(zhuǎn)換為相應(yīng)的圖形元件，如圖4-44所示。（3）新建“背景變色”影片剪輯元件，將“鞋背景”拖入，在“屬性”面板的“實(shí)例行為”中，將默認(rèn)的“圖形”重新選擇為“影片剪輯”，如圖4-45所示。圖4-44

圖4-45（4）此時(shí)“屬性”面板中顯示“濾鏡”，添加“調(diào)整顏色”濾鏡，設(shè)置“飽和度”為40，如圖4-46所示。

圖4-46（5）在第6幀、第11幀、第16幀、第21幀、第26幀和第31幀插入關(guān)鍵幀。在各關(guān)鍵幀中分別設(shè)置“調(diào)整顏色”濾鏡的“色相”為-180、40、-70、30、-40、120。在第35幀插入幀，完成影片剪輯元件“背景變色”的制作，界面如圖4-47所示。（6）新建一個(gè)影片剪輯元件“美麗標(biāo)志”，輸入紅色文字“MeiLI”，如圖4-48所示。（7）輸入紅色文字“美麗”，并使用“任意變形”工具調(diào)整寬度，如圖4-49所示。圖4-47圖4-48

圖4-49（8）返回“場(chǎng)景1”，將“背景變色”元件拖入“舞臺(tái)”，使用“對(duì)齊”面板，與“舞臺(tái)”對(duì)齊，水平中齊、垂直中齊，在第70幀插入幀，鎖定“圖層1”。（9）新建“圖層2”，在第1幀將元件“鞋1”拖入“舞臺(tái)”，在“屬性”面板中設(shè)置“位置和大小”，“X”為118，“Y”為90。在第5幀添加關(guān)鍵幀，在“屬性”面板中設(shè)置“位置和大小”，“X”為180，“Y”為96，如圖4-50所示。在兩個(gè)關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。在第6幀添加空白關(guān)鍵幀。圖4-50（10）新建“圖層3”，在第6幀插入空白關(guān)鍵幀，將“鞋2”拖入“舞臺(tái)”，在“屬性”面板中設(shè)置“位置和大小”，“X”為180，“Y”為60。在第10幀添加關(guān)鍵幀，在“屬性”面板中設(shè)置“位置和大小”，“X”為50，“Y”為60，在兩個(gè)關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。在第11幀添加空白關(guān)鍵幀，如圖4-51所示。圖4-51（11）新建“圖層4”，在第11幀插入空白關(guān)鍵幀，將“鞋3”拖入“舞臺(tái)”，使用“對(duì)齊”面板，讓元件與“舞臺(tái)”對(duì)齊（水平中齊、垂直中齊）。在第16幀添加空白關(guān)鍵幀，如圖4-52所示。圖4-52（12）新建“圖層5”，在第11幀插入空白關(guān)鍵幀，繪制一個(gè)矩形塊，并轉(zhuǎn)換為圖形元件“矩形”，矩形的大小能遮住“鞋3”實(shí)例。在第11幀處，在“屬性”面板中設(shè)置矩形的“位置和大小”，“X”為90，“Y”為-90。在第15幀添加關(guān)鍵幀，在“屬性”面板中設(shè)置“位置和大小”，“X”為90，“Y”為65。在兩個(gè)關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。在第16幀添加空白關(guān)鍵幀?！皶r(shí)間軸”面板如圖4-53所示。用鼠標(biāo)右鍵單擊“圖層5”，在彈出的快捷菜單中選擇“遮罩層”。（13）新建“圖層6”，在第16幀插入空白關(guān)鍵幀，將“鞋4”拖入“舞臺(tái)”，使用“對(duì)齊”面板，讓元件與“舞臺(tái)”對(duì)齊（水平中齊、垂直中齊）。在第20幀添加關(guān)鍵幀，在兩個(gè)關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫，在“屬性”面板中設(shè)置“補(bǔ)間”，“旋轉(zhuǎn)”為“順時(shí)針”。在第21幀添加空白關(guān)鍵幀，如圖4-54所示。圖4-53

圖4-54（14）新建“圖層7”，在第21幀插入空白關(guān)鍵幀，將“鞋5”拖入“舞臺(tái)”，在“屬性”面板中設(shè)置“位置和大小”，“X”為70，“Y”為40。在第27幀添加空白關(guān)鍵幀。（15）新建“圖層8”，在第23幀插入空白關(guān)鍵幀，將“鞋5”拖入“舞臺(tái)”，在“屬性”面板中設(shè)置“位置和大小”，“X”為135，“Y”為65。在第27幀添加空白關(guān)鍵幀。（16）新建“圖層9”，在第25幀插入空白關(guān)鍵幀，將“鞋5”拖入“舞臺(tái)”，在“屬性”面板中設(shè)置“位置和大小”，“X”為186，“Y”為90。在第27幀添加空白關(guān)鍵幀，如圖4-55所示。（17）新建“圖層10”，在第27幀插入空白關(guān)鍵幀，將“鞋6”拖入“舞臺(tái)”，使用“對(duì)齊”面板，將元件放置在“舞臺(tái)”正中間。在第31幀添加關(guān)鍵幀，使用“任意變形”工具將元件實(shí)例放大。在兩個(gè)關(guān)鍵幀間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫。在第32幀添加空白關(guān)鍵幀，如圖4-56所示。圖4-55