DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Fireworks入門知識 >> Fireworks設計案例 >> Firewoks打造液體金屬字
Firewoks打造液體金屬字
編輯:Fireworks設計案例     
本文中我們用Fireworks打造打造逼真的液體金屬表面特效。

文章末尾提供png原文件下載。

效果如下:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

1、Fireworks中新建20*50的矩形,黑白線性填充,羽化10:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

2、選擇筆觸選項:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

3、筆觸選項參數如下,再點擊高級,選擇形狀,參數如下:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

4、選擇內側陰影,參數如下:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

5、選擇曲線,參數如下:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

6、選擇投影,參數如下:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

7、選擇亮度/對比度,參數如下,這樣就成形了。

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

8、如果還想上點顏色,給它一種不同的感覺,那就選擇“色相/飽和度”,參數如下,並調整到“亮度/對比度”的上面。

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

9、這個就是最後的效果了

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

10、另外,這種樣式可以自己添加到Fireworks樣式裡,以後可以方便使用,看看,效果是不是很不錯呢。

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

png源文件:

Firewoks打造液體金屬表面特效_天極設計在線整理轉載

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