用Fireworks制作旋轉的四葉草動畫效果,可見fireworks除了在設計頁面排版外,制作gif動畫也是十分強大的

效果圖

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

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

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

圖3
End:在用濾鏡制作動畫時,我發現有時幾個動畫元件應用濾鏡和幾個動畫元件的組合應用濾鏡的效果是截然不同的。
你試過了嗎?嘗試使用各種濾鏡,制作精彩的動畫效果吧!

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

圖5

圖6

圖7

圖8

圖9 png

圖10 png
討論:http://www.missyuan.com/viewthread.php?tid=479558

圖11 png
情非得已
Fireworks中打造超酷奇妙光效2010-01-13
Fireworks中打造晶瑩剔透效果2010-01-13
Fireworks教程:碳纖維風格圖標2009-11-24
Fireworks中進行圖標細節刻畫2009-11-24
Fireworks制作超酷的透明漸變效果
相關文章2662017-04-27
Fireworks巧用遮罩制作字體晃動效果動畫
相關文章17182015-01-12
Fireworks輕松制作簡單的動畫教程
相關文章11432013-05-24
Fireworks制作中國古典風格人物簽名
相關文章10282013-04-07
Fireworks打造詭異人物輪廓光學涂鴉效果
相關文章14512013-04-07
Fireworks實例教程:繪制性感CG美女教程
相關文章10372012-08-10
Fireworks制作漂亮的時鐘動畫
相關文章19192011-10-05
Fireworks制作3D質感球體教程
相關文章7632011-08-23
