本例是通過(guò)蠟燭燃燒及熄滅時(shí)的效果給大家講述Flash制作中的一些很實(shí)用的方法和技巧。雖然蠟燭在生活中已不多見(jiàn)了,但這些技巧的用途還是很廣泛的,如影片的重放技巧,火焰、煙的制作方法,顏色的使用技巧等。
效果圖:
以下元件的圖片如不做說(shuō)明,場(chǎng)景的縮放比例均為100%。
設計步驟:
打開(kāi)FlashMX。按快捷鍵Ctrl+J,設置場(chǎng)景為450px×280px,黑色,幀速率12fps。
一、設計元件
1. 制作燭臺。
按快捷鍵Ctrl+F8新建一個(gè)名為“燭臺”的Graphic符號。然后在“燭臺”的場(chǎng)景里按快捷鍵Ctrl+R導入一個(gè)燭臺。見(jiàn)效果預覽圖。
2. 制作火焰。
按快捷鍵Ctrl+F8新建一個(gè)名為“燭火”的Movie Clip符號。為了方便制作,提高效率,在制作之前我們先來(lái)看一下“燭火”影片剪輯里層的結構,如圖1所示。

圖1 “燭火”的層結構圖
根據圖1,新建四個(gè)層,然后分別給它們命名。
※ 設計內焰。
技巧提示:制作火焰的大小的變化,要用到Shape(形變)運動(dòng)的概念。但是Shape運動(dòng)會(huì )使文件體積增大,所以在影片中最好少用。
首先,按快捷鍵Shift+F9打開(kāi)Color Mixer面板,并進(jìn)行如圖2的設置。

圖2 Color Mixer面板的設置
圖2中顯示的是右邊滑塊的設置,顏色值為#E8F080,顏色透明度為80%;左面滑塊為藍色,Alpha值為0%。
在“內焰”層畫(huà)上一個(gè)形狀如左下圖的內焰,大小為7 px X 12 px,X軸的值為0;Y軸的值為-8。然后用油漆桶工具


圖3 藍色火苗設計
接下來(lái),分別選中第5、9、13幀按F6插入關(guān)鍵幀,再選中第1、5、9幀,然后在Properties面板里的Tween下拉菜單中選擇Shape命令。接著(zhù)按快捷鍵Ctrl+I打開(kāi)Info面板,把第5幀火苗的大小設置為6 px X 16 px,X軸的值不變;Y軸的值為-10 px,把第9幀火苗的大小設置為8 px X 15 px,X軸的仍為0 px;Y軸的值為-9 px。
在具體的設計中,可能你的顏色轉變程度和我不一致,那么Info面板里的設置也就隨具體情況而變??傊粋€(gè)原則,就是你看了可以就行了。
※ 設計外焰。
打開(kāi)Color Mixer面板進(jìn)行如圖4的設置,設計出的外焰效果見(jiàn)圖5(此為200%的圖片)。


圖4 Color Mixer面板的設置 圖5 外焰的最終效果
外焰的設計方法同內焰。這里要講一下的是滑塊的設置,第1個(gè)滑塊:白色,0%;第2個(gè)滑塊:#122632,80%;第3個(gè)滑塊:#F1C263,100%;第4個(gè)滑塊:#EE8C15,100%;第5個(gè)滑塊:#EF6310,60%。這樣設計外焰會(huì )更有層次感,更加逼真。
外焰大小、位置的設置與內焰相似,Info面板里的設置也差不多,大家根據自己的情況進(jìn)行具體的微調。
※ 設計光暈。
光暈的設計實(shí)現了火焰周?chē)臒釟饬鲃?dòng)效果,使火焰地跳動(dòng)更有真實(shí)感。
打開(kāi)Color Mixer面板進(jìn)行如圖6的設置,然后用畫(huà)圓工具



圖6 Color Mixer面板的設置 圖7 光暈的位置與效果
光暈在第1幀和第13幀里的大小一樣,為76 px X 115 px,X軸的值為0 px;Y軸的值為-30 px。第5幀里的光暈大小為62 px X 138 px,X軸、Y軸的值都不變;把第9幀的光暈大小設置為54 px X 90 px,X軸、Y軸的值也都不變。
技巧提示:如果你選取一個(gè)被打散的物體,在Color Mixer面板里是不會(huì )看到顏色設置狀況的。但是你只要在該物體被選中時(shí),單擊Properties面板里油漆桶工具右邊的顏色選取方框,在等顏色選取面板彈出來(lái)后按Esc鍵取消后,你就能在Color Mixer面板里看到該物體顏色的組成方式了。
3. 制作光圈。
光圈的設計是為體現蠟燭照明的特點(diǎn)以及它給人們的溫暖感覺(jué)。
按Ctrl+F8鍵,新建一個(gè)名為“光圈”的Graphic符號。接著(zhù)打開(kāi)Color Mixer面板進(jìn)行如圖8的設置,然后在Graphic符號“光圈”的場(chǎng)景里用畫(huà)一個(gè)圓,然后在Info面板里把這個(gè)圓的大小設置成320 px X 370 px,見(jiàn)圖9(此為50%的圖片)。


圖8 Color Mixer面板的設置 圖9 光圈的效果
回到“燭火”影片的場(chǎng)景里,把Graphic符號“光圈”從庫中拖拽到“光圈”層中。選中這個(gè)光圈,先按快捷鍵Ctrl+C復制,然后把它的Alpha值改為30%,接著(zhù)在“光圈 X?。怠睂永锇纯旖萱IShift+Ctrl+V(原位)粘貼光圈,并把它用Transform面板(快捷鍵Ctrl+T)放大5倍。放大的光圈可以體現蠟燭的照明效用,以及給人的溫暖感覺(jué)。
燭火的效果到這里就設計好了?,F在你可以把“燭火”元件從庫中拖拽到主場(chǎng)景中測試一下,如果你發(fā)現問(wèn)題就雙擊元件后編輯,編輯時(shí)最好鎖定其它層或讓其它層不可見(jiàn),這樣調整起來(lái)就比較省力省時(shí)。
4. 制作蠟燭。
蠟燭的制作比較簡(jiǎn)單。按Ctrl+F8鍵,新建一個(gè)名為“蠟燭”的Graphic符號。然后在場(chǎng)景里畫(huà)一個(gè)與圖10相似的蠟燭。蠟燭為黃色,可以用少許橘黃色做點(diǎn)綴(此為300%的圖片)。


圖10 蠟燭 圖11 燭油

圖12 Library面板
技巧提示:在動(dòng)畫(huà)的制作過(guò)程中,如果元件太大或者太小的話(huà),我們就要通過(guò)實(shí)時(shí)地調整場(chǎng)景的縮放比例,這樣才能使設計更加方便。
5. 制作燭油。
燭油的制作也比較簡(jiǎn)單。先按Ctrl+F8鍵,新建一個(gè)名為“燭油”的Graphic符號。然后在場(chǎng)景里畫(huà)一個(gè)與圖11相似的燭油即可(此為800%的圖片)。
接著(zhù)再按Ctrl+F8鍵,新建一個(gè)名為“燭油”的Movie Clip符號??赡苡械淖x者會(huì )奇怪,為什么元件可以同名呢?是的,元件是可以同名的,只要我們把元件放在不同的文件夾里即可同名,如圖12所示。另外,在設計較大的動(dòng)畫(huà)時(shí)使用符號文件夾來(lái)管理元件不但方便,而且可以大大提高我們的工作效率。
把Graphic符號“燭油”從庫中拖拽到影片剪輯“燭油”的場(chǎng)景里,然后選中第30幀,按下F6鍵插入關(guān)鍵幀。右鍵單擊第1幀,選擇Create Motion Tween命令。接著(zhù)把第30幀中的燭油向下移動(dòng)60 px。
6. 制作黑煙。


圖13 煙的形狀
選中第16幀,按F7鍵插入空白關(guān)鍵幀。右鍵點(diǎn)擊該幀,選擇Actions命令打開(kāi)Actions面板,輸入如下代碼:
stop(); //停止“煙”的播放
7. 制作按鈕。
給按鈕加上一段代碼,用它來(lái)實(shí)現影片的重放功能,也就大家經(jīng)??梢栽貴lash動(dòng)畫(huà)中看到的那個(gè)Replay按鈕。其實(shí)這種按鈕的設計并不復雜。下面我們就來(lái)看看這種按鈕的制作方法。
按Ctrl+F8鍵新建一個(gè)名為“Replay”的Button符號。在按鈕場(chǎng)景的Up幀里用文字工具

二、設計場(chǎng)景
1. 設計各層。
如圖14建立各層,層的次序不能隨意更換。把已經(jīng)設計好的電影剪輯從庫中拖拽到相應的層里。如把影片剪輯“燭火”拖入到“燭火”層中。把元件放在各自的層里,就可以通過(guò)隱藏有鎖定它們來(lái)實(shí)現高效的工作了。

圖14 主場(chǎng)景中的各層結構
2. 設計燭臺層。
把設計好的燭臺從庫中拖拽到“燭臺”層中。選中第245幀并按下F6鍵,接著(zhù)右鍵點(diǎn)擊該幀,選擇Actions命令打開(kāi)Actions面板,輸入如下代碼:
stop(); //停止整個(gè)影片的播放
把剛才設計好的“Replay”按鈕拖拽到第245幀的場(chǎng)景中,接著(zhù)右鍵點(diǎn)擊“Replay”按鈕,選擇Actions命令打開(kāi)Actions面板,輸入如下代碼:
on (release) {
gotoAndPlay(1); //跳轉到第1幀并播放
}
3. 設計蠟燭層。
把影片剪輯“蠟燭”從庫中拖拽到“蠟燭”層中并把它放在燭臺上。接著(zhù)選中該層的第240幀并按下F6鍵,右鍵單擊個(gè)層的第1幀,選擇Create Motion Tween命令,建立幀的漸變運動(dòng)。見(jiàn)圖14。然后選中第240幀中的蠟燭,在Info面板里把它的大小設置成12 px X 1 px。把縮小的蠟燭向下拖拽,直到燭臺可以掩蓋它的地方。這樣,蠟燭燃燒減少的效果就做好了。
4. 設計燭油層。
把影片剪輯“燭油”從庫中拖拽到兩個(gè)“燭油”層的第1幀中。先選中“燭油_右”層中的燭油,接著(zhù)選擇[Modify]菜單下[Transform]選項列表中的Flip Horizontal命令,把“燭油”以垂直方向翻轉,就如圖15中Transform面板中的設置。圖16所示為兩個(gè)燭油相對蠟燭的位置。
選中兩個(gè)“燭油”層的第240幀并按下F6鍵。然后再右鍵單擊個(gè)層的第1幀,選擇Create Motion Tween命令,建立幀的漸變運動(dòng)。
大家都知道,蠟燭在燃燒完后都會(huì )有一股黑煙升起。為了使蠟燭的效果更加逼真,現在我們就來(lái)看看這個(gè)黑煙的制作過(guò)程。
按Ctrl+F8鍵,新建一個(gè)名為“煙”的Movie Clip符號。用鉛筆工具在“煙”的場(chǎng)景里畫(huà)出如圖13中的左圖所示的黑煙。接著(zhù)選中第15幀,按F6鍵插入關(guān)鍵幀,在第15幀中畫(huà)上一個(gè)黑煙,如圖13中右圖所示。選中第1幀,然后在Properties面板里的Tween下拉菜單中選擇Shape命令。


圖15 Properties面板 圖16 兩個(gè)燭油及其相對位置
在第240幀中,把“燭油”向下拖拽,直到燭臺可以掩蓋它為止。
5. 設計燭火層。
燭火層的設計就是在第1幀里把燭火放在蠟燭上;在第240幀上插入關(guān)鍵幀;建立漸變運動(dòng);把第240幀的燭火縮?。ūM量的?。┖笤偻瑺T油一樣拖拽到被燭臺掩蓋即可。
6. 設計煙效
煙效的設計我們借用一下蠟燭層。設計方法如下:先在蠟燭層的第241幀上按下F7鍵插入空白關(guān)鍵幀,接著(zhù)在第245幀插入一個(gè)空白關(guān)鍵幀,把先前設計好的影片剪輯“煙”從庫中從庫中拖拽到該幀中。
整個(gè)效果到這里就全部設計好了。
聯(lián)系客服