當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > Flash > 小雞破蛋的特效Flash實(shí)例教程

小雞破蛋的特效Flash實(shí)例教程

2021/9/11 15:56:39作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端
Flash8電腦版v8.0官方版

大?。?22.7MB語(yǔ)言:

類型:媒體制作等級(jí):

案例描述:

本例主要講解用Flash制作星光四射特效教程,本例將使用遮罩圖形與元件之間的配合來(lái)制作小雞破蛋殼的動(dòng)畫(huà)效果
小雞破蛋的特效Flash實(shí)例教程

學(xué)習(xí)要點(diǎn):遮罩層的使用方法,使用程序控制遮罩層對(duì)象

本例思路:

繪制出雞蛋,然后繪制出裂片,再制作出碎裂動(dòng)畫(huà).
導(dǎo)入小雞素材,然后制作出小雞破蛋動(dòng)畫(huà)。

動(dòng)畫(huà)制作完成后的最終效果:

 

步驟一、制作碎裂動(dòng)畫(huà)

1、新建一個(gè)大小為550×400'像素,幀頻為25fps的空白文檔,然后使用“橢圓工具”繪制一個(gè)如圖所示的橢圓。

繪制橢圓

2、使用“選擇工具’’將橢圓調(diào)整成雞蛋狀,如圖所示。

調(diào)整形狀

3、選擇雞蛋圖形,打開(kāi)顏色面板,然后沒(méi)置類型為“放射狀”,再設(shè)置第1個(gè)色標(biāo)顏色為(R:245,G:225,B:198),第2個(gè)色標(biāo)顏色為(R:224,G:191,B:58),第3個(gè)色標(biāo)顏色為(R:175,G:127,B:87),填充效果如圖所示。

填充顏色

4、將圖形轉(zhuǎn)為影片剪輯(名稱為“雞蛋’’),然后雙擊進(jìn)入其編輯區(qū)域,再使用“鉛筆工具”繪制出蛋殼破裂的區(qū)域,如圖所示。

繪制破裂區(qū)域

5、破裂區(qū)域繪制完成后,繼續(xù)繪制出裂片分離線,如圖

繪制裂片分離線

6、將六塊裂片分別轉(zhuǎn)換成影片剪輯,然后刪除線條,如圖

轉(zhuǎn)換為影片剪輯

7、選中所有裂片的影片剪輯,然后將其轉(zhuǎn)換為影片剪輯(名稱為“裂片”),再將其剪切到一個(gè)新的圖層中,這時(shí)“雞蛋”圖形已經(jīng)被掏空了,如圖所示。

碎裂的雞蛋

8、選中掏空處的圖形,然后設(shè)置填充類型為“線性”在設(shè)置第一個(gè)色標(biāo)顏色為R:255,G:255,B:255,第二個(gè)色標(biāo)顏色為R:224,G:200,B:184,填充效果如圖

填充圖形

9、選中上一步填充的圖片,將其轉(zhuǎn)換為影片剪輯,然后將其剪切到一個(gè)新的“內(nèi)壁”圖層中,如圖

剪切到新圖層

10、剪切到新圖層后,雞蛋又被掏空了,因此使用“滴管工具”選擇雞蛋上的顏色,然后使用“顏料桶工具”填充空白使其恢復(fù)到原貌,如圖所示。

恢復(fù)雞蛋原貌

11、建一個(gè)“分裂線”圖層,然后使用“鉛筆工具”按裂片區(qū)域繪制出分裂線條,如圖所示。

繪制分裂線

12、選擇分裂線,然后打開(kāi)“顏色”面板設(shè)置類型為“放射狀”.再設(shè)置第1個(gè)色標(biāo)顏色為(R:181,G:119,B:57),Alpha100%,第2個(gè)色標(biāo)顏色為(R:225,G:193,B:160).Alpha100%,填充效果如圖所示。

填充線條顏色

13、新建一個(gè)“遮罩”圖層,然后將其轉(zhuǎn)換為分裂線圖層的遮罩層,如圖:

創(chuàng)建遮罩層

14在遮罩圖層中從第18幀開(kāi)始制作一個(gè)橢圓由小放大的補(bǔ)間形狀,使分裂線產(chǎn)生逐漸擴(kuò)大的補(bǔ)間形狀動(dòng)畫(huà),如圖所示。

創(chuàng)建補(bǔ)間形狀

15、將前面制作好的“裂片’’影片剪輯放置在第50幀,使分裂線動(dòng)畫(huà)播放完后才開(kāi)始播放裂片崩散動(dòng)畫(huà),進(jìn)人影片剪輯“裂片’’的編輯區(qū)域,然后按Ctrl+Shift+D組合鍵將所有的裂片分散到各圖層中,如圖所示。

分散到圖層

16、為各圖層中的裂片創(chuàng)建碎裂的傳統(tǒng)補(bǔ)間動(dòng)畫(huà),如圖所示

創(chuàng)建傳統(tǒng)補(bǔ)間

17、在“屬性”面板中將“裂片”圖形元件的循環(huán)屬性設(shè)置為“只播放一次”,如圖所示。

設(shè)置循環(huán)屬性

步驟二、制作小雞破蛋動(dòng)畫(huà)

1、在‘‘遮罩’’圖層中根據(jù)裂片區(qū)域繪制出小雞出現(xiàn)的遮罩圖形,如圖所示。

繪制遮罩層

2、按Ctrl+R組合鍵導(dǎo)入已經(jīng)準(zhǔn)備好的素材/小雞png”文件,如圖所示。

導(dǎo)入素材

3、將小雞圖形轉(zhuǎn)換為影片剪輯(名稱為“小雞’’),然后將其放置在“分裂線”圖層的第50幀,再調(diào)整好小雞破蛋的位置,如圖所示。

調(diào)整位置

4、創(chuàng)建小雞破蛋的傳統(tǒng)補(bǔ)間動(dòng)畫(huà),如圖所示

導(dǎo)入素材

5、在裂片圖層的最后一幀插入一個(gè)空白關(guān)鍵幀,然后選中該幀,按F9鍵打開(kāi)“動(dòng)作一幀”面板,并輸入如圖所示的控制代碼,再按Ctrl+Enter組合鍵發(fā)布動(dòng)畫(huà),效果如圖

輸入代碼

6、返回到場(chǎng)景,然后制作一個(gè)背景,再按Ctrl+Enter組合鍵發(fā)布動(dòng)畫(huà),這樣一個(gè)小雞破殼而出的flash動(dòng)畫(huà)就制作完成了

 如果你對(duì)本章小雞破蛋的特效Flash實(shí)例教程感興趣歡迎下載源碼進(jìn)行學(xué)習(xí)研究

小雞破蛋的特效Flash實(shí)例教程源碼下載

 

標(biāo)簽: Flash實(shí)例  動(dòng)畫(huà)