逼真打火機制作 by 月下狂想曲_Flash教程
推薦:網(wǎng)頁中廣告條的關閉方法在FLASH廣告條中加入關閉的按鈕只要在按鈕上加入quit退出的命令即可。on(release){fscommand(quit);}現(xiàn)在在FLASHPLAYER中點擊退出即可關閉FLASHPLAYER
本例實現(xiàn)的是一次性打火機的仿真效果。在該效果地制作中用到了很多實用的技巧與方法,如幀的跳轉技巧,火焰、火花的制作方法;效果中還用到了一些常用的控制語句,以及如何利用對象的方法來控制影片的運動。效果預覽:
以下元件的圖片如不做說明,場景的縮放比例均為100%。
設計步驟:
打開Flash MX。按快捷鍵Ctrl J,然后把場景設置成450px×280px,背景為黑色,12fps。
一、設計元件
1.制作機身
按快捷鍵Ctrl F8新建一個名為“image”的Graphic符號。然后在“image”的場景里畫出一個打火機,或按快捷鍵Ctrl R,導入一個打火機的素材,見圖1。
2.制作火焰
按快捷鍵Ctrl F8新建一個名為“Fire”的MovieClip符號。在制作之前我們先看一下火焰(Fire)影片剪輯里層的結構,圖2。
圖2 Fire的層結構圖 
根據(jù)圖2,我們要新建兩個層,接著分別把它們命名為:“光圈”層,“外焰”層和“內焰”層。然后在每層的前面空出4幀來,作用是讓它在火花閃后出現(xiàn),以求效果真實。選中第1幀,按快捷鍵F9打開Actions面板,然后寫下影片剪輯停止播放的命令:stop();。第16幀的代碼是:gotoAndPlay(5);。
設計內焰。內焰其實就是一片藍色做大小變化的Shape運動。首先,按快捷鍵Shift F9打開ColorMixer面板,并進行如圖3的設置。
圖3中顯示的是右邊滑塊的設置,左面滑塊為黑色,Alpha值為0%。
點選“內焰”層的第5幀,按F7鍵插入一個空白幀,然后畫上一個外形如左下圖的內焰,大小為8 px X 13.5 px,X軸的值為0;Y軸的值為-7。然后用油漆桶工具 澆灌顏色,并用顏色轉變按鈕 點選火苗后調節(jié)顏色,最終效果如右下圖(此為400%的圖片)。圖4 藍色火焰設計
接下來,分別選中第9、13、16幀按F6插入要害幀,再點選第5、9、13幀,然后在Properties面板里的Tween下拉菜單中選擇Shape命令。接著按快捷鍵Ctrl I打開Info面板,把第9幀火苗的大小設置為8.5 px X 25 px,X軸的值不變;Y軸的值為-10.5 px,把第13幀火苗的大小設置為8.5 px X 15 px,X軸的仍為0 px;Y軸的值為-9 px。
設計外焰。打開Color Mixer面板進行如圖5的設置,設計出的外焰效果見圖6(此為200%的圖片)。 
外焰的設計方法同內焰。這里要講一下的是滑塊的設置,第1個滑塊:白色,0%,第2個滑塊:白色,30%,第3個滑塊:黃色(#FFFF99),100%,第4個滑塊:見圖5,第5個滑塊:白色,80%。這樣設計是為了讓外焰更有層次感,效果更加的逼真。
外焰大小、位置的設置同內焰。只是Info面板里的設置有所不同。第5幀和第16幀的大小一樣,為9 px X 45 px,X軸的值為0 px;Y軸的值為-20 px。把第9幀外焰的大小設置為9 px X 55 px,X軸的值不變,仍為0 px;Y軸的值為-20 px,把第13幀外焰的大小設置為8 px X 40 px,X軸的值不變;Y軸的值為-20 px。
設計光圈。打開Color Mixer面板進行如圖7的設置,然后用畫圓工具 畫出一個橢圓來,使其正好覆蓋外焰,見圖8。
圖8 光圈的相對位置 
光圈在第5幀和第16幀里的大小一樣,為60 px X 90 px,X軸的值為0 px;Y軸的值為-25 px。同樣,我們只要把第9幀里的光圈大小設置為65 px X 110 px,X軸的值不變,仍為0 px;Y軸的值為-27 px,把第13幀的光圈大小設置為60 px X 100 px,X軸的值不變;Y軸的值為-25 px就可以了。
光圈的設計是為了實現(xiàn)火焰四周的熱氣流動效果,使火焰地跳動更有真實感。
3.制作火花
按Ctrl vF8鍵,新建一個名為“Spark”的Movie Clip符號。Movie Clip符號“Spark”的場景中只有1層4幀,第1幀中火花的大小為1 px X 1 px。也就是說這時的火花可以是任意外形。第1幀中的代碼是:stop();。第2幀、第3幀中的火花位置與大小如見圖10、圖11。圖中白色的“╬”為場景的中心點。第4幀為空白幀,幀里的代碼是:gotoAndStop(1);。
圖9 Spark的層結構圖 
其實,第2幀和第3幀中的火花設置也很簡單,是由一些白色和黃色的小線段組成的。所以,我們可以先用線條工具 畫出一個個小線段,然后用油漆桶工具上色。當然,你也可以用一點青色和紅色來點綴一下。
在Flash中,播放1幀需要的時間是0.1秒,那么,這段火星動畫只需要0.3秒就播放完了,這樣,利用人的視覺停留原理就可以輕松實現(xiàn)火星的迸濺效果了。
4.制作齒輪
按Ctrl F8鍵,新建一個名為“Gear”的Movie Clip符號。在“Gear”的場景里先畫出一個灰色的圓環(huán),然后在圓環(huán)上畫一些交錯的黑白色小線條,如圖12。齒輪的大小為16 px X 16 px。(此為400%的圖片)
圖12 齒輪設計圖
選中做好的齒輪,按快捷鍵Ctrl G把它變成組圖,接著點選第3幀,按F6鍵插入一個要害幀。右鍵單擊第1幀,選擇Create Motion Tween命令。按Ctrl T鍵打開Transform面板,把第3幀中齒輪的角度改為20度,即向右旋轉20度。
最后,點選第3幀,按F9鍵,然后輸入代碼:stop();。這樣,齒輪在播放一次,也就是旋轉20度后便停止了,不會不停地旋轉
5.制作液氣
新建一個名為“Fluid”的Movie Clip符號。點選“Fluid”場景中的第1幀,輸入代碼:stop();。接著點選第5幀,按F7鍵插入一個空白幀,然后畫一個圖片。圖片的顏色為#ECFFF3,Alpha值為20%。圖片的大小為36 px X 70 px。外形如圖13。
點選這個圖片,按快捷鍵Ctrl G把它變成組圖,接著點第200幀,按F6鍵插入一個要害幀。右鍵單擊第5幀,選擇Create Motion Tween命令。接著,點選第200幀中的圖片,打開Info面板,把圖片的大小設置為36 px X 1 px。
點選第201幀,按F9鍵,然后輸入代碼:
setProperty("_root.fire", visible, 0);
//設置Movie Clip符號Fire的visible屬性為0,即Fire影片剪輯不可見
gotoAndStop(1);
這段代碼的主要作用是為了讓打火機的液氣在用完以后,火焰可以自動地熄滅。
6.導入聲音
俗話說,鮮花還須綠葉扶持。一個Flash動畫假如沒有音樂,那么這個動畫便沒有了生氣,但哪怕只有一點點音樂,說不定就能起到畫龍點睛的效果。所以本著這個設計理念,我們?yōu)閯赢媽胍粋齒輪和火石摩擦的聲音。
7.制作按鈕
設計這個按鈕是為了以后把它拖拽到場景中,再給這個按鈕加上一段代碼,用它來實現(xiàn)對以上所有影片的控制。這個按鈕本身的效果是實現(xiàn)打火機的按鈕被按動事件與齒輪轉動事件同時發(fā)生。下面我們就來看看這個按鈕的制作方法。
按Ctrl F8鍵新建一個名為“Lighter Button”的Button符號。雙擊Layer 1層,把它改名為“Button”層,然后新建一層并命名為“Gear”層。
在“Graphic符號“image”里把打火機的按鈕截取下來,然后粘貼在Button符號“Lighter Button”場景的Up幀里,接著在Down幀里按下F6鍵插入要害幀,按Ctrl T鍵打開Transform面板把打火機按鈕向右旋轉10度,使按鈕有被按下的效果。點選Down幀,按快捷鍵Ctrl L打開庫,把剛才導入的聲音拖拽到Down幀里。點選Hit幀,用矩形工具 畫一個矩形(不要邊線)。這個矩形正好覆蓋打火機的按鈕與齒輪。
在庫中把Movie Clip符號“Gear”拖拽到“Gear”層的Up幀里,接著點選Down幀,并按F6鍵插入要害幀,然后點選Up幀場景里的齒輪,按Ctrl B把它打散。Up幀場景里的齒輪影片被打散后就變成了圖片,這樣,鼠標移到按鈕上,齒輪就不會轉動了,而是要等到鼠標在按鈕上按下時,Down幀里的“Gear”影片剪輯才會被調用,齒輪才會轉動。
分享:關于FLASH中音樂的部分設置發(fā)布設置截圖加部分說明音樂屬性窗口的截圖及部分設置音樂屬性窗口的截圖及部分設置打開音樂屬性窗口的方法是打開庫(F11或者ctrlL),找到你要修改的音
- 相關鏈接:
- 教程說明:
Flash教程-逼真打火機制作 by 月下狂想曲
。



