Fireworks用隕石背景打造飛火流星動畫特效實例教程

本例中我們使用Fireworks軟件,利用隕石背景打造飛火流星的動畫。
1.整體造型
a.圓形,復制一個備用
b.鋼筆工具勾出尾部造型
c.選擇兩矢量圖形,修改->組合路徑->聯(lián)合
2.模糊處理及顏色調(diào)整
a.高斯模糊
b.顏色填充,可選擇紅色,橙色,橙紅等接近于火焰的顏色
3.隕石制作
a.選擇圓形,選擇填充->圖案->選擇隕石背景圖片
b.調(diào)整背景
c.選擇[更改區(qū)域形狀工具],并根據(jù)實際情況調(diào)整大小和強度,將圖像變?yōu)椴灰?guī)則的隕石形狀。
4.火焰效果制作
a.建立一個矩形并用選擇填充圖案為隕石效果
b.高斯模糊,目的是為了下面應用減淡等效果時不出現(xiàn)雜點
c.選擇[柔化減淡],也可以選擇[顏色漸淡],只要達到火焰的效果就可以了(注:需要放在整體造型的上方,并背景為黑色),如果需要還可以利用運動模糊等濾鏡
5.最終處理
a.將處理過的矩形框放在圖層最上方,效果如左側(cè)圖
b.將隕石復制并放置在矩形框的上方,設置透明度和圖層疊加方式,目的是為了使隕石更清晰一些。
6.動畫導出
a.復制楨
b.調(diào)整矩形框的位置(可通過右側(cè)屬性進行設置,如每次移動10px之類)和隕石旋轉(zhuǎn)的位置,并修改每楨的間隔時間
c.根據(jù)實際情況對個別楨進行調(diào)整,并導出gif動畫。
注:因為使用的是圖案填充,有時效果不一定達到最佳,所以需要更多細節(jié)的調(diào)整,特別是導出動畫時,感覺上面的就沒有以前的好
友情提示:本圖片為GIF格式圖片,在網(wǎng)頁上可能看不到動畫效果,但是把圖片保存到本地就可以看到動畫效果了
利用[顏色減淡]的效果如下圖:
友情提示:本圖片為GIF格式圖片,在網(wǎng)頁上可能看不到動畫效果,但是把圖片保存到本地就可以看到動畫效果了
大家可以試一試其他的疊加效果如[加熱][強光][圖章][疊加]等,產(chǎn)生的效果各有不同
相關文章
- Fireworks 應用的一大亮點就是輕松制作紛繁的動畫效果,下面我們就來看看如何應用Fireworks MX2004 新增的一款濾鏡效果來輕松制作如下圖所示的動畫效果2013-09-02
Fireworks利用濾鏡工具輕松制作可愛Gif動畫實例教程
本章我們來教大家利用ireworks中的濾鏡工具來設計制作出,精致可愛的GIF動畫效果圖片2013-08-30Fireworks設計制作出具有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)的基本用法,結(jié)尾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