Fireworks利用濾鏡工具輕松制作可愛Gif動畫實例教程

本文中我們用fireworks的濾鏡來制作精致可愛的gif動畫。
gif動畫:
png文件:
1. 在fireworks中新建一個150*100px大小的畫布。
用“星型工具”畫一個四葉草圖案,為它加一個“純色陰影”濾鏡。
按F8轉換為“動畫”元件,設為用21幀轉過360度。不要忘了在幀面板中刪除掉幀21。然后選中幀1。
2. 這一步是核心效果。
為這個動畫實例添加一個EyeCandy4.0的“運動痕跡”濾鏡,參數(shù)就自由選擇了。
按下播放按鈕就可以看到濾鏡是如何模擬到3d效果的了。
3. 最后新建一個層,放標題和簽名,
將該層置于頂部,鉤選“共享交疊幀”。一個仿3D動畫的gif就3步被K.O.了。
end: 在用濾鏡制作動畫時,我發(fā)現(xiàn)有時幾個動畫元件應用濾鏡和幾個動畫元件的組合應用濾鏡的效果是截然不同的。
嘗試使用各種濾鏡,制作精彩的動畫效果吧!
這里還有其它三個作品,簡單說一下它們應用的技法。
1. 齒輪的繪畫用了“自動形狀”的“齒輪”。對自轉的動畫實例應用了“純色陰影”濾鏡。
2. 對所有元件實例進行了組合,然后添加“內(nèi)側陰影”、“投影”和“純色陰影”濾鏡,對實例的組合應用這些濾鏡,看上去就有小星星從大星星里融出的感覺。
3. 只有一個層,設為共享交疊幀,對眼睛圖形實例和淚滴動畫實例進行組合,然后應用發(fā)光濾鏡,這樣淚滴好像從眼睛里融出。當然,幀延時要不斷減小,模擬淚滴從懸掛到自由落體運動的過程。
gif文件:
png文件:
友情提示:本章中標注的GIF文件都是具有動態(tài)效果的,但是由于網(wǎng)頁不支持,所以若想看到動畫效果,就需要把圖片保存到本地查看,請諒解!
相關文章
- Fireworks 應用的一大亮點就是輕松制作紛繁的動畫效果,下面我們就來看看如何應用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動畫效果2013-09-02
- 本章我們用Fireworks軟件制作出以隕石背景為主的飛火流星的動畫實例教程2013-08-30
Fireworks設計制作出具有GIF動畫效果的BANNER實例教程
本文我們一起學習如何使用Fireworks MX制作一個平滑變色效果的Banner,相信這樣的Banner一定會讓您的網(wǎng)站增色不少2013-08-27- 絲絲小雨,帶給我們多少溫柔與浪漫,這篇教程里,我們將會用fireworks里的運動模糊濾鏡來制作出絲小雨的動畫特效.希望大家在網(wǎng)頁設計中能有幫助2013-01-04
- fireworks 應用的一大亮點就是輕松制作紛繁的動畫效果,下面我們就來看看如何應用fireworks mx2004 新增的一款濾鏡效果來輕松制作2013-01-03
- 本文中我們用fireworks來制作一個變色的banner,從中我們可以掌握符號(symbol)的使用、補間實例動畫(tween instance)的制作、層(layers)和幀(frames)的基本用法,結尾2013-01-03
- 漂亮的閃圖動畫應用范圍非常廣,不僅可以在相冊、動態(tài)表情里使用,還可以在QQ空間、論壇簽名、各類回貼和博客中使用。 學習要點:本例中我們主要學習Fireworks導入閃2009-05-07
- gif動畫圖片批量增加水印效果.這個功能對于個人站長是非常實用的。 處理后 1.用firework打開gif文件。 2.在gif上面加上水印效果(打上文字,設置透明2008-10-05
- 無論在GIF動畫中,還是在Flash 動畫中,經(jīng)常會出現(xiàn)電視機沒有信號的雪花動畫畫面,或者類似的動態(tài)圖標,現(xiàn)在我們利用Fireworks中的折疊漸變加上逐幀動畫的形式來制作一下2008-10-05
- 不得不承認fireworks的強大與便捷。這幾天的學習讓我感覺以前學的知識都只是皮毛中的皮毛。 參考教程: http://bbs.blueidea.com/viewthre ... 3Ddigest#pid38828612008-10-05