本例將使用圖形動(dòng)畫的同步播放原理來制作樹枝的伸展動(dòng)畫

　　本例思路

　　.使用繪圖工具繪制樹枝。

　　.利用遮罩功能為樹枝制作同步伸展動(dòng)畫。

　　Part 1 繪制樹枝

　　(1)新建一個(gè)尺寸為550×300像素，幀頻為25fps的空白文檔，然后制作出一個(gè)放射性綠色背景，3-1所示。

　　圖3-1 制作背景

　　(2)新建一個(gè)圖層，使用“線條工具”和“鉛筆工具”繪制樹枝的圖形輪廓，3-2所示。

　　圖3-2 畫圖

　　(3)使用綠色填充圖形，然后刪除輪廓線，再按F8鍵將其轉(zhuǎn)化為圖形元件，名稱為“樹枝”，3-3所示。

　　圖3-3 轉(zhuǎn)換為圖形

　　(4)進(jìn)入圖形編輯區(qū)，然后新建一個(gè)圖層，用于制作樹枝的遮罩層，使樹枝向上伸展，3-4所示。

　　圖3-4 制作遮罩層

　　(5)下面繪制樹葉。使用“橢圓工具”繪制一個(gè)橢圓，然后使用“移動(dòng)工具”將其調(diào)整成樹葉形狀，3-5所示。

　　圖3-5 繪制樹葉輪廓

　　(6)打開“顏色”面板，設(shè)置類型為“線性”，然后設(shè)置第1個(gè)色標(biāo)顏色為(R:137，G:248，B:24)，第2個(gè)色標(biāo)顏色為(R:91，G:199，B:12)，填充效果3-6所示。

　　圖3-6 填充顏色

　　(7)復(fù)制一份樹葉，然后按Ctrl+G將樹葉組合起來，并調(diào)整好其位置，再將其轉(zhuǎn)換為影片剪輯(名稱為“葉子”)，3-7所示。

　　圖3-7 復(fù)制圖形

　　(8)將樹葉放置在樹枝上，然后調(diào)整好位置和大小，3-8所示。

　　圖3-8 調(diào)整樹葉

　　Part 2 制作伸展動(dòng)畫

　　(1)選中所有葉子，然后按Ctrl+Shift+D組合鍵將其分散到各圖層上。

　　(2)選中所有葉子圖層的第15幀，然后按F6鍵插入關(guān)鍵幀，再選中第1幀，使用“任意變形工具”將葉子調(diào)整成3-10所示的效果。

　　圖3-10 調(diào)整葉子形狀

　　技巧提示：

　　為了在下一步創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫時(shí)使葉子從根部產(chǎn)生慢慢放大的效果，因此在變形葉子的時(shí)候需要按住Shift+Alt組合鍵將葉子做等比例縮放。

　　(3)選中所有葉子圖層的第1幀，然后在該幀單擊右鍵，并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”命令，3-11所示。

　　圖3-11 創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫

　　(4)為了讓樹枝的伸展動(dòng)畫節(jié)奏與葉子的動(dòng)畫節(jié)奏相配合，所以當(dāng)樹枝伸展到葉子所在位置時(shí)葉子才能播放伸展放大動(dòng)畫，因此要調(diào)整補(bǔ)間動(dòng)畫的位置，3-12所示，調(diào)整完后的關(guān)鍵幀3-13所示。

　　圖3-12 調(diào)整幀位置

　　圖3-13 調(diào)整關(guān)鍵幀位置

　　(5)調(diào)整好關(guān)鍵幀后觀察下動(dòng)畫效果，3-14所示。

　　圖3-14 動(dòng)畫效果

　　(6)回到主場(chǎng)景，然后設(shè)置圖形“樹枝”的循環(huán)動(dòng)畫選項(xiàng)為“播放一次”，3-15所示。

　　圖3-15 設(shè)置播放次數(shù)

圖3-16 復(fù)制樹枝

　　圖3-17 觀察動(dòng)畫效果

　　(8)為了讓樹枝更具真實(shí)感，所以要為其添加陰影，首先將幀復(fù)制到一個(gè)新圖層中，再調(diào)整好圖形的位置，然后在屬性面板中設(shè)置圖形顏色為(R:3，G:61，B:2)，3-18所示，陰影效果3-19所示。

　　(9)最后為畫面添加一些文字作為點(diǎn)綴，3-20所示，然后按Ctrl+Enter組合鍵發(fā)布動(dòng)畫。

　　圖3-20 添加文字

　　教程已完畢，現(xiàn)在大家應(yīng)該學(xué)會(huì)利用Flash CS4制作樹枝的伸展動(dòng)畫效果了吧，希望這篇教程對(duì)大家有一定的幫助。

總結(jié)

以上是生活随笔為你收集整理的利用Flash CS4制作树枝的伸展动画效果的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。