這個(gè)Flash實(shí)例制作了一個(gè)可愛(ài)的“小青蛙時(shí)鐘”動(dòng)畫(huà)，用到了Flash的基本繪圖工具如橢圓、矩形、直線和任意變形等，操作簡(jiǎn)潔易懂，適合練習(xí)。先看下效果吧：
效果圖：

制作步驟：
1、新建一個(gè)Flash文檔，Ctrl F8新建一個(gè)元件，命名為“clock”。選擇橢圓工具，設(shè)筆觸為黑色，填充為綠色，按住Shift鍵畫(huà)出一個(gè)正圓。

圖01
2、Ctrl D復(fù)制一個(gè)，將填充改為白色。用選擇工具選中兩個(gè)圓，執(zhí)行菜單/修改/對(duì)齊/垂直中齊和水平中齊。

圖02
3、畫(huà)青蛙的手。新建一個(gè)圖層，命名為“hand”，放在圖層面板最下層。將綠色的橢圓Ctrl D再?gòu)?fù)制一個(gè)，并用任意變形工具調(diào)到如下大小。

圖03
4、將這個(gè)小橢圓放在側(cè)面如下位置。

圖04
5、再?gòu)?fù)制一個(gè)小橢圓，放在另外一邊完成青蛙的手。

圖05
6、畫(huà)青蛙的腳。新建一個(gè)圖層，命名為“foot”，放在圖層面板最下層。腳是由1個(gè)大橢圓和5個(gè)小橢圓組成的，所以先復(fù)制出6個(gè)橢圓并調(diào)整到如下大小。

圖06 7、將6個(gè)橢圓按如下位置擺放，大橢圓在最下面，中間的小橢圓在最上面。在各個(gè)橢圓上單擊右鍵選擇“排列”可以調(diào)整它們的層次。

圖07
8、排好之后選中整個(gè)腳，Ctrl D復(fù)制一份，選擇菜單/修改/變形/水平翻轉(zhuǎn)后放在另外一邊完成青蛙的腳。

圖08
9、畫(huà)時(shí)間刻度。新建一個(gè)圖層，命名為“time”，放在最上層。用直線工具畫(huà)一條任意長(zhǎng)度的直線。

圖09
10、選中這條直線，Ctrl T調(diào)出變形面板，將“旋轉(zhuǎn)”的角度設(shè)為“15”。單擊右下角的“復(fù)制并應(yīng)用變形”按鈕，就能復(fù)制出另外一條。

圖10
11、繼續(xù)單擊此按鈕直到復(fù)制出一整圈直線，效果如下。

圖11
12、選中所有的直線，Ctrl G群組。再用橢圓工具按住Shift鍵畫(huà)出如下正圓。選中直線和橢圓，執(zhí)行菜單/修改/對(duì)齊/垂直中齊和水平中齊。

圖12 13、Ctrl B將它們?nèi)看蛏⒑髣h掉多余的線條，只留下橢圓外面的這一圈直線就形成了一個(gè)刻度盤(pán)。Ctrl G將它們?nèi)航M。

圖13
14、用任意變形工具將時(shí)間刻度調(diào)整到合適的大小，放在時(shí)鐘上如下位置即可。

圖14
15、畫(huà)眼睛。新建一個(gè)圖層，命名為“eye”，放在最下層。再?gòu)?fù)制一個(gè)綠色的橢圓備用。

圖15
16、另外再畫(huà)兩個(gè)小橢圓，一個(gè)填充白色，一個(gè)填充黑色，輪廓均為黑色。

圖16
17、將三個(gè)橢圓如下疊放在一起，放在如下位置，完成一只眼睛。

圖17
18、復(fù)制一個(gè)眼睛，執(zhí)行菜單/修改/變形/水平翻轉(zhuǎn)后放在另外一邊完成一對(duì)眼睛。

圖18 19、選中兩只眼睛，按F8轉(zhuǎn)換為元件，命名為“eye”。雙擊眼睛進(jìn)入元件編輯界面，在第1幀上將兩個(gè)黑眼珠調(diào)整到左邊。

圖19
20、在第3幀上按F6插入關(guān)鍵幀，并將兩個(gè)黑眼珠調(diào)整到右邊。

圖20
21、在第4幀上按F5插入幀，完成眼睛。

圖21
22、畫(huà)指針。Ctrl F8新建一個(gè)元件，命名為“arrow 1”，用矩形工具畫(huà)出如下矩形，筆觸為黑，填充為綠。

圖22
23、Ctrl D復(fù)制出一個(gè)，并用任意變形工具調(diào)到如下大小。

圖23
24、將兩個(gè)矩形如下放置。用選擇工具將小矩形上面的兩個(gè)端點(diǎn)分別向內(nèi)拖動(dòng)就可調(diào)整成三角形。

圖24 25、刪除多余的線條后Ctrl G群組。

圖25
26、在第30幀處按F6插入關(guān)鍵幀，并添加動(dòng)畫(huà)補(bǔ)間。選擇任意變形工具，將中心點(diǎn)拖到靠近下部的位置。

圖26
27、選中第1幀，在屬性面板中設(shè)“旋轉(zhuǎn)”為“順時(shí)針1次”即可，這樣指針每30幀會(huì)旋轉(zhuǎn)一周。

圖27
28、回到場(chǎng)景1，新建一個(gè)圖層，命名為“arrow 1”，在庫(kù)面板中將做好的“arrow 1”元件拖到時(shí)鐘上中心位置。再新建一個(gè)圖層，命名為“arrow 2”，將元件“arrow 1”再次拖到時(shí)鐘上中心位置并用自由任意變形工具調(diào)整得細(xì)長(zhǎng)一些。

圖28
29、選中“arrow 2”圖層上的指針，按F8轉(zhuǎn)換為元件，命名為“arrow 2”。雙擊它進(jìn)入元件編輯界面，將最后一幀處的關(guān)鍵幀拖放到第12幀處，并刪除后面多余的普通幀，其它不變。這個(gè)指針每12幀會(huì)旋轉(zhuǎn)一周。

圖29
30、回到場(chǎng)景1，將兩個(gè)指針重疊擺好就完成了，圖層如下。Ctrl Enter可以測(cè)試效果。

圖30

最新評(píng)論