DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Fireworks濾鏡巧繪極光字特效
Fireworks濾鏡巧繪極光字特效
編輯:Fireworks設計案例     
本文中我們用Fireworks的濾鏡(包括EYE CANDY4000濾鏡)來繪制極光特效字。

第一步:在Fireworks中新建文件,大小自定,在這裡我建的是(531*433)。背景為黑色,輸入字體A(字體為ARIAL BLACK),顏色為(白色),選中字體A,將字體轉換為路徑(CTRL+SHIFT+P)。充填:(空),描邊:大小(6),描邊顏色:(白色),描邊種類:(1素象柔化),邊緣為(0)。得到如下效果:

Fireworks濾鏡巧繪極光字特效

第二步:選中字體在選效果--->Aline skin splat LE---->Edges,屬性如圖:

Fireworks濾鏡巧繪極光字特效

得到如下效果:

Fireworks濾鏡巧繪極光字特效

第三步:選中字體點選效果--->EYE CANDY4000---->動作軌跡濾鏡,屬性如下圖:

Fireworks濾鏡巧繪極光字特效

得到效果如下:

Fireworks濾鏡巧繪極光字特效

第四步:復制4個做好的字體效果(選中字體CTRL+C)粘貼(CTRL+V)把復制出來的字體效果裡的動作軌跡濾鏡裡面的角度屬性分別更改為(90)(180)(0)度得到效果如圖:

Fireworks濾鏡巧繪極光字特效

第五步:將4個不同方向的運動軌跡字體效果合並在一起得到效果如下圖:

Fireworks濾鏡巧繪極光字特效

最後在給效果做一個前景效果點綴一下。制作方法是為第一步(也可以直接復制做好的效果後,在把裡面的濾鏡效果去掉。)修改一下字體的描邊屬性如下圖:

Fireworks濾鏡巧繪極光字特效

得到效果如下

Fireworks濾鏡巧繪極光字特效

最後把所有效果合並在一起就完成了:)要是想要給圖片上色請將所有效果圖組合(CTRL+G)在一起在,用色相飽和度來調整。上色效果圖:

Fireworks濾鏡巧繪極光字特效

好了極光字體教程到此結束。以上教程純屬提供思路呵呵!!大家還可以試一下其他角度的變化來得到更多的效果...

Png源圖:

Fireworks濾鏡巧繪極光字特效

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved