Flash制作超酷的火焰文字GIF動(dòng)畫(huà)效果

發(fā)布時(shí)間：2014-10-10 17:12:43 作者：佚名

這篇教程是向腳本之家的朋友介紹利用Flash制作超酷的火焰文字GIF動(dòng)畫(huà)效果，教程制作出來(lái)的效果真的非常酷，方法也不是很難，推薦過(guò)來(lái)，喜歡的朋友可以過(guò)來(lái)學(xué)習(xí)一下哦

　　這篇教程是向腳本之家的朋友介紹利用Flash制作超酷的火焰文字GIF動(dòng)畫(huà)效果，教程制作出來(lái)的文字效果象征我們的生活蒸蒸日上，效果如下。其實(shí)，筆者有理由相信不少朋友想做一些賀卡送給親朋，也正在找這些酷酷的特效呢。好了，推薦過(guò)來(lái)，喜歡的朋友可以跟著教程來(lái)學(xué)習(xí)一下哦！

　　效果預(yù)覽：

　　這個(gè)效果，可以說(shuō)是一個(gè)視覺(jué)效果，也可以說(shuō)是一個(gè)文字效果。不過(guò)，這不打緊，重要的是這個(gè)效果夠酷就可以了。下面，我們就來(lái)制作這個(gè)效果。首先，設(shè)置沉積場(chǎng)景的大小為240*150像素，背景色為黑色，幀頻為25fps。然后我們開(kāi)始制作元件。

　　1．按快捷鍵Ctrl+F8創(chuàng)建一個(gè)名為“文字”的圖形元件。點(diǎn)選文本工具，并如圖1所示設(shè)置“屬性”面板（筆者用的字體是文鼎霹靂體，沒(méi)有的讀者可以選用其它的字體，不妨事）。在“文字”元件的編輯場(chǎng)景中輸入“蒸蒸日上”四個(gè)字，字體的顏色為#E75E23。

圖1

　　2．創(chuàng)建一個(gè)名為“文字效果”的影片剪輯元件。按快捷鍵Ctrl+L打開(kāi)“庫(kù)”，把“庫(kù)”中的“文字”元件拖入其場(chǎng)景中。接著點(diǎn)選第20幀，按F6鍵插入關(guān)鍵幀。右鍵點(diǎn)擊第1幀，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令。分別點(diǎn)選第5、10、15幀按F6插入關(guān)鍵幀，如圖2所示。

圖2

　　按快捷鍵Ctrl+T打開(kāi)“變形”，將第1、20幀中“文字”元件的高度變?yōu)樵瓉?lái)的90%，如圖3所示。將第5、15幀中“文字”元件的高度變?yōu)樵瓉?lái)的95%。第10幀中的元件不做改變。這樣設(shè)置是為了讓文字的高度發(fā)生變化，其效果就象是在火焰中燃燒一樣。

圖3

　　3．按快捷鍵Ctrl+F8創(chuàng)建一個(gè)名為“火球”的圖形元件。接著按捷鍵Shift+F9打開(kāi)“混色器”面板并如圖4所示進(jìn)行設(shè)置。其中兩個(gè)滑塊都是白色，第1個(gè)透明度為100%，第2個(gè)為0%。

圖4

　　4．創(chuàng)建一個(gè)名為“火球效果”的影片剪輯元件。打開(kāi)“庫(kù)”，把“庫(kù)”中的“火球”元件拖入其場(chǎng)景中。接著打開(kāi)“變形”面板，將“火球”元件的高、寬改為原來(lái)的18%。接著點(diǎn)選第25幀，按F6鍵插入關(guān)鍵幀。右鍵點(diǎn)擊第1幀，在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令。再點(diǎn)選第8幀按F6插入關(guān)鍵幀。

　　把第8幀中的元件改為80%和120%，再將第25幀中的元件垂直向上移動(dòng)180個(gè)像素。點(diǎn)選第1幀中的元件，然后在“屬性”中如圖5所示進(jìn)行設(shè)置。第8、25幀中的色彩分別為（225、229、34）、（236、45、18）。

圖5

　　5．創(chuàng)建一個(gè)名為“火焰”的影片剪輯元件。打開(kāi)“庫(kù)”，把“庫(kù)”中的“火球效果”元件拖入場(chǎng)景中。點(diǎn)選“火球效果”元件，在“屬性”面板中起個(gè)實(shí)例名“火球”，如圖6所示。點(diǎn)選該層的第3幀按F5鍵插入幀。新建一個(gè)“腳本”層，然后分別點(diǎn)選層中的第2、3幀并按F7鍵插入空白關(guān)鍵幀。

圖6

　　分別點(diǎn)選“腳本”層中的3幀，按F9鍵打開(kāi)“動(dòng)作”面板，鍵入如下代碼。

　　第1幀代碼如下：

復(fù)制代碼

代碼如下:

// 變量i控制著影片的深度(層次)和影片復(fù)制的個(gè)數(shù)
// _visible屬性用來(lái)隱藏元件
// 把“火球”實(shí)例的x坐標(biāo)賦給變量X
i = 1;
火球._visible = 0;
X = 火球._x;

　　第2幀中的代碼如下：

復(fù)制代碼

代碼如下:

if ( i<30 ) {
// 復(fù)制“火球”實(shí)例
duplicateMovieClip("火球", "火球" add i, i);
this["火球" add i]._alpha = i*10;
this["火球" add i]._x = Math.random()*25 + X;
i++;
}

第3幀代碼為

復(fù)制代碼

代碼如下:

“gotoAndPlay(2);”——

跳轉(zhuǎn)到第2幀執(zhí)行。

　　6．回到場(chǎng)景1，創(chuàng)建一個(gè)“文字”層、一個(gè)“火焰層”。打開(kāi)“庫(kù)”，把“文字效果”元件拖入到“文字層中。把“火焰”元件拖入到“火焰”層中。將“火焰”元件再?gòu)?fù)制出3個(gè)，按快捷鍵Ctrl+K打開(kāi)“對(duì)齊”面板，如圖7所示進(jìn)行放置。最后在“屬性”面板里將“文字”元件的透明度設(shè)置為25%。