flash生日賀卡中,常會看到拿起火柴放至蠟燭上,即可將蠟燭點燃的動畫。怎樣做到的呢?
其實道理比較簡單:製作一個在第二幀燃燒的蠟燭動畫,然後給它下個命令,火柴靠近你時就進入第二幀吧。當然,這個火柴實際上就是滑鼠,所以,還要有一個將滑鼠變為火柴的過程。涉及圖片縮放、對齊,元件交換,透明按鈕使用等。
工具/原料
Adobe Flash CS3
一、準備蛋糕與蠟燭
ctrl+J開啟文件屬性,背景色設為黑色。
Ctrl+R將蛋糕圖片匯入到舞臺。我準備了一張PNG圖片,有耐心的童鞋可以嘗試自己畫一個。
Q鍵調出變形工具,圖片左上角是與舞臺對齊的,將變形點移至左上角,按住Shift鍵拖動右下角,將圖片同比縮小至與舞臺同寬。
Ctrl+K調出對齊面板,選擇底對齊,將蛋糕移至舞臺底部。
新建一個影片剪輯元件,我將它取名生日蠟燭2。Ctrl+L調出庫面板,將蠟燭元件拖至舞臺。這是我事先做好的元件,製作方法見下面的經驗引用
7 flash繪製生日蠟燭
圖層第二幀F6插入關鍵幀。蠟燭選中狀態,Ctrl+F3調出屬性面板,點選交換,在出現的面板中選擇生日蠟燭。
點開只顯示輪廓、編輯多個幀,將第二幀蠟燭與第一幀的對齊。
新建圖層2,第一、二幀都插入關鍵幀。F9鍵調出動作面板,每幀皆寫入stop,使該元件不會自動播放動畫,且無論進入哪一幀都會停留在該幀。
蠟燭層上新建一層,取名透明按鈕。R鍵調出矩形工具,顏色面板中線條色禁用,顏色隨意,Alpha值為0%。在蠟燭火苗處拉出一個方形。
F8鍵將透明方形轉換為按鈕元件。
動作面板中為該按鈕寫上on (rollOver) {gotoAndPlay(2);},使滑鼠移過時,進入且播放第二幀。
回到場景,新建一層,庫面板中將生日蠟燭2元件拖入該層。調整為合適大小。
按住Alt鍵複製幾個,數量隨個人心意。此時測試一下,滑鼠移過時,蠟燭已可被點燃了。當然,我們要用真正的火柴點燃,所以現在進入下一步。
二、製作火柴
Ctrl+F新建一個影片剪輯元件,取名火柴。在第一幀用線條工具和筆刷工具分別繪出火柴桿和火柴頭。
新建一層,庫面板中拖入火苗和光暈,變形工具調整到合適大小。
回到場景,新建火柴圖層,將火柴元件拖入場景。
屬性面板中為火柴取一個例項名,我輸入的是火柴拼音的首字母。
新建一層,時間軸上寫入startDrag("hc", true);Mouse.hide;使火柴可被拖動,滑鼠隱藏。測試一下吧。
注意事項
文中用的是as2,請在釋出設定,flash的as版本中選擇。