文章出處

本教程是使用Flash制作可愛有趣的親嘴豬動畫,講述如何用簡單的繪圖工具畫出可愛俏皮的小豬以及制作成親嘴動畫。這個Flash實例簡單易懂,適合Flash初中級學習者。
這個Flash實例制作了兩只可愛的小豬親嘴的動畫,用到了Flash的基本繪圖工具如橢圓、矩形、直線和任意變形等,操作簡單易懂,適合練習。先看下效果吧:
 

制作步驟:
1、新建一個Flash文檔,Ctrl+F8新建一個元件,命名為“pig”。選擇橢圓工具,設筆觸為黑色,無填充,畫出如下橢圓。

Flash制作可愛的“親嘴豬”動畫
圖01

2、再用矩形工具在橢圓下部畫出如下矩形。

Flash制作可愛的“親嘴豬”動畫
圖02

3、用選擇工具選中多余的線條,Delete鍵刪除。

Flash制作可愛的“親嘴豬”動畫
圖03

4、新建一個圖層,再畫一個小矩形作為豬的鼻子。

Flash制作可愛的“親嘴豬”動畫
圖04

5、用選擇工具選中鼻子上多余的線條,Delete鍵刪除,再把三條直線都調節成圓潤的弧線,把鼠標放在直線上拖動即可調節。

Flash制作可愛的“親嘴豬”動畫
圖05

6、用直線工具在豬鼻子上畫兩條豎線,然后也調節成弧形。

Flash制作可愛的“親嘴豬”動畫
圖06

7、再用直線工具畫出嘴巴的線條,并調成向下彎曲以形成微笑的表情。

Flash制作可愛的“親嘴豬”動畫
圖07



8、眼睛就是一大一小兩個橢圓,大橢圓填充白色,輪廓為黑,小橢圓填充黑色放在大橢圓上面即可。

Flash制作可愛的“親嘴豬”動畫
圖08

9、新建一個圖層,用直線工具畫一個小三角形作為耳朵。

Flash制作可愛的“親嘴豬”動畫
圖09

10、用挑選工具將三角形調節成如下形狀。

Flash制作可愛的“親嘴豬”動畫
圖10

11、用選擇工具選中整個耳朵,Ctrl+D復制一個,再用任意變形工具將耳朵旋轉到如下角度。

Flash制作可愛的“親嘴豬”動畫
圖11

12、用鉛筆工具畫出小豬的尾巴,完成線稿的繪制。

Flash制作可愛的“親嘴豬”動畫
圖12

13、選擇顏料桶工具,在混色器面板中設置由粉紅到白色的漸變,粉色值為“#FF66CC”,漸變類型為“放射狀”。在小豬的身體上點一下,再用填充變形工具調整漸變到如下效果。

Flash制作可愛的“親嘴豬”動畫
圖13

14、接著用顏料桶工具給鼻子填色,調節如下。

Flash制作可愛的“親嘴豬”動畫
圖14



15、再給耳朵填色,調節如下。填好色之后把鼻子和耳朵與身體相連的線條刪掉,小豬就完成了。

Flash制作可愛的“親嘴豬”動畫
圖15

16、畫心。Ctrl+F8新建一個元件,命名為“heart”。用直線工具畫出心形的輪廓。

Flash制作可愛的“親嘴豬”動畫
圖16

17、用選擇工具將直線調節成圓潤的心形,在直線上拖一拖拉一拉很快就能調好。

Flash制作可愛的“親嘴豬”動畫
圖17

18、選擇顏料桶工具,在混色器面板中設置由紅到白色的漸變,漸變類型為“放射狀”。在小豬的身體上點一下,再用填充變形工具調整漸變到如下效果,完成心的繪制。

Flash制作可愛的“親嘴豬”動畫
圖18

19、回到場景中,建立兩個圖層,分別命名為“pig1”和“pig2”。在庫面板中將畫好的小豬拖進來,分別放在兩個圖層上。對“pig2”執行菜單/修改/變形/水平翻轉,這樣兩只小豬就面對面了。選中兩只小豬,執行菜單/修改/對齊/垂直中齊。

Flash制作可愛的“親嘴豬”動畫
圖19

20、選中兩個圖層的第10幀,按F6插入關鍵幀,在此幀上將兩只小豬分別向中間水平移動至嘴對嘴。調整好位置后分別添加動畫補間。Ctrl+Enter可隨時播放效果,小豬開始親嘴了。

Flash制作可愛的“親嘴豬”動畫
圖20



21、選中兩個圖層上的第10幀,單擊右鍵選“復制幀”,在第16幀上單擊右鍵選“粘貼幀”。

Flash制作可愛的“親嘴豬”動畫
圖21

22、分別添加動畫補間。

Flash制作可愛的“親嘴豬”動畫
圖22

23、在兩個圖層的第13幀處按F6插入一個關鍵幀,在此幀上將兩只小豬分開一些(按鍵盤上的左右方向鍵分別后退一點點即可)。

Flash制作可愛的“親嘴豬”動畫
圖23

24、添加紅心。新建一個圖層,命名為“heart1”。選中第10幀,按F6插入關鍵幀,在庫面板中將畫好的“heart”元件拖進來放在豬嘴中間,用任意變形工具縮小,Ctrl+B打散。(這里把豬的圖層用輪廓顯示以便看得清楚)

Flash制作可愛的“親嘴豬”動畫
圖24

25、在第21幀處插入一個關鍵幀,將紅心移動到如下位置,用任意變形工具調大一些,然后添加形狀補間。

Flash制作可愛的“親嘴豬”動畫
圖25

26、新建一個圖層,命名為“heart2”。選中第16幀,按F6插入關鍵幀,在庫面板中再次將“heart”元件拖進來放在豬嘴中間,用任意變形工具縮小,Ctrl+B打散。

Flash制作可愛的“親嘴豬”動畫
圖26

27、在第27幀處插入一個關鍵幀,將紅心移動到如下位置,用任意變形工具調大一些,然后添加形狀補間。在 “pig1”、“pig2”和“heart1”圖層的第27幀處分別按F5插入幀。完工!

Flash制作可愛的“親嘴豬”動畫
圖27

28、最終效果
歡迎轉載:http://www.kanwencang.com/bangong/20161116/54325.html

文章列表




Avast logo

Avast 防毒軟體已檢查此封電子郵件的病毒。
www.avast.com


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()