如何用flash繪制伸展的樹枝動畫

flash教程：如何用flash繪制伸展的樹枝動動畫

 效果圖如下：

本例flash教程思路：

使用“繪圖工具”繪制樹枝。

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

步驟一、繪制樹枝

1.新建一個尺寸為550X330的像素，幀頻為25fps的空白文檔，然后制作出一個放射狀綠色背景，如圖所示

2、新建一個圖層沒然后使用“線條工具”和“鉛筆工具”繪制樹枝的圖形輪廓，如圖所示。

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

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

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

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

7、復制一份樹葉，然后按CtrI+G組合鍵將樹葉組合起來，并調整好位置，再將其轉換為影片剪輯(名稱為“葉子“）如圖所示。

8、將樹葉放置在樹枝上，然后調整好位置和大小，如圖所示。

步驟二。制作伸展動畫

1、選中所有葉子，然后按ctrl+shirt+D組合鍵將其分散到各圖層上，如圖所示。

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

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

4、為了讓樹枝的伸展動畫節奏與葉子的動畫節奏相吻合，所有當樹枝伸展到葉子所在位置時葉子才能播放伸展放大動畫，要調整動畫的位置，如圖所示，調整完后的關鍵幀如圖所示。

5、調整好關鍵幀后觀察動畫效果，如圖所示。

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

7、復制出多份樹枝，然后將其環繞在四周，如圖所示，再觀察動畫效果，如圖所示。

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

9、添加一些文字來點綴畫面，如網所示，然后按Ctrl+Enter組合鍵發布動畫，最終效果如圖所示。

本flash教程動畫源碼文件下載