flash制作更隨鼠標(biāo)將蠟燭點(diǎn)燃的gif動畫效果
我要評論其實(shí)道理比較簡單：制作一個(gè)在第二幀燃燒的蠟燭動畫，然后給它下個(gè)命令，火柴靠近你時(shí)就進(jìn)入第二幀吧。當(dāng)然，這個(gè)火柴實(shí)際上就是鼠標(biāo)，所以，還要有一個(gè)將鼠標(biāo)變?yōu)榛鸩竦倪^程。涉及圖片縮放、對齊，元件交換，透明按鈕使用等。
一、準(zhǔn)備蛋糕與蠟燭
ctrl+J打開文檔屬性，背景色設(shè)為黑色。
Ctrl+R將蛋糕圖片導(dǎo)入到舞臺。我準(zhǔn)備了一張PNG圖片，有耐心的童鞋可以嘗試自己畫一個(gè)。
Q鍵調(diào)出變形工具，圖片左上角是與舞臺對齊的，將變形點(diǎn)移至左上角，按住Shift鍵拖動右下角，將圖片同比縮小至與舞臺同寬。
Ctrl+K調(diào)出對齊面板，選擇底對齊，將蛋糕移至舞臺底部。
新建一個(gè)影片剪輯元件，我將它取名生日蠟燭2。Ctrl+L調(diào)出庫面板，將蠟燭元件拖至舞臺。這是我事先做好的元件
圖層第二幀F(xiàn)6插入關(guān)鍵幀。蠟燭選中狀態(tài)，Ctrl+F3調(diào)出屬性面板，點(diǎn)擊交換，在出現(xiàn)的面板中選擇生日蠟燭。
點(diǎn)開只顯示輪廓、編輯多個(gè)幀，將第二幀蠟燭與第一幀的對齊。
新建圖層2，第一、二幀都插入關(guān)鍵幀。F9鍵調(diào)出動作面板，每幀皆寫入stop，使該元件不會自動播放動畫，且無論進(jìn)入哪一幀都會停留在該幀。
蠟燭層上新建一層，取名透明按鈕。R鍵調(diào)出矩形工具，顏色面板中線條色禁用，顏色隨意，Alpha值為0%。在蠟燭火苗處拉出一個(gè)方形。
F8鍵將透明方形轉(zhuǎn)換為按鈕元件。
動作面板中為該按鈕寫上on (rollOver) {gotoAndPlay(2);}，使鼠標(biāo)移過時(shí)，進(jìn)入且播放第二幀。
回到場景，新建一層，庫面板中將生日蠟燭2元件拖入該層。調(diào)整為合適大小。
按住Alt鍵復(fù)制幾個(gè)，數(shù)量隨個(gè)人心意。此時(shí)測試一下，鼠標(biāo)移過時(shí)，蠟燭已可被點(diǎn)燃了。當(dāng)然，我們要用真正的火柴點(diǎn)燃，所以現(xiàn)在進(jìn)入下一步。
二、制作火柴
Ctrl+F新建一個(gè)影片剪輯元件，取名火柴。在第一幀用線條工具和筆刷工具分別繪出火柴桿和火柴頭。
新建一層，庫面板中拖入火苗和光暈，變形工具調(diào)整到合適大小。
回到場景，新建火柴圖層，將火柴元件拖入場景。
屬性面板中為火柴取一個(gè)實(shí)例名，我輸入的是火柴拼音的首字母。
新建一層，時(shí)間軸上寫入startDrag("hc", true);Mouse.hide;使火柴可被拖動，鼠標(biāo)隱藏。測試一下吧。
注意事項(xiàng)
文中用的是as2，請?jiān)诎l(fā)布設(shè)置，flash的as版本中選擇。
以上就是flash制作更隨鼠標(biāo)將蠟燭點(diǎn)燃的gif動畫效果方法介紹，操作不是很難，大家學(xué)會了嗎？希望這篇文章能對大家有所幫助！
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動畫效果？想要做一個(gè)逼真的雨滴落下的效果，該怎么做雨滴落下水花擴(kuò)散的效果呢？下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做？經(jīng)常使用flash制作動畫效果，該怎么制作旋轉(zhuǎn)燈效果，下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧，詳細(xì)請看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字？flash繪制的星星想要慢慢變成文字，該怎么將圖形變文字呢？下面我們就來看看flash星星變文字動畫的實(shí)現(xiàn)方法，詳細(xì)請看下文介紹2022-06-06
flash怎么制作補(bǔ)間動畫? flash變形動畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動畫？flash中想要制作形狀變化的動畫效果，該怎么制作補(bǔ)間動畫呢？下面我們就來就來看看flash變形動畫的實(shí)現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼？flash中想要制作風(fēng)吹荷花的動畫熊愛國，該怎么制作這個(gè)效果呢？下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫?？flash中想要制作荷花搖擺的動畫，該怎么制作荷花搖曳的動畫呢？下面我們就來看看FLASH做擺動荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫？flash椎間盤買個(gè)輸入的文字，想要添加動畫效果，該怎么添加徑向彩虹文字效果呢？下面我們就來看看flash文字添加彩虹動畫效果的技巧，詳細(xì)請2021-11-09
flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果？flash中想要制作一個(gè)動漫人物的眼睛眨眼動畫，該怎么制作呢？下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果？flash中想要制作一個(gè)熊熊燃燒的活顏文字，該怎么制作這個(gè)文字效果呢？下面我們就來看看flash做火焰字體動畫的技巧2021-11-01
flash怎么做文字動畫logo? 閃動的片頭動畫flash的實(shí)現(xiàn)方法
flash怎么做文字動畫logo？flash中想要制作一個(gè)文字logo的動畫，讓文字閃爍，該怎么制作這個(gè)效果呢？下面我們就來看看flash制作文字動畫的技巧2021-10-29
