flash生日賀卡中，常會(huì)看到拿起火柴放至蠟燭上，即可將蠟燭點(diǎn)燃的動(dòng)畫。怎樣做到的呢？下面小編就為大家詳細(xì)介紹一下，一起來看看吧！

其實(shí)道理比較簡(jiǎn)單：制作一個(gè)在第二幀燃燒的蠟燭動(dòng)畫，然后給它下個(gè)命令，火柴靠近你時(shí)就進(jìn)入第二幀吧。當(dāng)然，這個(gè)火柴實(shí)際上就是鼠標(biāo)，所以，還要有一個(gè)將鼠標(biāo)變?yōu)榛鸩竦倪^程。涉及圖片縮放、對(duì)齊，元件交換，透明按鈕使用等。

一、準(zhǔn)備蛋糕與蠟燭

ctrl+J打開文檔屬性，背景色設(shè)為黑色。

Ctrl+R將蛋糕圖片導(dǎo)入到舞臺(tái)。我準(zhǔn)備了一張PNG圖片，有耐心的童鞋可以嘗試自己畫一個(gè)。

Q鍵調(diào)出變形工具，圖片左上角是與舞臺(tái)對(duì)齊的，將變形點(diǎn)移至左上角，按住Shift鍵拖動(dòng)右下角，將圖片同比縮小至與舞臺(tái)同寬。

Ctrl+K調(diào)出對(duì)齊面板，選擇底對(duì)齊，將蛋糕移至舞臺(tái)底部。

新建一個(gè)影片剪輯元件，我將它取名生日蠟燭2。Ctrl+L調(diào)出庫面板，將蠟燭元件拖至舞臺(tái)。這是我事先做好的元件

圖層第二幀F(xiàn)6插入關(guān)鍵幀。蠟燭選中狀態(tài)，Ctrl+F3調(diào)出屬性面板，點(diǎn)擊交換，在出現(xiàn)的面板中選擇生日蠟燭。

點(diǎn)開只顯示輪廓、編輯多個(gè)幀，將第二幀蠟燭與第一幀的對(duì)齊。

新建圖層2，第一、二幀都插入關(guān)鍵幀。F9鍵調(diào)出動(dòng)作面板，每幀皆寫入stop，使該元件不會(huì)自動(dòng)播放動(dòng)畫，且無論進(jìn)入哪一幀都會(huì)停留在該幀。

蠟燭層上新建一層，取名透明按鈕。R鍵調(diào)出矩形工具，顏色面板中線條色禁用，顏色隨意，Alpha值為0%。在蠟燭火苗處拉出一個(gè)方形。

F8鍵將透明方形轉(zhuǎn)換為按鈕元件。

動(dòng)作面板中為該按鈕寫上on (rollOver) {gotoAndPlay(2);}，使鼠標(biāo)移過時(shí)，進(jìn)入且播放第二幀。

回到場(chǎng)景，新建一層，庫面板中將生日蠟燭2元件拖入該層。調(diào)整為合適大小。

按住Alt鍵復(fù)制幾個(gè)，數(shù)量隨個(gè)人心意。此時(shí)測(cè)試一下，鼠標(biāo)移過時(shí)，蠟燭已可被點(diǎn)燃了。當(dāng)然，我們要用真正的火柴點(diǎn)燃，所以現(xiàn)在進(jìn)入下一步。

二、制作火柴

Ctrl+F新建一個(gè)影片剪輯元件，取名火柴。在第一幀用線條工具和筆刷工具分別繪出火柴桿和火柴頭。

新建一層，庫面板中拖入火苗和光暈，變形工具調(diào)整到合適大小。

回到場(chǎng)景，新建火柴圖層，將火柴元件拖入場(chǎng)景。

屬性面板中為火柴取一個(gè)實(shí)例名，我輸入的是火柴拼音的首字母。

新建一層，時(shí)間軸上寫入startDrag("hc", true);Mouse.hide;使火柴可被拖動(dòng)，鼠標(biāo)隱藏。測(cè)試一下吧。

注意事項(xiàng)

文中用的是as2，請(qǐng)?jiān)诎l(fā)布設(shè)置，flash的as版本中選擇。

以上就是flash制作更隨鼠標(biāo)將蠟燭點(diǎn)燃的gif動(dòng)畫效果方法介紹，操作不是很難，大家學(xué)會(huì)了嗎？希望這篇文章能對(duì)大家有所幫助！

最新評(píng)論