用Flash制作跳動(dòng)表情實(shí)例動(dòng)畫

案例描述：

本例主要講解用Flash制作旋轉(zhuǎn)跳動(dòng)表情動(dòng)畫教程，通過使用多層補(bǔ)間形狀功能來制作表情的跳躍動(dòng)畫。

學(xué)習(xí)要點(diǎn)：文字處理的基本技法，關(guān)鍵幀動(dòng)畫制作的制作方法，遮罩圖形的繪制方法

本例思路：

使用“橢圓工具”和“線條工具”繪制臉部的各部分表情。
使用補(bǔ)間形狀動(dòng)畫功能為臉部創(chuàng)建跳躍表情動(dòng)畫。

效果圖如下：

步驟一、繪制表情

1、新建一個(gè)大小為300×350像素的空白文檔，使用“矩形工具”繪制一個(gè)無外框的矩形，然后打開“顏色”面板，設(shè)置類型為“線性”，再設(shè)置第1個(gè)色標(biāo)顏色為(R：O，G：153，B：255)，第2個(gè)色標(biāo)顏色為(R：0，G：21，B：43)，填充效果如圖所示。

2、在“背景”圖層的上一層新建4個(gè)圖層，并分別更名為“嘴”、“眼睛”、“臉”和“影子”，如圖所示。

3、在選中“臉”圖層，然后按住shift鍵的同時(shí)使用“橢圓工具”繪制一個(gè)沒有邊框的圓形，打開“顏色”面板，設(shè)置類型為“放射狀”，再設(shè)置第1個(gè)色標(biāo)顏色為(R：255，G：255，B：255），第2個(gè)色標(biāo)顏色為(R：252，G：242，B：141)，第3個(gè)色標(biāo)顏色為(R：207，G：207，B：16)，第4個(gè)色標(biāo)顏色為(R：125，G：125，B：2)，填充效果如圖所示。

4、選中“眼睛”圖層的第1幀，然后使用“橢圓T具”繪制一個(gè)沒有邊框并將其拖曳到如圖所示的位置。

5、選中“嘴”圖層的第l幀：然后按住shift鍵的同時(shí)使用“線條工具”繪制一條寬度為3像素的直線，再設(shè)置線條顏色為（R：128，G：77，B：0)，如圖所示

6、選中“影子”圖層，然后按住shift鍵的同時(shí)使用“橢圓工具繪制一個(gè)沒有邊框的橢圓，再設(shè)置填充類型為“放射線”。第1個(gè)色標(biāo)顏色為(R：0，G：O，B：0)，Alpha為20％；第2個(gè)色標(biāo)顏色為(R：O，G：O，B：0)，Alpha為0％，填充效果如圖所示

步驟二、制作表情動(dòng)畫

1、選中所有圖層的第40幀，然后按F5鍵插入關(guān)鍵幀，如圖所示

2、選中“嘴”、“眼睛”、“臉”和“影子”圖層的第15幀，按F6鍵插入關(guān)鍵幀，然后選中“臉”圖層的第15幀，再使用“任意變形工具”將臉進(jìn)行如圖所示的變形。

3、采用上面同樣的方法將臉部表情變成一個(gè)傷心的表情，然后調(diào)整好影子效果，如圖所示。

4、選中“嘴”、“眼睛”、“臉”和“影子”圖層的第l幀，然后單擊右鍵，并在彈出的菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖所示

5、選中“嘴”、“眼睛”、“臉’’和“影子’’圖層的第22幀，然后按F6鍵插入關(guān)鍵幀，如圖所示。

6、選中“臉”圖層的第22幀，然后使用“任意變形工具”將臉進(jìn)行如圖所示的變形。

7、采用上面同樣的方法將臉部表情變形成一個(gè)開心的表情，如圖所示。

8、選中“嘴”、“眼睛”、“臉”和“影子”圖層的第15幀，然后單擊鼠標(biāo)右鍵，并在彈出的菜單中選擇“創(chuàng)建補(bǔ)間形狀命令，如圖所示

9、選中“嘴”、“眼睛”、“臉”和“影子”圖層的第28幀，然后按F6鍵插入關(guān)鍵幀，如圖所示。 

10、選中“臉”圖層的第28幀，然后使用“任意變形工具”將臉部進(jìn)行如圖所示的變形

11、采用同樣的方法將臉部表情調(diào)整成一個(gè)既開心又有向上運(yùn)動(dòng)趨勢(shì)的表情，如圖所示。

12、選中“嘴”、“眼睛”、“臉”和“影子”圖層的第22幀，然后單擊右鍵，并在彈出的菜單中選擇“創(chuàng)建補(bǔ)間形狀”命令，如圖所示。如圖所示

13、選中“嘴”、“眼睛”、“臉，，和“影子”圖層的第1幀，然后單擊鼠標(biāo)右鍵，并在彈出的菜單中選擇“復(fù)制幀”命令(快捷鍵ctrl+Alt+c)，然后選擇這些圖層的第40幀，再單擊鼠標(biāo)右鍵，并在彈出的菜單中選擇“粘貼幀”命令(快捷鍵為ctrl+Alt+V)，如圖所示

14、選中“臉”圖層的第1幀，然后在“屬性”面板中設(shè)置緩動(dòng)數(shù)值為-100，再采用相同的方法設(shè)置好其他關(guān)鍵幀的緩動(dòng)數(shù)值．如圖所示，最后單擊“時(shí)間軸”下面的“繪圖外觀”按鈕查看動(dòng)畫效果，如圖所示

15、按ctrl+Enter組合鍵發(fā)布動(dòng)畫，最終效果如圖所示。

用Flash制作跳動(dòng)表情特效動(dòng)畫教程源碼下載