《Flash動(dòng)畫設(shè)計(jì)與制作》課件-第5章

實(shí)訓(xùn)項(xiàng)目五

微信動(dòng)態(tài)表情包設(shè)計(jì)與制作任務(wù)一微信動(dòng)態(tài)表情包形象設(shè)計(jì)任務(wù)二微信動(dòng)態(tài)表情包動(dòng)畫制作項(xiàng)目小結(jié)思考與練習(xí)

項(xiàng)目分析

本項(xiàng)目基于袁貴飛老師原創(chuàng)的動(dòng)漫形象類產(chǎn)品開發(fā)，主要是以“小藍(lán)貓”為主體形象的系列微信表情類動(dòng)畫，圖5-1、圖5-2為該套表情的下載二維碼和主體形象視覺效果。

圖5-1微信表情下載二維碼圖5-2小藍(lán)貓主體形象視覺效果

知識目標(biāo)

1.微信表情類主體性角色形象的設(shè)計(jì)方法。

2.微信表情類動(dòng)畫設(shè)計(jì)的類型設(shè)定。

3.微信表情類動(dòng)畫設(shè)計(jì)與制作規(guī)范。

4.微信表情包各表情類型動(dòng)畫設(shè)計(jì)方法。

5.微信表情動(dòng)畫的發(fā)布設(shè)置及輸出方法。

能力目標(biāo)

1.能夠獨(dú)立設(shè)計(jì)微信表情類動(dòng)畫的主體形象。

2.能夠?qū)ξ⑿疟砬榘膭?dòng)畫表現(xiàn)類型進(jìn)行較全面的歸納和細(xì)分。

3.能夠?qū)γ總€(gè)獨(dú)立的微信表情進(jìn)行動(dòng)畫設(shè)計(jì)和制作。

4.能夠?qū)φ妆砬閯?dòng)畫制作進(jìn)行規(guī)范操作和成品輸出。

任務(wù)一微信動(dòng)態(tài)表情包形象設(shè)計(jì)

任務(wù)目標(biāo)微信動(dòng)態(tài)表情包形象設(shè)計(jì)

1.微信動(dòng)態(tài)表情包主體角色形象的設(shè)計(jì)。

2.微信動(dòng)態(tài)表情包主體角色造型的三視圖制作。

微信動(dòng)態(tài)表情包類型設(shè)計(jì)

1.研究當(dāng)前典型微信動(dòng)態(tài)表情在交流中的主要表達(dá)范圍。

2.對微信動(dòng)態(tài)表情的主體形象適合表達(dá)的范圍進(jìn)行界定。

微信動(dòng)態(tài)表情包各類型具體化形象設(shè)計(jì)

1.依據(jù)主體角色形象的情感表達(dá)范圍進(jìn)行文案性歸類。

2.依據(jù)文案設(shè)定對各類情感進(jìn)行具體化形象設(shè)計(jì)。

一、微信動(dòng)態(tài)表情包形象造型設(shè)計(jì)方法

當(dāng)前微信動(dòng)態(tài)表情主要分為視頻拍攝加文字注釋類、網(wǎng)紅形象加文字注釋類、夸張另類造型加文字注釋類、經(jīng)典動(dòng)漫角色形象加文字注釋類等。除視頻拍攝類和夸張另類造型外，最主流的當(dāng)屬動(dòng)漫類造型，該類動(dòng)態(tài)表情為適應(yīng)交流平臺(tái)的流暢性和動(dòng)畫性情緒表達(dá)的直觀性，往往在造型設(shè)計(jì)上追求角色形象的簡潔性、形象特征的突出性、角色形象的易識性，以及情感內(nèi)容表達(dá)的準(zhǔn)確直觀性，所以其基本造型以更具動(dòng)漫思維化表達(dá)的Q版形象為主，在設(shè)計(jì)基本主體形象時(shí)需注意通盤考慮該角色的性格特點(diǎn)、外觀形象特點(diǎn)，以及在設(shè)計(jì)和表現(xiàn)各種可能性情感動(dòng)態(tài)方面的可實(shí)施性。

二、微信動(dòng)態(tài)表情包類型設(shè)計(jì)規(guī)范

在進(jìn)行微信動(dòng)態(tài)表情設(shè)計(jì)時(shí)，最基本的原則就是保持角色形象在所涉及的各類表情動(dòng)態(tài)中展現(xiàn)出來的角色性格塑造的統(tǒng)一性，所以在設(shè)計(jì)之初就要對角色的鮮活性格、動(dòng)態(tài)特點(diǎn)、情感表達(dá)方式等基本風(fēng)格進(jìn)行設(shè)定。之后在基本風(fēng)格設(shè)定的基礎(chǔ)上保持各動(dòng)態(tài)表情中角色形象的準(zhǔn)確性以增強(qiáng)角色的品牌識別性，最后需注意的是所有動(dòng)態(tài)表情中動(dòng)畫制作質(zhì)量的統(tǒng)一性和動(dòng)態(tài)情緒化表達(dá)的準(zhǔn)確性。有了以上的設(shè)計(jì)規(guī)范才能保障角色形象在用戶使用過程中的易識別性，從而有利于動(dòng)畫角色品牌的形成以及系列衍生產(chǎn)品的開發(fā)。

技能訓(xùn)練

微信動(dòng)態(tài)表情包形象設(shè)計(jì)

(1)制作微信動(dòng)態(tài)表情的第一步就是對角色主體形象進(jìn)行設(shè)計(jì)，在設(shè)計(jì)時(shí)可先重點(diǎn)研究幾種當(dāng)前微信或其他交流平臺(tái)最受歡迎角色形象的特點(diǎn)，再結(jié)合自己的創(chuàng)意進(jìn)行設(shè)計(jì)。本項(xiàng)目中的“小藍(lán)貓”角色就是袁貴飛老師以“可愛”為主要設(shè)計(jì)出發(fā)點(diǎn)，再結(jié)合小貓的現(xiàn)實(shí)形象進(jìn)行的動(dòng)漫化角色形象設(shè)計(jì)，如圖5-3所示。

圖5-3“小藍(lán)貓”主體角色形象設(shè)計(jì)稿

(2)在Flash中新建FLA文檔，命名為“小藍(lán)貓角色形象三視圖”，并保存在提前創(chuàng)建好的“小藍(lán)貓微信表情”文件夾中，文檔大小設(shè)置為1920像素?×

1080像素，如圖5-4、圖5-5所示。

圖5-4新建“小藍(lán)貓角色形象三視圖”FLA文檔圖5-5文檔屬性中舞臺(tái)尺寸設(shè)置

(3)將設(shè)計(jì)好的“小藍(lán)貓”主體角色形象設(shè)計(jì)稿導(dǎo)入到圖層一第1幀處，調(diào)整圖片大小及位置至方便可視，修改該圖層名稱為“造型參考”并鎖定，如圖5-6、圖5-7所示。

圖5-6導(dǎo)入造型參考素材至舞臺(tái)圖5-7設(shè)置素材至方便可視并修改圖層名稱

(4)在圖層控制區(qū)域新建圖層“小藍(lán)貓”，按照造型結(jié)構(gòu)構(gòu)成由后向前的順序，使用“鋼筆工具”并激活工具欄下端的“繪制對象”屬性，參考“造型參考”圖層結(jié)構(gòu)先畫出小藍(lán)貓的身體造型，使用“顏料桶工具”填充白色，如圖5-8、圖5-9所示。

圖5-8選擇使用“鋼筆工具”圖5-9新建“小藍(lán)貓”圖層并繪制身體部分

(5)與(4)中的繪制方法一樣，繪制出小藍(lán)貓的頭部輪廓及四肢造型，并填充白色，填色后刪除多余的線條。當(dāng)涉及的圖層間有遮擋關(guān)系時(shí)，可借助圖層控制區(qū)域的“線框顯示”選項(xiàng)來設(shè)置可視化效果，如圖5-10、圖5-11所示。

圖5-10繪制小藍(lán)貓頭部輪廓及四肢造型圖5-11繪制過程中的線框顯示模式

(6)按照(4)、(5)的方法，繼續(xù)完成耳朵、鼻子、嘴巴、頭發(fā)等造型的繪制并填充相應(yīng)的顏色，然后刪除多余的線條，如圖5-12、圖5-13所示。

圖5-12繪制小藍(lán)貓耳朵、鼻子等造型圖5-13繪制過程中的線框顯示模式

(7)按照(4)、(5)的方法，使用工具欄中的“橢圓工具”完成眼睛、腮紅等造型的繪制并填充相應(yīng)的顏色，然后刪除多余的線條，如圖5-14、圖5-15所示。

圖5-14繪制小藍(lán)貓眼睛、腮紅等造型圖5-15繪制過程中的線框顯示模式

(8)點(diǎn)選“小藍(lán)貓”圖層的第1幀，選中繪制好的全部造型，按下快捷鍵F8，在彈出的對話框中設(shè)置轉(zhuǎn)換成的元件類型為“圖形”，并修改元件名稱為“小藍(lán)貓”，如圖5-16所示。

圖5-16將繪制完成的小藍(lán)貓?jiān)煨驼w轉(zhuǎn)換成名為“小藍(lán)貓”的圖形元件

(9)刪除圖層控制區(qū)域的“造型參考”圖層，調(diào)整小藍(lán)貓?jiān)谖枧_(tái)中的位置，在屬性面板中將其大小在比例鎖定的前提下設(shè)置寬為400像素，如圖5-17、圖5-18所示。

圖5-17刪除“造型參考”圖層并設(shè)置小藍(lán)貓?jiān)谖枧_(tái)的位置圖5-18設(shè)置小藍(lán)貓尺寸大小

(10)在菜單欄“視圖”的下拉選項(xiàng)中選擇“標(biāo)尺”，在舞臺(tái)中自橫向標(biāo)尺位置按下鼠標(biāo)左鍵拖出四條輔助線，用于界定小藍(lán)貓?jiān)煨偷念^身比例，如圖5-19、圖5-20所示。

圖5-19打開“標(biāo)尺”顯示圖5-20用輔助線界定小藍(lán)貓的頭身比例

(11)在“小藍(lán)貓”正面造型和頭身比例線的參考下，逐步設(shè)計(jì)并繪制出“小藍(lán)貓”造型的正背面和3/4側(cè)面，至此“小藍(lán)貓”造型部分制作完畢，如圖5-21、圖5-22所示。

圖5-21參考正面造型和比例繪制背面圖圖5-22參考正面造型和比例繪制3/4側(cè)面圖

(12)接下來對該主體形象進(jìn)行動(dòng)畫類別的文案設(shè)計(jì)，根據(jù)常用范圍及類型將該微信表情的動(dòng)畫類別設(shè)置為四個(gè)大類，分別為情緒回應(yīng)類、支持類、小情緒類、日常類。具體如下：

情緒回應(yīng)類表情：“嗯嗯”“我錯(cuò)了”“哈哈哈哈”“樂開花”“疑問”。

支持類表情：“花花送給你”“為你打CALL”“拜托拜托”。

小情緒類表情：“我生氣啦”“面壁思過”“NONONO”“嗚嗚嗚”。

日常類表情：“你的小可愛上線啦”“拉粑粑”“累到趴下”“吃飯啦”。

(13)參照前面設(shè)計(jì)和制作好的“小藍(lán)貓”角色形象，依次新建五個(gè)獨(dú)立的FLA文件，每個(gè)文檔大小設(shè)置為240像素?×

240像素，逐個(gè)為五個(gè)情緒回應(yīng)類表情的動(dòng)態(tài)設(shè)計(jì)基本形象，并參考前面的繪制方法進(jìn)行造型和填色制作，如圖5-23～圖5-27所示。

圖5-23“小藍(lán)貓”情緒回應(yīng)類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“嗯嗯”圖5-24“小藍(lán)貓”情緒回應(yīng)類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“我錯(cuò)了”圖5-25“小藍(lán)貓”情緒回應(yīng)類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“哈哈哈哈”圖5-26“小藍(lán)貓”情緒回應(yīng)類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“樂開花”圖5-27“小藍(lán)貓”情緒回應(yīng)類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“疑問”

(14)參照前面設(shè)計(jì)和制作好的“小藍(lán)貓”角色形象，依次新建三個(gè)獨(dú)立的FLA文件，每個(gè)文檔大小設(shè)置為240像素?×

240像素，逐個(gè)為三個(gè)支持類表情的動(dòng)態(tài)設(shè)計(jì)基本形象，并參考前面的繪制方法進(jìn)行造型和填色制作，如圖5-28～圖5-30所示。

圖5-28“小藍(lán)貓”支持類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“花花送給你”圖5-29“小藍(lán)貓”支持類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“為你打CALL”圖5-30“小藍(lán)貓”支持類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“拜托拜托”

(15)參照前面設(shè)計(jì)和制作好的“小藍(lán)貓”角色形象，依次新建四個(gè)獨(dú)立的FLA文件，每個(gè)文檔大小設(shè)置為240像素?×

240像素，逐個(gè)為四個(gè)小情緒類表情的動(dòng)態(tài)設(shè)計(jì)基本形象，并參考前面的繪制方法進(jìn)行造型和填色制作，如圖5-31～圖5-34所示。

圖5-31“小藍(lán)貓”小情緒類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“我生氣啦”圖5-32“小藍(lán)貓”小情緒類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“面壁思過”圖5-33“小藍(lán)貓”小情緒類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“NONONO”圖5-34“小藍(lán)貓”小情緒類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“嗚嗚嗚”

(16)參照前面設(shè)計(jì)和制作好的“小藍(lán)貓”角色形象，依次新建四個(gè)獨(dú)立的FLA文件，每個(gè)文檔大小設(shè)置為240像素?×

240像素，逐個(gè)為四個(gè)日常類表情的動(dòng)態(tài)設(shè)計(jì)基本形象，并參考前面的繪制方法進(jìn)行造型和填色制作，如圖5-35～圖5-38所示。

圖5-35“小藍(lán)貓”日常類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“你的小可愛上線啦”圖5-36“小藍(lán)貓”日常類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“拉粑粑”圖5-37“小藍(lán)貓”日常類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“累到趴下”圖5-38“小藍(lán)貓”日常類動(dòng)態(tài)表情基本形象設(shè)計(jì)——“吃飯啦”

任務(wù)二微信動(dòng)態(tài)表情包動(dòng)畫制作

任務(wù)目標(biāo)

情緒類動(dòng)態(tài)表情設(shè)計(jì)與制作

1.情緒回應(yīng)類動(dòng)態(tài)表情動(dòng)畫設(shè)計(jì)與制作——“嗯嗯”“我錯(cuò)了”。

2.支持類動(dòng)態(tài)表情動(dòng)畫設(shè)計(jì)與制作——“花花送給你”“為你打CALL”。

3.小情緒類動(dòng)態(tài)表情動(dòng)畫設(shè)計(jì)與制作——“生氣啦”“面壁思過”。

4.日常類動(dòng)態(tài)表情動(dòng)畫設(shè)計(jì)與制作——“你的小可愛上線啦”“拉粑粑”。

一、動(dòng)態(tài)表情設(shè)計(jì)中的文字動(dòng)畫設(shè)計(jì)

動(dòng)態(tài)表情中的文字動(dòng)畫設(shè)計(jì)主要是對角色主體動(dòng)態(tài)的注釋，除以文字動(dòng)畫為主的表情外，多數(shù)微信表情中的文字動(dòng)畫相對比較簡單、直接，是對角色動(dòng)態(tài)的一種補(bǔ)充，所以在進(jìn)行文字動(dòng)畫設(shè)計(jì)時(shí)最基本的設(shè)計(jì)內(nèi)容分為兩方面：

一方面是文案設(shè)計(jì)，主要由當(dāng)下最流行的網(wǎng)絡(luò)用語或社會(huì)接受度比較高的娛樂性事件的核心主題詞等構(gòu)成，重點(diǎn)在于以好玩的角色動(dòng)態(tài)形象來傳達(dá)用戶交流過程中的情感化感受，比純文字交流在感官上更具活潑性和感染力；

另一方面則是文字的視覺效果和動(dòng)態(tài)效果設(shè)計(jì)，微信表情中的文字視覺效果普遍的設(shè)計(jì)風(fēng)格為活潑可愛型的字體，且文字動(dòng)畫的構(gòu)圖設(shè)計(jì)多與角色動(dòng)畫設(shè)計(jì)中情感表現(xiàn)的核心出發(fā)點(diǎn)緊密結(jié)合，但絕不能喧賓奪主，它只是對角色動(dòng)畫的一種補(bǔ)充和畫面構(gòu)圖完整性的需要。

二、動(dòng)態(tài)表情中動(dòng)畫設(shè)計(jì)的規(guī)范和要求

在開發(fā)同一主體角色的系列動(dòng)態(tài)表情時(shí)，第一個(gè)最基本的規(guī)范是角色主體形象的準(zhǔn)確性和統(tǒng)一性，這就是最初設(shè)計(jì)和制作主體角色形象三視圖的原因所在。第二個(gè)規(guī)范是保持角色動(dòng)態(tài)中表演風(fēng)格的統(tǒng)一性，這一點(diǎn)由設(shè)計(jì)者在早期角色設(shè)計(jì)時(shí)對角色的性格定位決定，在此基礎(chǔ)上無論開發(fā)多少種動(dòng)態(tài)表情都要保持角色形象塑造的統(tǒng)一性。第三個(gè)規(guī)范是動(dòng)畫設(shè)計(jì)時(shí)意圖表達(dá)的準(zhǔn)確性和簡約性，動(dòng)態(tài)表情動(dòng)畫只是一種直觀的情感或情緒表達(dá)，不能涉及太多的寓意，且時(shí)間設(shè)定不能太長。第四個(gè)規(guī)范是開發(fā)動(dòng)態(tài)表情時(shí)不能有太暴露，以及有損社會(huì)功德和國家形象的內(nèi)容。

技能訓(xùn)練1

微信動(dòng)態(tài)表情包動(dòng)畫制作——情緒回應(yīng)類表情

一、情緒回應(yīng)類動(dòng)態(tài)表情“嗯嗯”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“嗯嗯”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按下快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-39所示。

圖5-39將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級中雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成的各圖層名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-40、圖5-41所示。

圖5-40將表情形象各造型結(jié)構(gòu)分散到圖層圖5-41對新生成的各圖層進(jìn)行重命名

(3)在各圖層的第4幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～4幀，參考第1幀內(nèi)容制作小藍(lán)貓微微抬頭張開嘴巴的態(tài)勢，如圖5-42所示。

圖5-42參照第1幀造型調(diào)整或繪制第4幀的態(tài)勢

(4)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第1～4幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，1～4幀小藍(lán)貓?zhí)ь^張嘴巴的動(dòng)畫制作完畢，如圖5-43所示。

圖5-43給所有圖層的1～4幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(5)在各圖層的第7幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～7幀，參考第4幀內(nèi)容制作小藍(lán)貓微微低頭的態(tài)勢，如圖5-44所示。

圖5-44參照第4幀造型調(diào)整或繪制第7幀微微低頭的態(tài)勢

(6)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第4～7幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，4～7幀小藍(lán)貓微微低頭的動(dòng)畫制作完畢，如圖5-45所示。

圖5-45給所有圖層的4～7幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(7)在各圖層的第10幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～10幀，參考第10幀內(nèi)容制作小藍(lán)貓?zhí)ь^的態(tài)勢，如圖5-46所示。

圖5-46參照第7幀造型調(diào)整或繪制第10幀抬頭的態(tài)勢

(8)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第7～10幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，7～10幀小藍(lán)貓?zhí)ь^的動(dòng)畫制作完畢，如圖5-47所示。

圖5-47給所有圖層的7～10幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(9)按住鼠標(biāo)左鍵選中所有圖層的第1幀，右擊鼠標(biāo)選擇“復(fù)制幀”命令，然后用鼠標(biāo)選中所有圖層的第13幀處，右擊鼠標(biāo)選擇“粘貼幀”命令，完成第10～13幀小藍(lán)貓閉嘴巴微低頭恢復(fù)起始狀態(tài)的動(dòng)畫，如圖5-48～圖5-50所示。

圖5-48選中所有圖層的第1幀右擊鼠標(biāo)選擇“復(fù)制幀”命令圖5-49選中所有圖層的第13幀右擊鼠標(biāo)選擇“粘貼幀”命令圖5-50制作好的第10～13幀小藍(lán)貓狀態(tài)恢復(fù)的動(dòng)畫效果

(10)在時(shí)間軸區(qū)域，在除“左耳”“右耳”圖層外的其他所有圖層的第21幀處按下快捷鍵F5，增加各圖層的顯示時(shí)間長度。在“左耳”“右耳”圖層的第17幀、第21幀處按下快捷鍵F6，創(chuàng)建關(guān)鍵幀，如圖5-51所示。

圖5-51在相應(yīng)圖層的指定幀創(chuàng)建普通幀或關(guān)鍵幀

(11)打開時(shí)間軸區(qū)域的“繪圖紙外觀”，設(shè)置其控制范圍為第13～21幀，將時(shí)間軸指針定位到第17幀處，為小藍(lán)貓制作雙耳微動(dòng)的動(dòng)畫效果，如圖5-52所示。

圖5-52制作第13～21幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫效果

(12)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有“左耳”“右耳”圖層的第13～17幀、第17～21幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第13～21幀小藍(lán)貓耳朵微動(dòng)的動(dòng)畫制作完畢，如圖5-53、圖5-54所示。

圖5-53分別為“左耳”“右耳”圖層的第13～17幀、第17～21幀之間創(chuàng)建補(bǔ)間動(dòng)畫圖5-54制作好的第13～21幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫效果

(13)在時(shí)間軸區(qū)域選擇所有圖層的第24幀處，按下快捷鍵F5創(chuàng)建普通幀，增加各圖層的時(shí)間顯示長度，如圖5-55所示。

圖5-55增加所有圖層的時(shí)間顯示長度至第24幀處

(14)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第24幀處，右擊鼠標(biāo)選擇“插入幀”命令，則該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按下“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-56、圖5-57所示。

圖5-56增加“文字”“表情形象”圖層的時(shí)間顯示長度至第24幀處圖5-57動(dòng)態(tài)表情動(dòng)畫測試效果

(15)在菜單欄“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，將其命名為“嗯嗯”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“嗯嗯”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-58～圖5-60所示。圖5-58動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令選擇圖5-59選擇保存類型為“GIF動(dòng)畫”圖5-60導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

二、情緒回應(yīng)類動(dòng)態(tài)表情“我錯(cuò)了”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“我錯(cuò)了”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按下快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-61所示。

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“我錯(cuò)了”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按下快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-61所示。

圖5-61將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級中雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成的各圖層名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-62、圖5-63所示。

圖5-62將表情形象各造型結(jié)構(gòu)分散到圖層圖5-63對新生成的各圖層重命名

(3)在各圖層的第5幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～5幀，參考第1幀內(nèi)容制作小藍(lán)貓下跪的態(tài)勢，如圖5-64所示。

圖5-64參照第1幀造型調(diào)整或繪制第5幀的態(tài)勢

(4)在各圖層的第7幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～7幀，參考第5幀內(nèi)容制作小藍(lán)貓身體前傾膝蓋著地的態(tài)勢，如圖5-65所示。

圖5-65參照第5幀造型制作第7幀身體前傾膝蓋著地的態(tài)勢

(5)在各圖層的第11幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～11幀，參考第7幀內(nèi)容制作小藍(lán)貓頭低頭目視地面的態(tài)勢，如圖5-66所示。

圖5-66參照第7幀造型制作第11幀低頭目視地面的態(tài)勢

(6)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇“眼睛”“頭發(fā)”“左腮紅”“右腮紅”“嘴巴”“鼻子”“左耳”“頭部輪廓”“右耳”圖層第7～11幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，7～11幀小藍(lán)貓低頭目視地面的動(dòng)畫制作完畢，如圖5-67所示。

圖5-67給相應(yīng)圖層的7～11幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(7)在時(shí)間軸區(qū)域，在所有圖層的第25幀處按下快捷鍵F5，增加各圖層的顯示時(shí)間長度，在“左耳”“右耳”圖層的第16、21幀處按下快捷鍵F6，創(chuàng)建關(guān)鍵幀，如圖5-68所示。

圖5-68在相應(yīng)的圖層指定幀創(chuàng)建普通幀或關(guān)鍵幀

(8)打開時(shí)間軸區(qū)域的“繪圖紙外觀”，設(shè)置其控制范圍為第11～21幀，將時(shí)間軸指針定位到第16幀處，為小藍(lán)貓制作雙耳微動(dòng)的動(dòng)畫效果，如圖5-69所示。

圖5-69制作第11～21幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫效果

(9)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有“左耳”“右耳”圖層的第11～16幀、第16～21幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，11～21幀小藍(lán)貓耳朵微動(dòng)的動(dòng)畫制作完畢，如圖5-70、圖5-71所示。

圖5-70分別在“左耳”“右耳”圖層的第11～16幀、第16～21幀之間創(chuàng)建補(bǔ)間動(dòng)畫圖5-71制作好的第11～21幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫效果

(10)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第25幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按下“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-72、圖5-73所示。

圖5-72增加兩圖層的時(shí)間顯示長度至第25幀處圖5-73動(dòng)態(tài)表情動(dòng)畫測試效果

(11)在菜單欄“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，將其命名為“我錯(cuò)了”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“我錯(cuò)了”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-74～圖5-76所示。圖5-74選擇導(dǎo)出影片命令圖5-75影片保存格式及名稱圖5-76導(dǎo)出GIF相關(guān)設(shè)置

技能訓(xùn)練2

微信動(dòng)態(tài)表情包動(dòng)畫制作——支持類表情

一、支持類動(dòng)態(tài)表情“花花送給你”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“花花送給你”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按下快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-77所示。

圖5-77將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級中雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成的各圖層名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-78、圖5-79所示。

圖5-78將表情形象各造型結(jié)構(gòu)分散到圖層圖5-79對新生成的各圖層重命名

(3)根據(jù)動(dòng)畫設(shè)計(jì)需要，先在“表情動(dòng)畫”元件內(nèi)部制作“左眼”“右眼”圖層第1幀上的眨眼動(dòng)畫元件。使用“選擇工具”在舞臺(tái)中點(diǎn)選左眼的造型結(jié)構(gòu)，按下快捷鍵F8將其轉(zhuǎn)換成名為“眨眼動(dòng)畫”的圖形元件，如圖5-80所示。

圖5-80將“左眼”圖層內(nèi)容選中并將其轉(zhuǎn)換成名為“眨眼動(dòng)畫”的圖形元件

(4)在舞臺(tái)中雙擊“眨眼動(dòng)畫”圖形元件進(jìn)入其內(nèi)部，將圖層1名稱修改為“眨眼動(dòng)畫”，如圖5-81所示。

圖5-81在“眨眼動(dòng)畫”元件內(nèi)將圖層1名稱改為“眨眼動(dòng)畫”

(5)在“眨眼動(dòng)畫”圖層的第5幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～5幀，參考第1幀內(nèi)容制作小藍(lán)貓眼睛微笑瞇起的態(tài)勢，如圖5-82所示。

圖5-82參照第1幀造型調(diào)整或繪制第5幀眼睛微笑瞇起的態(tài)勢

(6)關(guān)閉“繪圖紙外觀”功能，在“眨眼動(dòng)畫”圖層的第28幀處按下快捷鍵F5，延長其顯示的時(shí)間長度，至此小藍(lán)貓微笑瞇眼動(dòng)畫制作完畢。然后在“表情動(dòng)畫”元件層級將“右眼”圖層的內(nèi)容替換為“眨眼動(dòng)畫”圖形元件，與原位置保持一致，如圖5-83所示。

圖5-83在“眨眼動(dòng)畫”圖層的第28幀處按快捷鍵F5延長其顯示的時(shí)間長度

(7)在“表情動(dòng)畫”元件層級各圖層的第5幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～5幀，參考第1幀內(nèi)容制作小藍(lán)貓低頭聞花的態(tài)勢，其中需依次選中“左眼”和“右眼”圖層中的“眨眼動(dòng)畫”元件，將其屬性面板“循環(huán)”選項(xiàng)中的“第1幀”設(shè)置為7，瞇眼動(dòng)態(tài)設(shè)置完畢，如圖5-84、圖5-85所示。

圖5-84制作第5幀小藍(lán)貓低頭聞花的態(tài)勢圖5-85設(shè)置第5幀上小藍(lán)貓瞇眼的態(tài)勢

(8)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第1～7幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第1～7幀小藍(lán)貓低頭瞇眼聞花的動(dòng)畫制作完畢，如圖5-86所示。

圖5-86在所有圖層的第1～5幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(9)在各圖層的第11幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～11幀，參考第7幀內(nèi)容制作小藍(lán)貓瞇眼抬頭張嘴的態(tài)勢，如圖5-87所示。

圖5-87參考第7幀內(nèi)容制作第11幀上小藍(lán)貓瞇眼抬頭張嘴的態(tài)勢

(10)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第7～11幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第7～11幀小藍(lán)貓瞇眼抬頭張嘴的動(dòng)畫制作完畢，如圖5-88所示。

圖5-88給所有圖層的7～11幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(11)在各圖層的第25幀處按下快捷鍵F5創(chuàng)建普通幀，在“左耳”“右耳”圖層的第16、21幀處按下快捷鍵F6創(chuàng)建關(guān)鍵幀，如圖5-89所示。

圖5-89給相應(yīng)圖層的指定位置創(chuàng)建普通幀或關(guān)鍵幀

(12)打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?1～25幀，參考第11幀內(nèi)容制作第16、21幀上小藍(lán)貓雙耳微動(dòng)的態(tài)勢，如圖5-90所示。

圖5-90參照第11幀造型制作第16、21幀雙耳微動(dòng)的態(tài)勢

(13)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇“左耳”“右耳”圖層第11～16、16～21幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第11～21幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫制作完畢，如圖5-91所示。

圖5-91給“左耳”“右耳”圖層的11～16、16～21幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(14)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第25幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按下“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-92、圖5-93所示。

圖5-92延長場景1層級兩圖層的顯示時(shí)間長度至25幀圖5-93動(dòng)畫測試效果

(15)在菜單欄中“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，命名為“花花送給你”保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“花花送給你”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-94～圖5-96所示。圖5-94動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令選擇圖5-95選擇保存類型為“GIF動(dòng)畫”圖5-96導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

二、支持類動(dòng)態(tài)表情“為你打CALL”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“為你打CALL”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-97所示。

二、支持類動(dòng)態(tài)表情“為你打CALL”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“為你打CALL”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-97所示。

圖5-97將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成各圖層的名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-98、圖5-99所示。

圖5-98將表情形象各造型結(jié)構(gòu)分散到圖層

圖5-99對新生成的各圖層重命名

(3)在各圖層的第4幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～4幀，參考第1幀內(nèi)容制作小藍(lán)貓身體前傾揮動(dòng)熒光棒的態(tài)勢，如圖5-100所示。

圖5-100參照第1幀造型調(diào)整或繪制第4幀的態(tài)勢

(4)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第1～4幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第1～4幀小藍(lán)貓身體前傾揮動(dòng)熒光棒的動(dòng)畫制作完畢，如圖5-101所示。

圖5-101給所有圖層的1～4幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(5)在各圖層的第7幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～7幀，參考第1幀內(nèi)容制作小藍(lán)貓身體繼續(xù)前傾揮動(dòng)熒光棒的態(tài)勢，如圖5-102所示。

圖5-102參照第4幀造型調(diào)整或繪制第7幀身體繼續(xù)前傾的態(tài)勢

(6)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第4～7幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第4～7幀小藍(lán)貓身體繼續(xù)前傾揮動(dòng)熒光棒的動(dòng)畫制作完畢，如圖5-103所示。

圖5-103給所有圖層的4～7幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(7)用“選擇工具”選中所有圖層的第1～4幀，右擊鼠標(biāo)選擇“復(fù)制幀”命令，如圖5-104所示。

圖5-104復(fù)制所有圖層的第1～4幀

(8)用“選擇工具”選中所有圖層的第10～14幀，右擊鼠標(biāo)選擇“粘貼幀”命令，如圖5-105所示。

圖5-105復(fù)制所有圖層的第1～4幀粘貼至第10～14幀處

(9)用“選擇工具”選中所有圖層的第10～14幀，右擊鼠標(biāo)選擇“翻轉(zhuǎn)幀”命令，如圖5-106所示。

圖5-106為所有圖層的第10～14幀執(zhí)行“翻轉(zhuǎn)幀”命令

(10)用鼠標(biāo)左鍵選擇所有圖層第7～10幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，至此小藍(lán)貓揮動(dòng)熒光棒向后收身的動(dòng)畫制作完畢，如圖5-107所示。圖5-107給所有圖層的7～10幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(11)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第13幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-108、圖5-109所示。

圖5-108延長場景1層級兩圖層的顯示時(shí)間長度至13幀圖5-109動(dòng)畫測試效果

(12)在菜單欄“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，命名為“為你打CALL”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“為你打CALL”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-110～圖5-112所示。

圖5-110動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令圖5-111選擇保存類型為“GIF動(dòng)畫”圖5-112導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

技能訓(xùn)練3

微信動(dòng)態(tài)表情包動(dòng)畫制作——小情緒類表情

一、小情緒類動(dòng)態(tài)表情“生氣啦”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“生氣啦”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按下快捷鍵F8將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-113所示。

圖5-113將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級中雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成各圖層的名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-114、圖5-115所示。

圖5-114將表情形象各造型結(jié)構(gòu)分散到圖層圖5-115對新生成的各圖層重命名

(3)在所有圖層的第3、5、7幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～7幀，參考第1幀內(nèi)容制作小藍(lán)貓生氣抱手于胸前的態(tài)勢，如圖5-116所示。

圖5-116制作各圖層第1～7幀之間小藍(lán)貓生氣抱手于胸前的態(tài)勢

(4)在所有圖層的第11幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～11幀，參考第7幀內(nèi)容制作小藍(lán)貓抱手低頭的態(tài)勢，如圖5-117所示。

圖5-117制作小藍(lán)貓抱手低頭的態(tài)勢

(5)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第7～11幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第7～11幀小藍(lán)貓生氣抱手低頭的動(dòng)畫制作完畢，如圖5-118所示。

圖5-118制作第7～11幀之間補(bǔ)間動(dòng)畫

(6)在各圖層的第19幀處按快捷鍵F5創(chuàng)建普通幀，在“左耳”“右耳”圖層的第15、19幀處按快捷鍵F6，創(chuàng)建關(guān)鍵幀，如圖5-119所示。

圖5-119給相應(yīng)圖層的指定位置創(chuàng)建普通幀或關(guān)鍵幀

(7)打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?1～19幀，參考第11幀內(nèi)容制作第15、19幀上小藍(lán)貓雙耳微動(dòng)的態(tài)勢，如圖5-120所示。

圖5-120參照第11幀內(nèi)容制作第15、19幀雙耳微動(dòng)的態(tài)勢

(8)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇“左耳”“右耳”圖層第11～15、第15～19幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第11～19幀小藍(lán)貓雙耳微動(dòng)的動(dòng)畫制作完畢，如圖5-121所示。

圖5-121給“左耳”“右耳”圖層的第11～15、第15～19幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(9)使用“選擇工具”選中所有圖層的第50幀，右擊鼠標(biāo)選擇“插入幀”命令，如圖5-122所示。

圖5-122延長所有圖層的顯示時(shí)間長度到50幀處

(10)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第50幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-123、圖5-124所示。

圖5-123延長場景1層級兩圖層的顯示時(shí)間長度至50幀圖5-124動(dòng)畫測試效果

(11)在菜單欄“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，命名為“生氣啦”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“生氣啦”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-125～圖5-127所示。

圖5-125動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令選擇圖5-126選擇保存類型為“GIF動(dòng)畫”圖5-127導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

二、小情緒類動(dòng)態(tài)表情“面壁思過”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“面壁思過”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-128所示。

二、小情緒類動(dòng)態(tài)表情“面壁思過”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“面壁思過”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8，將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-128所示。

圖5-128將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成各圖層的名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-129、圖5-130所示。

圖5-129將表情形象各造型結(jié)構(gòu)分散到圖層圖5-130對新生成的各圖層重命名

(3)根據(jù)動(dòng)畫設(shè)計(jì)需要，先在“表情動(dòng)畫”元件內(nèi)部制作“左耳”“右耳”圖層第一幀上的眨眼動(dòng)畫元件。使用“選擇工具”在舞臺(tái)中點(diǎn)選左耳的造型結(jié)構(gòu)，按快捷鍵F8將其轉(zhuǎn)換成名為“耳朵動(dòng)畫”的圖形元件，如圖5-131所示。

圖5-131將“左耳”圖層內(nèi)容選中并將其轉(zhuǎn)換成名為“耳朵動(dòng)畫”的圖形元件

(4)在舞臺(tái)中雙擊“耳朵動(dòng)畫”圖形元件進(jìn)入其內(nèi)部，將圖層1修改名稱為“耳朵動(dòng)畫”。在“耳朵動(dòng)畫”圖層的第5、9、13、17幀處按F6鍵分別創(chuàng)建關(guān)鍵幀，打開“繪圖紙外觀”，制作小藍(lán)貓耳朵微動(dòng)的動(dòng)畫，調(diào)整好后在第1～5、5～9、9～13、13～17幀中間創(chuàng)建“傳統(tǒng)補(bǔ)間動(dòng)畫”，并增加時(shí)間軸的顯示長度至25幀處，如圖5-132所示。

圖5-132在“耳朵動(dòng)畫”圖形元件內(nèi)部制作小藍(lán)貓耳朵微動(dòng)動(dòng)畫

(5)進(jìn)入“表情動(dòng)畫”元件層級，將“右耳”圖層的耳朵造型替換成“左耳”圖層制作好的“耳朵動(dòng)畫”元件，并調(diào)整其角度和位置與原來圖層造型保持一致。

(6)在“左耳”“右耳”圖層的第6幀處按快捷鍵F5創(chuàng)建普通幀，在其他圖層的第6幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～6幀，參考第1幀內(nèi)容制作小藍(lán)貓身體微動(dòng)的態(tài)勢，如圖5-133所示。

圖5-133參考第1幀制作第6幀小藍(lán)貓身體微動(dòng)的態(tài)勢

(7)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇除“左耳”“右耳”外其他圖層的第1～6幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第1～6幀小藍(lán)貓身體微動(dòng)的動(dòng)畫制作完畢，如圖5-134所示。

圖5-134制作第1～6幀之間小藍(lán)貓身體微動(dòng)的補(bǔ)間動(dòng)畫

(8)在“左耳”“右耳”圖層的第10幀處按快捷鍵F5創(chuàng)建普通幀，在其他圖層的第10幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～10幀，參考第1幀內(nèi)容制作小藍(lán)貓身體繼續(xù)微動(dòng)的態(tài)勢，如圖5-135所示。

圖5-135參考第1幀制作第10幀小藍(lán)貓身體繼續(xù)微動(dòng)的態(tài)勢

(9)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇除“左耳”“右耳”外其他圖層的第6～10幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第6～10幀小藍(lán)貓身體繼續(xù)微動(dòng)的動(dòng)畫制作完畢，如圖5-136所示。

圖5-136制作第6～10幀之間小藍(lán)貓身體繼續(xù)微動(dòng)的補(bǔ)間動(dòng)畫

(10)在所有圖層的第25幀處創(chuàng)建普通幀，在“頭發(fā)”圖層的第15、20幀處創(chuàng)建關(guān)鍵幀，打開“繪圖紙外觀”參照第10幀制作第10～20幀之間小藍(lán)貓發(fā)梢繼續(xù)擺動(dòng)的動(dòng)畫，如圖5-137所示。

圖5-137延長所有圖層的時(shí)間顯示長度至25幀處并制作發(fā)梢繼續(xù)擺動(dòng)的動(dòng)畫

(11)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第25幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-138、圖5-139所示。

圖5-138延長場景1層級兩圖層的顯示時(shí)間長度至25幀圖5-139動(dòng)畫測試效果

(12)在菜單欄中“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，命名為“面壁思過”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“面壁思過”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-140～圖5-142所示。

圖5-140動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令圖5-141選擇保存類型為“GIF動(dòng)畫”圖5-142導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

技能訓(xùn)練4

微信動(dòng)態(tài)表情包動(dòng)畫制作——日常類表情

一、日常類動(dòng)態(tài)表情“你的小可愛上線啦”的具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“你的小可愛上線啦”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-143所示。

圖5-143將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成各圖層的名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-144、圖5-145所示。

圖5-144將表情形象各造型結(jié)構(gòu)分散到圖層圖5-145對新生成的各圖層重命名

(3)在各圖層的第5幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～5幀，參考第1幀內(nèi)容制作小藍(lán)貓身體向左可愛扭動(dòng)的態(tài)勢，如圖5-146所示。

圖5-146參照第1幀造型調(diào)整或繪制第5幀的態(tài)勢

(4)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第1～5幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第1～5幀小藍(lán)貓身體向左可愛扭動(dòng)的動(dòng)畫制作完畢，如圖5-147所示。

圖5-147給所有圖層的1～5幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(5)在各圖層的第9幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～9幀，參考第5幀內(nèi)容制作小藍(lán)貓身體繼續(xù)向左扭動(dòng)的態(tài)勢，如圖5-148所示。圖5-148參照第5幀內(nèi)容調(diào)整或繪制第9幀的態(tài)勢

(6)關(guān)閉“繪圖紙外觀”功能，用鼠標(biāo)左鍵選擇所有圖層第5～9幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，第5～9幀小藍(lán)貓身體身體繼續(xù)向左扭動(dòng)的動(dòng)畫制作完畢，如圖5-149所示。

圖5-149給所有圖層的5～9幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(7)用“選擇工具”選中所有圖層的第1～5幀，右擊鼠標(biāo)選擇“復(fù)制幀”命令，如圖5-150所示。

圖5-150復(fù)制所有圖層的第1～5幀

(8)用“選擇工具”選中所有圖層的第13～17幀，右擊鼠標(biāo)選擇“粘貼幀”命令，如圖5-151所示。

圖5-151復(fù)制所有圖層的第1～5幀粘貼至第13～17幀處

(9)用“選擇工具”選中所有圖層的第13～17幀，右擊鼠標(biāo)選擇“翻轉(zhuǎn)幀”命令，如圖5-152所示。

圖5-152為所有圖層的第13～17幀執(zhí)行“翻轉(zhuǎn)幀”命令

(10)用鼠標(biāo)左鍵選擇所有圖層第9～13幀中間的任意位置，右擊鼠標(biāo)選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，至此小藍(lán)貓向右扭動(dòng)身體的動(dòng)畫制作完畢，如圖5-153所示。

圖5-153給所有圖層的9～13幀之間創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

(11)進(jìn)入場景1層級，在時(shí)間軸區(qū)域選中“文字”“表情形象”兩圖層的第17幀處，右擊鼠標(biāo)選擇“插入幀”命令，該動(dòng)態(tài)表情動(dòng)畫制作完畢，可按“Ctrl

+

Enter”組合鍵測試動(dòng)畫效果，如圖5-154、圖5-155所示。

圖5-154延長場景1層級兩圖層的顯示時(shí)間長度至17幀圖5-155動(dòng)畫測試效果

(12)在菜單欄“文件”選項(xiàng)的下拉菜單中選擇“導(dǎo)出”→“導(dǎo)出影片”命令，在彈出的對話框中選擇“GIF動(dòng)畫”類型，命名為“你的小可愛上線啦”并保存到指定文件夾，點(diǎn)擊“保存”按鈕。最后在彈出的“導(dǎo)出GIF”對話框中點(diǎn)擊“確定”按鈕，文件自動(dòng)生成至指定文件夾，至此，“你的小可愛上線啦”動(dòng)態(tài)表情動(dòng)畫制作完畢，如圖5-156～圖5-158所示。圖5-156動(dòng)態(tài)表情動(dòng)畫影片導(dǎo)出命令圖5-157選擇保存類型為“GIF動(dòng)畫”圖5-158導(dǎo)出GIF動(dòng)畫的相關(guān)設(shè)置

二、日常類動(dòng)態(tài)表情“拉粑粑”具體步驟

(1)打開在動(dòng)態(tài)表情基本形象設(shè)計(jì)階段完成好的表情“拉粑粑”的FLA文件，在圖層控制區(qū)域鎖定“文字”圖層，用“選擇工具”框選“表情形象”圖層的全部造型，按快捷鍵F8將表情形象轉(zhuǎn)換成圖形元件，命名為“表情動(dòng)畫”，如圖5-159所示。

圖5-159將“表情形象”圖層內(nèi)容選中并整體轉(zhuǎn)換成名為“表情動(dòng)畫”的圖形元件

(2)在場景1層級雙擊“表情動(dòng)畫”圖形元件，進(jìn)入該元件內(nèi)部，框選該表情形象的全部造型，右擊鼠標(biāo)在彈出的選項(xiàng)框中選擇“分散到圖層”命令，刪除變成空白圖層的“圖層1”，并將新生成各圖層的名稱改成與該圖層內(nèi)容相對應(yīng)的結(jié)構(gòu)名稱，如圖5-160、圖5-161所示。

圖5-160將表情形象各造型結(jié)構(gòu)分散到圖層圖5-161對新生成的各圖層進(jìn)行重命名

(3)根據(jù)動(dòng)畫設(shè)計(jì)需要，先在“表情動(dòng)畫”元件內(nèi)部制作“左腿”圖層第一幀上的左腿擺動(dòng)動(dòng)畫元件。使用“選擇工具”在舞臺(tái)中點(diǎn)選左腿的造型結(jié)構(gòu)，按快捷鍵F8將其轉(zhuǎn)換成名為“左腿動(dòng)畫”的圖形元件，如圖5-162所示。

圖5-162將“左腿”圖層內(nèi)容選中并將其轉(zhuǎn)換成名為“左腿動(dòng)畫”的圖形元件

(4)在舞臺(tái)中雙擊“左腿動(dòng)畫”圖形元件進(jìn)入其內(nèi)部，將圖層1名稱修改為“左腿動(dòng)畫”，如圖5-163所示。

圖5-163將“左腿動(dòng)畫”元件內(nèi)的圖層1名稱改為“左腿動(dòng)畫”

(5)在“左腿動(dòng)畫”圖層的第3、5、7幀處按快捷鍵F6創(chuàng)建關(guān)鍵幀，在第8幀處按快捷鍵創(chuàng)建普通幀，打開時(shí)間軸區(qū)域的“繪圖紙外觀”，調(diào)整其控制區(qū)域?yàn)?～7幀，參考第1幀內(nèi)容制作小藍(lán)貓左腿擺動(dòng)的動(dòng)畫，如圖5-164所示。

圖5-164參照第1幀造型調(diào)整或繪制第3、5、