《Flash動畫設計與制作》課件-第5章

實訓項目五

微信動態(tài)表情包設計與制作任務一微信動態(tài)表情包形象設計任務二微信動態(tài)表情包動畫制作項目小結思考與練習

項目分析

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

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

知識目標

1.微信表情類主體性角色形象的設計方法。

2.微信表情類動畫設計的類型設定。

3.微信表情類動畫設計與制作規(guī)范。

4.微信表情包各表情類型動畫設計方法。

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

能力目標

1.能夠獨立設計微信表情類動畫的主體形象。

2.能夠對微信表情包的動畫表現(xiàn)類型進行較全面的歸納和細分。

3.能夠對每個獨立的微信表情進行動畫設計和制作。

4.能夠對整套表情動畫制作進行規(guī)范操作和成品輸出。

任務一微信動態(tài)表情包形象設計

任務目標微信動態(tài)表情包形象設計

1.微信動態(tài)表情包主體角色形象的設計。

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

微信動態(tài)表情包類型設計

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

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

微信動態(tài)表情包各類型具體化形象設計

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

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

一、微信動態(tài)表情包形象造型設計方法

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

二、微信動態(tài)表情包類型設計規(guī)范

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

技能訓練

微信動態(tài)表情包形象設計

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

圖5-3“小藍貓”主體角色形象設計稿

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

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

圖5-4新建“小藍貓角色形象三視圖”FLA文檔圖5-5文檔屬性中舞臺尺寸設置

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

圖5-6導入造型參考素材至舞臺圖5-7設置素材至方便可視并修改圖層名稱

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

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

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

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

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

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

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

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

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

圖5-16將繪制完成的小藍貓造型整體轉換成名為“小藍貓”的圖形元件

(9)刪除圖層控制區(qū)域的“造型參考”圖層，調整小藍貓在舞臺中的位置，在屬性面板中將其大小在比例鎖定的前提下設置寬為400像素，如圖5-17、圖5-18所示。

圖5-17刪除“造型參考”圖層并設置小藍貓在舞臺的位置圖5-18設置小藍貓尺寸大小

(10)在菜單欄“視圖”的下拉選項中選擇“標尺”，在舞臺中自橫向標尺位置按下鼠標左鍵拖出四條輔助線，用于界定小藍貓造型的頭身比例，如圖5-19、圖5-20所示。

圖5-19打開“標尺”顯示圖5-20用輔助線界定小藍貓的頭身比例

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

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

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

情緒回應類表情：“嗯嗯”“我錯了”“哈哈哈哈”“樂開花”“疑問”。

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

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

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

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

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

圖5-23“小藍貓”情緒回應類動態(tài)表情基本形象設計——“嗯嗯”圖5-24“小藍貓”情緒回應類動態(tài)表情基本形象設計——“我錯了”圖5-25“小藍貓”情緒回應類動態(tài)表情基本形象設計——“哈哈哈哈”圖5-26“小藍貓”情緒回應類動態(tài)表情基本形象設計——“樂開花”圖5-27“小藍貓”情緒回應類動態(tài)表情基本形象設計——“疑問”

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

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

圖5-28“小藍貓”支持類動態(tài)表情基本形象設計——“花花送給你”圖5-29“小藍貓”支持類動態(tài)表情基本形象設計——“為你打CALL”圖5-30“小藍貓”支持類動態(tài)表情基本形象設計——“拜托拜托”

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

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

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

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

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

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

任務二微信動態(tài)表情包動畫制作

任務目標

情緒類動態(tài)表情設計與制作

1.情緒回應類動態(tài)表情動畫設計與制作——“嗯嗯”“我錯了”。

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

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

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

一、動態(tài)表情設計中的文字動畫設計

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

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

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

二、動態(tài)表情中動畫設計的規(guī)范和要求

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

技能訓練1

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

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

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

圖5-39將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-40將表情形象各造型結構分散到圖層圖5-41對新生成的各圖層進行重命名

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

圖5-52制作第13～21幀小藍貓雙耳微動的動畫效果

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

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

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

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

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

+

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

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

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

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

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

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

圖5-61將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-62將表情形象各造型結構分散到圖層圖5-63對新生成的各圖層重命名

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

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

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

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

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

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

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

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

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

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

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

圖5-69制作第11～21幀小藍貓雙耳微動的動畫效果

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

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

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

+

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

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

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

技能訓練2

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

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

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

圖5-77將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-78將表情形象各造型結構分散到圖層圖5-79對新生成的各圖層重命名

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

圖5-80將“左眼”圖層內容選中并將其轉換成名為“眨眼動畫”的圖形元件

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

圖5-81在“眨眼動畫”元件內將圖層1名稱改為“眨眼動畫”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(12)打開時間軸區(qū)域的“繪圖紙外觀”，調整其控制區(qū)域為11～25幀，參考第11幀內容制作第16、21幀上小藍貓雙耳微動的態(tài)勢，如圖5-90所示。

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

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

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

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

+

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

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

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

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

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

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

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

圖5-97將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-98將表情形象各造型結構分散到圖層

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

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

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

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

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

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

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

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

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

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

圖5-104復制所有圖層的第1～4幀

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

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

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

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

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

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

+

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

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

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

圖5-110動態(tài)表情動畫影片導出命令圖5-111選擇保存類型為“GIF動畫”圖5-112導出GIF動畫的相關設置

技能訓練3

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

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

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

圖5-113將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-114將表情形象各造型結構分散到圖層圖5-115對新生成的各圖層重命名

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

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

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

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

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

圖5-118制作第7～11幀之間補間動畫

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

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

(7)打開時間軸區(qū)域的“繪圖紙外觀”，調整其控制區(qū)域為11～19幀，參考第11幀內容制作第15、19幀上小藍貓雙耳微動的態(tài)勢，如圖5-120所示。

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

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

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

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

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

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

+

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

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

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

圖5-125動態(tài)表情動畫影片導出命令選擇圖5-126選擇保存類型為“GIF動畫”圖5-127導出GIF動畫的相關設置

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

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

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

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

圖5-128將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-129將表情形象各造型結構分散到圖層圖5-130對新生成的各圖層重命名

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

圖5-131將“左耳”圖層內容選中并將其轉換成名為“耳朵動畫”的圖形元件

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

圖5-132在“耳朵動畫”圖形元件內部制作小藍貓耳朵微動動畫

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

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

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

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

圖5-134制作第1～6幀之間小藍貓身體微動的補間動畫

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

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

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

圖5-136制作第6～10幀之間小藍貓身體繼續(xù)微動的補間動畫

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

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

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

+

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

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

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

圖5-140動態(tài)表情動畫影片導出命令圖5-141選擇保存類型為“GIF動畫”圖5-142導出GIF動畫的相關設置

技能訓練4

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

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

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

圖5-143將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-144將表情形象各造型結構分散到圖層圖5-145對新生成的各圖層重命名

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

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

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

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

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

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

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

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

圖5-150復制所有圖層的第1～5幀

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

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

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

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

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

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

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

+

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

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

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

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

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

圖5-159將“表情形象”圖層內容選中并整體轉換成名為“表情動畫”的圖形元件

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

圖5-160將表情形象各造型結構分散到圖層圖5-161對新生成的各圖層進行重命名

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

圖5-162將“左腿”圖層內容選中并將其轉換成名為“左腿動畫”的圖形元件

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

圖5-163將“左腿動畫”元件內的圖層1名稱改為“左腿動畫”

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

圖5-164參照第1幀造型調整或繪制第3、5、