Fireworks用隕石背景打造飛火流星動(dòng)畫特效實(shí)例教程
我要評(píng)論本例中我們使用Fireworks軟件，利用隕石背景打造飛火流星的動(dòng)畫。
1.整體造型
a.圓形，復(fù)制一個(gè)備用
b.鋼筆工具勾出尾部造型
c.選擇兩矢量圖形，修改->組合路徑->聯(lián)合
2.模糊處理及顏色調(diào)整
a.高斯模糊
b.顏色填充，可選擇紅色，橙色，橙紅等接近于火焰的顏色
3.隕石制作
a.選擇圓形，選擇填充->圖案->選擇隕石背景圖片
b.調(diào)整背景
c.選擇[更改區(qū)域形狀工具]，并根據(jù)實(shí)際情況調(diào)整大小和強(qiáng)度，將圖像變?yōu)椴灰?guī)則的隕石形狀。
4.火焰效果制作
a.建立一個(gè)矩形并用選擇填充圖案為隕石效果
b.高斯模糊，目的是為了下面應(yīng)用減淡等效果時(shí)不出現(xiàn)雜點(diǎn)
c.選擇[柔化減淡]，也可以選擇[顏色漸淡]，只要達(dá)到火焰的效果就可以了(注:需要放在整體造型的上方,并背景為黑色)，如果需要還可以利用運(yùn)動(dòng)模糊等濾鏡
5.最終處理
a.將處理過(guò)的矩形框放在圖層最上方，效果如左側(cè)圖
b.將隕石復(fù)制并放置在矩形框的上方，設(shè)置透明度和圖層疊加方式，目的是為了使隕石更清晰一些。
6.動(dòng)畫導(dǎo)出
a.復(fù)制楨
b.調(diào)整矩形框的位置(可通過(guò)右側(cè)屬性進(jìn)行設(shè)置，如每次移動(dòng)10px之類)和隕石旋轉(zhuǎn)的位置，并修改每楨的間隔時(shí)間
c.根據(jù)實(shí)際情況對(duì)個(gè)別楨進(jìn)行調(diào)整，并導(dǎo)出gif動(dòng)畫。
注：因?yàn)槭褂玫氖菆D案填充，有時(shí)效果不一定達(dá)到最佳，所以需要更多細(xì)節(jié)的調(diào)整，特別是導(dǎo)出動(dòng)畫時(shí)，感覺上面的就沒有以前的好
友情提示：本圖片為GIF格式圖片，在網(wǎng)頁(yè)上可能看不到動(dòng)畫效果，但是把圖片保存到本地就可以看到動(dòng)畫效果了
利用[顏色減淡]的效果如下圖：
友情提示：本圖片為GIF格式圖片，在網(wǎng)頁(yè)上可能看不到動(dòng)畫效果，但是把圖片保存到本地就可以看到動(dòng)畫效果了
大家可以試一試其他的疊加效果如[加熱][強(qiáng)光][圖章][疊加]等，產(chǎn)生的效果各有不同
相關(guān)文章
FireWorks設(shè)計(jì)制作動(dòng)畫Logo實(shí)例教程
Fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來(lái)看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來(lái)輕松制作如下圖所示的動(dòng)畫效果2013-09-02Fireworks利用濾鏡工具輕松制作可愛Gif動(dòng)畫實(shí)例教程
本章我們來(lái)教大家利用ireworks中的濾鏡工具來(lái)設(shè)計(jì)制作出，精致可愛的GIF動(dòng)畫效果圖片2013-08-30Fireworks設(shè)計(jì)制作出具有GIF動(dòng)畫效果的BANNER實(shí)例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個(gè)平滑變色效果的Banner，相信這樣的Banner一定會(huì)讓您的網(wǎng)站增色不少2013-08-27fireworks下用運(yùn)動(dòng)模糊濾鏡制作下雨動(dòng)畫效果
絲絲小雨，帶給我們多少溫柔與浪漫，這篇教程里，我們將會(huì)用fireworks里的運(yùn)動(dòng)模糊濾鏡來(lái)制作出絲小雨的動(dòng)畫特效．希望大家在網(wǎng)頁(yè)設(shè)計(jì)中能有幫助2013-01-04- fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來(lái)看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來(lái)輕松制作2013-01-03
fireworks 輕松繪制 banner廣告動(dòng)畫教程
本文中我們用fireworks來(lái)制作一個(gè)變色的banner，從中我們可以掌握符號(hào)（symbol）的使用、補(bǔ)間實(shí)例動(dòng)畫（tween instance）的制作、層(layers)和幀(frames)的基本用法，結(jié)尾2013-01-03- 漂亮的閃圖動(dòng)畫應(yīng)用范圍非常廣，不僅可以在相冊(cè)、動(dòng)態(tài)表情里使用，還可以在QQ空間、論壇簽名、各類回貼和博客中使用。 學(xué)習(xí)要點(diǎn)：本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃2009-05-07
Fireworks教程:gif動(dòng)畫圖片批量增加水印
gif動(dòng)畫圖片批量增加水印效果.這個(gè)功能對(duì)于個(gè)人站長(zhǎng)是非常實(shí)用的。 處理后 1.用firework打開gif文件。 2.在gif上面加上水印效果(打上文字，設(shè)置透明2008-10-05
無(wú)論在GIF動(dòng)畫中，還是在Flash 動(dòng)畫中，經(jīng)常會(huì)出現(xiàn)電視機(jī)沒有信號(hào)的雪花動(dòng)畫畫面，或者類似的動(dòng)態(tài)圖標(biāo)，現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動(dòng)畫的形式來(lái)制作一下2008-10-05- 不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程： http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05
