這篇教程向朋友介紹利用Flash制作超酷的火焰文字GIF動(dòng)畫效果,教程制作出來的文字效果象征我們的生活蒸蒸日上。其實(shí),有理由相信不少朋友想做一些賀卡送給親朋,也正在找這些酷酷的特效呢。好了,喜歡的朋友可以跟著教程來學(xué)習(xí)一下哦!
這個(gè)效果,可以說是一個(gè)視覺效果,也可以說是。不過,這不打緊,重要的是這個(gè)效果夠酷就可以了。下面,我們就來制作這個(gè)效果。首先,設(shè)置沉積場(chǎng)景的大小為240*150像素,背景色為黑色,幀頻為25fps。然后我們開始制作元件。
1.按快捷鍵Ctrl+F8創(chuàng)建一個(gè)名為“文字”的圖形元件。點(diǎn)選文本工具,并如圖所示設(shè)置“屬性”面板(筆者用的字體是文鼎霹靂體,沒有的讀者可以選用其它的字體,不妨事)。在“文字”元件的編輯場(chǎng)景中輸入“蒸蒸日上”四個(gè)字,字體的顏色為#。
2.創(chuàng)建一個(gè)名為“文字效果”的影片剪輯元件。按快捷鍵Ctrl+L打開“庫(kù)”,把“庫(kù)”中的“文字”元件拖入其場(chǎng)景中。接著點(diǎn)選第20幀,按F6鍵插入關(guān)鍵幀。右鍵點(diǎn)擊第1幀,在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。分別點(diǎn)選第5、10、15幀按F6插入關(guān)鍵幀,如圖2所示。
按快捷鍵Ctrl+T打開“變形”,將第1、20幀中“文字”元件的高度變?yōu)樵瓉淼?0%,如圖所示。將第5、15幀中“文字”元件的高度變?yōu)樵瓉淼?5%。第10幀中的元件不做改變。這樣設(shè)置是為了讓文字的高度發(fā)生變化,其效果就象是在火焰中燃燒一樣。
3.按快捷鍵Ctrl+F8創(chuàng)建一個(gè)名為“火球”的圖形元件。接著按捷鍵Shift+F9打開“混色器”面板并如圖所示進(jìn)行設(shè)置。其中兩個(gè)滑塊都是白色flash中如何給文字做遮罩動(dòng)畫,第1個(gè)透明度為100%,第2個(gè)為0%。
4.創(chuàng)建一個(gè)名為“火球效果”的影片剪輯元件。打開“庫(kù)”,把“庫(kù)”中的“火球”元件拖入其場(chǎng)景中。接著打開“變形”面板,將“火球”元件的高、寬改為原來的18%。接著點(diǎn)選第25幀,按F6鍵插入關(guān)鍵幀。右鍵點(diǎn)擊第1幀,在彈出的菜單中選擇“創(chuàng)建補(bǔ)間動(dòng)畫”命令。再點(diǎn)選第8幀按F6插入關(guān)鍵幀。
把第8幀中的元件改為80%和120%,再將第25幀中的元件垂直向上移動(dòng)180個(gè)像素。點(diǎn)選第1幀中的元件,然后在“屬性”中如圖所示進(jìn)行設(shè)置。第8、25幀中的色彩分別為(225、229、34)、(236、45、18)。
5.創(chuàng)建一個(gè)名為“火焰”的影片剪輯元件。打開“庫(kù)”,把“庫(kù)”中的“火球效果”元件拖入場(chǎng)景中。點(diǎn)選“火球效果”元件,在“屬性”面板中起個(gè)實(shí)例名“火球”,如圖所示。點(diǎn)選該層的第3幀按F5鍵插入幀。新建一個(gè)“腳本”層,然后分別點(diǎn)選層中的第2、3幀并按F7鍵插入空白關(guān)鍵幀。
分別點(diǎn)選“腳本”層中的3幀,按F9鍵打開“動(dòng)作”面板,鍵入如下代碼。
第1幀代碼如下:
復(fù)制代碼
代碼如下:
// 變量i控制著影片的深度(層次)和影片復(fù)制的個(gè)數(shù)
// 屬性用來隱藏元件
// 把“火球”實(shí)例的x坐標(biāo)賦給變量X
i = 1;
火球. = 0;
X = 火球._x;
第2幀中的代碼如下:
復(fù)制代碼
代碼如下:
if ( i
// 復(fù)制“火球”實(shí)例
(火球, 火球 add i,i);
this[火球 add i]. = i*10;
this[火球 add i]._x = Math.()*25 + X;
i++;
}
第3幀代碼為
復(fù)制代碼
代碼如下:
“(2);”——
跳轉(zhuǎn)到第2幀執(zhí)行。
6.回到場(chǎng)景1flash中如何給文字做遮罩動(dòng)畫,創(chuàng)建一個(gè)“文字”層、一個(gè)“火焰層”。打開“庫(kù)”,把“文字效果”元件拖入到“文字層中。把“火焰”元件拖入到“火焰”層中。將“火焰”元件再?gòu)?fù)制出3個(gè),按快捷鍵Ctrl+K打開“對(duì)齊”面板,如圖所示進(jìn)行放置。最后在“屬性”面板里將“文字”元件的透明度設(shè)置為25%。
以上就是Flash制作超酷的火焰文字GIF動(dòng)畫效果的整個(gè)過程,按快捷鍵Ctrl+Enter測(cè)試一下吧,相信效果一定會(huì)令你滿意的。