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

　　本例思路

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

　　.利用遮罩功能為樹枝制作同步伸展動畫。

　　Part 1 繪制樹枝

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

　　圖3-1 制作背景

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

　　圖3-2 畫圖

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

　　圖3-3 轉換為圖形

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

　　圖3-4 制作遮罩層

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

　　圖3-5 繪制樹葉輪廓

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

　　圖3-6 填充顏色

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

　　圖3-7 復制圖形

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

　　圖3-8 調整樹葉

　　Part 2 制作伸展動畫

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

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

　　圖3-10 調整葉子形狀

　　技巧提示：

　　為了在下一步創建傳統補間動畫時使葉子從根部產生慢慢放大的效果，因此在變形葉子的時候需要按住Shift+Alt組合鍵將葉子做等比例縮放。

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

　　圖3-11 創建傳統補間動畫

　　(4)為了讓樹枝的伸展動畫節奏與葉子的動畫節奏相配合，所以當樹枝伸展到葉子所在位置時葉子才能播放伸展放大動畫，因此要調整補間動畫的位置，3-12所示，調整完后的關鍵幀3-13所示。

　　圖3-12 調整幀位置

　　圖3-13 調整關鍵幀位置

　　(5)調整好關鍵幀后觀察下動畫效果，3-14所示。

　　圖3-14 動畫效果

　　(6)回到主場景，然后設置圖形“樹枝”的循環動畫選項為“播放一次”，3-15所示。

　　圖3-15 設置播放次數

圖3-16 復制樹枝

　　圖3-17 觀察動畫效果

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

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

　　圖3-20 添加文字

　　教程已完畢，現在大家應該學會利用Flash CS4制作樹枝的伸展動畫效果了吧，希望這篇教程對大家有一定的幫助。

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。