Fireworks利用濾鏡工具輕松制作可愛Gif動(dòng)畫實(shí)例教程
我要評(píng)論本文中我們用fireworks的濾鏡來制作精致可愛的gif動(dòng)畫。
gif動(dòng)畫：
png文件：
1. 在fireworks中新建一個(gè)150*100px大小的畫布。
用“星型工具”畫一個(gè)四葉草圖案，為它加一個(gè)“純色陰影”濾鏡。
按F8轉(zhuǎn)換為“動(dòng)畫”元件，設(shè)為用21幀轉(zhuǎn)過360度。不要忘了在幀面板中刪除掉幀21。然后選中幀1。
2. 這一步是核心效果。
為這個(gè)動(dòng)畫實(shí)例添加一個(gè)EyeCandy4.0的“運(yùn)動(dòng)痕跡”濾鏡，參數(shù)就自由選擇了。
按下播放按鈕就可以看到濾鏡是如何模擬到3d效果的了。
3. 最后新建一個(gè)層，放標(biāo)題和簽名，
將該層置于頂部，鉤選“共享交疊幀”。一個(gè)仿3D動(dòng)畫的gif就3步被K.O.了。
end: 在用濾鏡制作動(dòng)畫時(shí)，我發(fā)現(xiàn)有時(shí)幾個(gè)動(dòng)畫元件應(yīng)用濾鏡和幾個(gè)動(dòng)畫元件的組合應(yīng)用濾鏡的效果是截然不同的。
嘗試使用各種濾鏡，制作精彩的動(dòng)畫效果吧!
這里還有其它三個(gè)作品，簡單說一下它們應(yīng)用的技法。
1. 齒輪的繪畫用了“自動(dòng)形狀”的“齒輪”。對(duì)自轉(zhuǎn)的動(dòng)畫實(shí)例應(yīng)用了“純色陰影”濾鏡。
2. 對(duì)所有元件實(shí)例進(jìn)行了組合，然后添加“內(nèi)側(cè)陰影”、“投影”和“純色陰影”濾鏡，對(duì)實(shí)例的組合應(yīng)用這些濾鏡，看上去就有小星星從大星星里融出的感覺。
3. 只有一個(gè)層，設(shè)為共享交疊幀，對(duì)眼睛圖形實(shí)例和淚滴動(dòng)畫實(shí)例進(jìn)行組合，然后應(yīng)用發(fā)光濾鏡，這樣淚滴好像從眼睛里融出。當(dāng)然，幀延時(shí)要不斷減小，模擬淚滴從懸掛到自由落體運(yùn)動(dòng)的過程。
gif文件：
png文件：
友情提示：本章中標(biāo)注的GIF文件都是具有動(dòng)態(tài)效果的，但是由于網(wǎng)頁不支持，所以若想看到動(dòng)畫效果，就需要把圖片保存到本地查看，請(qǐng)諒解！
相關(guān)文章
FireWorks設(shè)計(jì)制作動(dòng)畫Logo實(shí)例教程
Fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動(dòng)畫效果2013-09-02Fireworks用隕石背景打造飛火流星動(dòng)畫特效實(shí)例教程
本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動(dòng)畫實(shí)例教程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)模糊濾鏡來制作出絲小雨的動(dòng)畫特效．希望大家在網(wǎng)頁設(shè)計(jì)中能有幫助2013-01-04- fireworks 應(yīng)用的一大亮點(diǎn)就是輕松制作紛繁的動(dòng)畫效果，下面我們就來看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來輕松制作2013-01-03
fireworks 輕松繪制 banner廣告動(dòng)畫教程
本文中我們用fireworks來制作一個(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è)人站長是非常實(shí)用的。 處理后 1.用firework打開gif文件。 2.在gif上面加上水印效果(打上文字，設(shè)置透明2008-10-05
無論在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)畫的形式來制作一下2008-10-05- 不得不承認(rèn)fireworks的強(qiáng)大與便捷。這幾天的學(xué)習(xí)讓我感覺以前學(xué)的知識(shí)都只是皮毛中的皮毛。 參考教程： http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05
