網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

Fireworks教程:3D旋轉gif動畫

欄目: 數碼 / 釋出於: / 人氣:1.33W
本教程介紹使用Fireworks製作可愛的四葉草旋轉gif動畫效果,教程主要講解了運用運動痕跡濾鏡模擬3D效果來完成最終效果,如果你有興趣就動手做做看咯。
看了“小可愛”轉的用fireworks外掛製作3D的gif動畫,實在強大。

介紹這個外掛的文章有差不多這樣一句話:按下“匯出”按鈕,可能有類似宕機現象,但是隻要耐心等待,總會輸出gif。

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

亂碰亂撞之下,意想不到的事情發生了~~~~~

Fireworks教程:3D旋轉gif動畫

效果圖

Fireworks教程:3D旋轉gif動畫 第2張

Png圖

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

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

Fireworks教程:3D旋轉gif動畫 第3張

圖1

2. 這一步是核心效果。為這個動畫例項新增一個EyeCandy4.0的“運動痕跡”濾鏡,引數就自由選擇了。

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

Fireworks教程:3D旋轉gif動畫 第4張

圖2

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

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

Fireworks教程:3D旋轉gif動畫 第5張

圖3

End:在用濾鏡製作動畫時,我發現有時幾個動畫元件應用濾鏡和幾個動畫元件的組合應用濾鏡的效果是截然不同的。

你試過了嗎?嘗試使用各種濾鏡,製作精彩的動畫效果吧!

Fireworks教程:3D旋轉gif動畫 第6張

圖4

R: 還有其它三個作品,由淺入深簡單說一下它們應用的技法。

1. 齒輪的繪畫用了“自動形狀”的“齒輪”。對自轉的動畫例項應用了“純色陰影”濾鏡。

2. 對所有元件例項進行了組合,然後新增“內側陰影”、“投影”和“純色陰影”濾鏡,對例項的組合應用這些濾鏡,看上去就有小星星從大星星裡融出的感覺。

3. 只有一個層,設為共享交疊幀,對眼睛圖形例項和淚滴動畫例項進行組合,然後應用發光濾鏡,這樣淚滴好像從眼睛裡融出。當然,幀延時要不斷減小,模擬淚滴從懸掛到自由落體運動的過程。

Fireworks教程:3D旋轉gif動畫 第7張

圖5

Fireworks教程:3D旋轉gif動畫 第8張

圖6

Fireworks教程:3D旋轉gif動畫 第9張

圖7

Fireworks教程:3D旋轉gif動畫 第10張

圖8

Fireworks教程:3D旋轉gif動畫 第11張

圖9 png

Fireworks教程:3D旋轉gif動畫 第12張

圖10 png

Fireworks教程:3D旋轉gif動畫 第13張

圖11 png