Flash制作超酷的火焰文字GIF動畫效果
這篇教程是向腳本之家的朋友介紹利用Flash制作超酷的火焰文字GIF動畫效果,教程制作出來的文字效果象征我們的生活蒸蒸日上,效果如下。其實,筆者有理由相信不少朋友想做一些賀卡送給親朋,也正在找這些酷酷的特效呢。好了,推薦過來,喜歡的朋友可以跟著教程來學(xué)習(xí)一下哦!
效果預(yù)覽:
這個效果,可以說是一個視覺效果,也可以說是一個文字效果。不過,這不打緊,重要的是這個效果夠酷就可以了。下面,我們就來制作這個效果。首先,設(shè)置沉積場景的大小為240*150像素,背景色為黑色,幀頻為25fps。然后我們開始制作元件。
1.按快捷鍵Ctrl+F8創(chuàng)建一個名為“文字”的圖形元件。點選文本工具,并如圖1所示設(shè)置“屬性”面板(筆者用的字體是文鼎霹靂體,沒有的讀者可以選用其它的字體,不妨事)。在“文字”元件的編輯場景中輸入“蒸蒸日上”四個字,字體的顏色為#E75E23。

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

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

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

圖4
4.創(chuàng)建一個名為“火球效果”的影片剪輯元件。打開“庫”,把“庫”中的“火球”元件拖入其場景中。接著打開“變形”面板,將“火球”元件的高、寬改為原來的18%。接著點選第25幀,按F6鍵插入關(guān)鍵幀。右鍵點擊第1幀,在彈出的菜單中選擇“創(chuàng)建補間動畫”命令。再點選第8幀按F6插入關(guān)鍵幀。
把第8幀中的元件改為80%和120%,再將第25幀中的元件垂直向上移動180個像素。點選第1幀中的元件,然后在“屬性”中如圖5所示進行設(shè)置。第8、25幀中的色彩分別為(225、229、34)、(236、45、18)。

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

圖6
分別點選“腳本”層中的3幀,按F9鍵打開“動作”面板,鍵入如下代碼。
第1幀代碼如下:
// _visible屬性用來隱藏元件
// 把“火球”實例的x坐標(biāo)賦給變量X
i = 1;
火球._visible = 0;
X = 火球._x;
第2幀中的代碼如下:
// 復(fù)制“火球”實例
duplicateMovieClip("火球", "火球" add i, i);
this["火球" add i]._alpha = i*10;
this["火球" add i]._x = Math.random()*25 + X;
i++;
}
第3幀代碼為
跳轉(zhuǎn)到第2幀執(zhí)行。
6.回到場景1,創(chuàng)建一個“文字”層、一個“火焰層”。打開“庫”,把“文字效果”元件拖入到“文字層中。把“火焰”元件拖入到“火焰”層中。將“火焰”元件再復(fù)制出3個,按快捷鍵Ctrl+K打開“對齊”面板,如圖7所示進行放置。最后在“屬性”面板里將“文字”元件的透明度設(shè)置為25%。

圖7
以上就是Flash制作超酷的火焰文字GIF動畫效果的整個過程,按快捷鍵Ctrl+Enter測試一下吧,相信效果一定會令你滿意的。
相關(guān)文章

flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細請看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06
flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09
flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01
flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29











