當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > Flash > 如何用flash繪制伸展的樹枝動畫

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

2021/9/11 16:22:45作者:佚名來源:網(wǎng)絡(luò)

移動端
adobe flash playerv32.0.0.270

大小:19.59MB語言:

類型:視頻播放等級:

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

 效果圖如下:

本例flash教程思路:

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

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

步驟一、繪制樹枝

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

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

flash教程繪制輪廓線
3、使用綠色填充圖形,然后刪除輪廓線,再按F8鍵將其轉(zhuǎn)換為圖形元件,名稱為“樹枝”,如圖所示。

轉(zhuǎn)換為圖形
4、進入圖形的編輯區(qū)域,然后新建一個圖層,用于制作樹枝的遮罩層,使樹枝向上伸展,如圖所示。

flash教程制作遮罩層
5、下面繪制樹葉,使用“橢圓工具’’繪制一個橢圓,然后使用“移動工具”將其調(diào)整成樹葉形狀,如圖所示。

繪制樹葉輪廓
6、打開“顏色”面板,設(shè)置類型為“線性”,然后設(shè)置第1個色標(biāo)顏色為(R:137,G:248,B:24),第2個色標(biāo)顏色為(R:91,G:199,B:12),填充效果如圖所示。

flash教程填充顏色
7、復(fù)制一份樹葉,然后按CtrI+G組合鍵將樹葉組合起來,并調(diào)整好位置,再將其轉(zhuǎn)換為影片剪輯(名稱為“葉子“)如圖所示。

復(fù)制圖形
8、將樹葉放置在樹枝上,然后調(diào)整好位置和大小,如圖所示。

調(diào)整樹葉

步驟二。制作伸展動畫

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

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

調(diào)整葉子形狀
3、選中所有葉子圖層的第1幀,然后在該幀單擊右鍵,并在彈出的菜單中選擇“創(chuàng)建傳統(tǒng)補問”命令,如圖所示。

創(chuàng)建形狀補間動畫
4、為了讓樹枝的伸展動畫節(jié)奏與葉子的動畫節(jié)奏相吻合,所有當(dāng)樹枝伸展到葉子所在位置時葉子才能播放伸展放大動畫,要調(diào)整動畫的位置,如圖所示,調(diào)整完后的關(guān)鍵幀如圖所示。

調(diào)整幀位置

調(diào)整關(guān)鍵幀位置
5、調(diào)整好關(guān)鍵幀后觀察動畫效果,如圖所示。

flash教程動畫效果
6、回到主場景,然后設(shè)置圖形“樹枝”的循環(huán)動畫選項_為“播放一次”,如圖所示。

設(shè)置播放次數(shù)
7、復(fù)制出多份樹枝,然后將其環(huán)繞在四周,如圖所示,再觀察動畫效果,如圖所示。

復(fù)制樹枝

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

色澤陰影顏色

flash教程陰影效果
9、添加一些文字來點綴畫面,如網(wǎng)所示,然后按Ctrl+Enter組合鍵發(fā)布動畫,最終效果如圖所示。

最終效果

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

標(biāo)簽: flash  動畫