DIV CSS 佈局教程網

本教程介紹使用Fireworks制作可愛的四葉草旋轉gif動畫效果，教程主要講解了運用運動痕跡濾鏡模擬3D效果來完成最終效果，如果你有興趣就動手做做看咯。
　　看了“小可愛”轉的用Fireworks插件制作3D的gif動畫，實在強大。 

　　介紹這個插件的文章有差不多這樣一句話：按下“導出”按鈕，可能有類似死機現象，但是只要耐心等待，總會輸出gif。

　　暈，我家裡的機是N年前的老牌貨，看來要另想辦法了。

　　亂碰亂撞之下，意想不到的事情發生了～～～～～

效果圖

Png圖

　　1. 新建一個150*100px大小的畫布，用“星型工具”畫一個四葉草圖案，為它加一個“純色陰影濾”鏡。

　　按F8轉換為“動畫”元件，設為用21幀轉過360度。不要忘了在幀面板中刪除掉幀21。然後選中幀1。

圖1

　　2. 這一步是核心效果。為這個動畫實例添加一個EyeCandy4.0的“運動痕跡”濾鏡，參數就自由選擇了。

　　按下播放按鈕就可以看到濾鏡是如何模擬到3d效果的了。

圖2

　　3. 最後新建一個層，放標題和簽名，將該層置於頂部，鉤選“共享交疊幀”。

　　一個仿3D動畫的gif就3步被K.O.了。