透明水晶質(zhì)感圖片在網(wǎng)頁圖片設(shè)計中非常常見，尤其是按鈕的設(shè)計上。網(wǎng)上有許多素材，但是現(xiàn)成的有時并不能滿足自己的需求，例如圖片尺寸及顏色的設(shè)計方面。本文將詳細介紹怎樣使用Fireworks制作透明水晶質(zhì)感的圖片，其實做起來一點都不復(fù)雜。

漂亮的透明水晶質(zhì)感按鈕

透明水晶質(zhì)感按鈕

本教程制作的無鋸齒透明水晶質(zhì)感圖片

無鋸齒透明水晶質(zhì)感效果圖

制作步驟

一、新建文檔，畫布顏色選擇透明

二、畫一個圓角長方形，實心顏色為：#870136，然后屬性點擊“符合畫布”，讓長方形布滿整個畫布。

三，畫一個橢圓，注意邊寬為0，實心顏色為：#932C57，得到如下圖所示的效果。

橢圓疊加在長方形上

橢圓疊加在長方形上——效果圖

四、我們現(xiàn)在要把橢圓上半部分的顏色弄透明，只保留下半部分，這樣就是我們要達到的質(zhì)感效果了。怎么處理呢？其實是巧妙的利用了漸變填充來完成的。

1）、橢圓填充改為漸變-線性，起端顏色設(shè)為長方形的顏色：#870136，末端顏色設(shè)為橢圓的顏色：#932C57，如下圖所示：

橢圓填充改為漸變-線性

2）、拖動和轉(zhuǎn)動漸變指示的兩個節(jié)點，改為由上到下的漸變方式，

改變橢圓漸變方向

3）、通過不斷調(diào)整，同時調(diào)整下透明度，最終得到自己想要的效果，如下圖：

無鋸齒透明水晶質(zhì)感效果圖

至此，大功告成！

設(shè)計各種質(zhì)感線條效果圖

在此基礎(chǔ)上，配合鋼筆工具，你還可以設(shè)計出各種質(zhì)感線條的效果圖片來，參考文章《介紹Fireworks用鋼筆工具畫出有質(zhì)感的直線或曲線條》，效果圖如下面這些：

質(zhì)感線條的效果圖（1）

質(zhì)感線條的效果圖（2）

質(zhì)感線條的效果圖（3）

質(zhì)感線條的效果圖（4）

質(zhì)感線條的效果圖（5）

質(zhì)感線條的效果圖（6）

質(zhì)感線條的效果圖（7）

您可能對以下文章也感興趣

• 介紹Fireworks用鋼筆工具畫出有質(zhì)感的直線或曲線條
• 兩種方法使Fireworks畫的線條圖形變平滑無鋸齒
• 用Fireworks制作立體按鈕
• Fireworks制作gif動畫圖片 非常簡單
• Fireworks設(shè)計星形多邊爆炸圖素材

標簽: 技巧教程  無鋸齒  透明效果  質(zhì)感效果