Fireworks利用濾鏡工具輕松制作可愛Gif動畫實例教程
本文中我們用fireworks的濾鏡來制作精致可愛的gif動畫。
gif動畫:

png文件:

1. 在fireworks中新建一個150*100px大小的畫布。
用“星型工具”畫一個四葉草圖案,為它加一個“純色陰影”濾鏡。
按F8轉(zhuǎn)換為“動畫”元件,設(shè)為用21幀轉(zhuǎn)過360度。不要忘了在幀面板中刪除掉幀21。然后選中幀1。

2. 這一步是核心效果。
為這個動畫實例添加一個EyeCandy4.0的“運動痕跡”濾鏡,參數(shù)就自由選擇了。
按下播放按鈕就可以看到濾鏡是如何模擬到3d效果的了。

3. 最后新建一個層,放標(biāo)題和簽名,
將該層置于頂部,鉤選“共享交疊幀”。一個仿3D動畫的gif就3步被K.O.了。

end: 在用濾鏡制作動畫時,我發(fā)現(xiàn)有時幾個動畫元件應(yīng)用濾鏡和幾個動畫元件的組合應(yīng)用濾鏡的效果是截然不同的。
嘗試使用各種濾鏡,制作精彩的動畫效果吧!

這里還有其它三個作品,簡單說一下它們應(yīng)用的技法。
1. 齒輪的繪畫用了“自動形狀”的“齒輪”。對自轉(zhuǎn)的動畫實例應(yīng)用了“純色陰影”濾鏡。
2. 對所有元件實例進行了組合,然后添加“內(nèi)側(cè)陰影”、“投影”和“純色陰影”濾鏡,對實例的組合應(yīng)用這些濾鏡,看上去就有小星星從大星星里融出的感覺。
3. 只有一個層,設(shè)為共享交疊幀,對眼睛圖形實例和淚滴動畫實例進行組合,然后應(yīng)用發(fā)光濾鏡,這樣淚滴好像從眼睛里融出。當(dāng)然,幀延時要不斷減小,模擬淚滴從懸掛到自由落體運動的過程。

gif文件:



png文件:



友情提示:本章中標(biāo)注的GIF文件都是具有動態(tài)效果的,但是由于網(wǎng)頁不支持,所以若想看到動畫效果,就需要把圖片保存到本地查看,請諒解!
相關(guān)文章
- Fireworks 應(yīng)用的一大亮點就是輕松制作紛繁的動畫效果,下面我們就來看看如何應(yīng)用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動畫效果2013-09-02
- 本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動畫實例教程2013-08-30
Fireworks設(shè)計制作出具有GIF動畫效果的BANNER實例教程
本文我們一起學(xué)習(xí)如何使用Fireworks MX制作一個平滑變色效果的Banner,相信這樣的Banner一定會讓您的網(wǎng)站增色不少2013-08-27- 絲絲小雨,帶給我們多少溫柔與浪漫,這篇教程里,我們將會用fireworks里的運動模糊濾鏡來制作出絲小雨的動畫特效.希望大家在網(wǎng)頁設(shè)計中能有幫助2013-01-04
- fireworks 應(yīng)用的一大亮點就是輕松制作紛繁的動畫效果,下面我們就來看看如何應(yīng)用fireworks mx2004 新增的一款濾鏡效果來輕松制作2013-01-03
- 本文中我們用fireworks來制作一個變色的banner,從中我們可以掌握符號(symbol)的使用、補間實例動畫(tween instance)的制作、層(layers)和幀(frames)的基本用法,結(jié)尾2013-01-03
- 漂亮的閃圖動畫應(yīng)用范圍非常廣,不僅可以在相冊、動態(tài)表情里使用,還可以在QQ空間、論壇簽名、各類回貼和博客中使用。 學(xué)習(xí)要點:本例中我們主要學(xué)習(xí)Fireworks導(dǎo)入閃2009-05-07
- gif動畫圖片批量增加水印效果.這個功能對于個人站長是非常實用的。 處理后 1.用firework打開gif文件。 2.在gif上面加上水印效果(打上文字,設(shè)置透明2008-10-05
無論在GIF動畫中,還是在Flash 動畫中,經(jīng)常會出現(xiàn)電視機沒有信號的雪花動畫畫面,或者類似的動態(tài)圖標(biāo),現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動畫的形式來制作一下2008-10-05- 不得不承認fireworks的強大與便捷。這幾天的學(xué)習(xí)讓我感覺以前學(xué)的知識都只是皮毛中的皮毛。 參考教程: http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05


