flash滑鼠跟隨例項——點燃蠟燭?

flash生日賀卡中,常會看到拿起火柴放至蠟燭上,即可將蠟燭點燃的動畫。怎樣做到的呢?

其實道理比較簡單:製作一個在第二幀燃燒的蠟燭動畫,然後給它下個命令,火柴靠近你時就進入第二幀吧。當然,這個火柴實際上就是滑鼠,所以,還要有一個將滑鼠變為火柴的過程。涉及圖片縮放、對齊,元件交換,透明按鈕使用等。

flash滑鼠跟隨例項——點燃蠟燭

工具/原料

Adobe Flash CS3

一、準備蛋糕與蠟燭

ctrl+J開啟文件屬性,背景色設為黑色。

flash滑鼠跟隨例項——點燃蠟燭

Ctrl+R將蛋糕圖片匯入到舞臺。我準備了一張PNG圖片,有耐心的童鞋可以嘗試自己畫一個。

flash滑鼠跟隨例項——點燃蠟燭

Q鍵調出變形工具,圖片左上角是與舞臺對齊的,將變形點移至左上角,按住Shift鍵拖動右下角,將圖片同比縮小至與舞臺同寬。

flash滑鼠跟隨例項——點燃蠟燭

Ctrl+K調出對齊面板,選擇底對齊,將蛋糕移至舞臺底部。

flash滑鼠跟隨例項——點燃蠟燭

新建一個影片剪輯元件,我將它取名生日蠟燭2。Ctrl+L調出庫面板,將蠟燭元件拖至舞臺。這是我事先做好的元件,製作方法見下面的經驗引用

7 flash繪製生日蠟燭

flash滑鼠跟隨例項——點燃蠟燭

圖層第二幀F6插入關鍵幀。蠟燭選中狀態,Ctrl+F3調出屬性面板,點選交換,在出現的面板中選擇生日蠟燭。

flash滑鼠跟隨例項——點燃蠟燭

點開只顯示輪廓、編輯多個幀,將第二幀蠟燭與第一幀的對齊。

flash滑鼠跟隨例項——點燃蠟燭

新建圖層2,第一、二幀都插入關鍵幀。F9鍵調出動作面板,每幀皆寫入stop,使該元件不會自動播放動畫,且無論進入哪一幀都會停留在該幀。

flash滑鼠跟隨例項——點燃蠟燭

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

flash滑鼠跟隨例項——點燃蠟燭

F8鍵將透明方形轉換為按鈕元件。

flash滑鼠跟隨例項——點燃蠟燭

動作面板中為該按鈕寫上on (rollOver) {gotoAndPlay(2);},使滑鼠移過時,進入且播放第二幀。

flash滑鼠跟隨例項——點燃蠟燭

回到場景,新建一層,庫面板中將生日蠟燭2元件拖入該層。調整為合適大小。

flash滑鼠跟隨例項——點燃蠟燭

按住Alt鍵複製幾個,數量隨個人心意。此時測試一下,滑鼠移過時,蠟燭已可被點燃了。當然,我們要用真正的火柴點燃,所以現在進入下一步。

flash滑鼠跟隨例項——點燃蠟燭

二、製作火柴

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

flash滑鼠跟隨例項——點燃蠟燭

新建一層,庫面板中拖入火苗和光暈,變形工具調整到合適大小。

flash滑鼠跟隨例項——點燃蠟燭

回到場景,新建火柴圖層,將火柴元件拖入場景。

flash滑鼠跟隨例項——點燃蠟燭

屬性面板中為火柴取一個例項名,我輸入的是火柴拼音的首字母。

flash滑鼠跟隨例項——點燃蠟燭

新建一層,時間軸上寫入startDrag("hc", true);Mouse.hide;使火柴可被拖動,滑鼠隱藏。測試一下吧。

flash滑鼠跟隨例項——點燃蠟燭

注意事項

文中用的是as2,請在釋出設定,flash的as版本中選擇。

相關問題答案