fireworks怎么繪制水晶按鈕

　　大家知道 fireworks水晶透明按鈕 嗎?如果不知道的趕緊看看我們給大家整理出來的教程 。對(duì)于水晶按鈕的效果，大家應(yīng)該見得很多了，我們使用Fireworks軟件可以制作各種各樣的立體水晶效果，但是不管什么樣的水晶立體效果，都有一個(gè)共同的特點(diǎn)，為了能夠?qū)崿F(xiàn)按鈕的立體效果，我們可以通過漸變色和制作高光效果來實(shí)現(xiàn)。 那么下面學(xué)習(xí)啦小編跟分享了更多關(guān)于fireworks怎么繪制水晶按鈕，希望你喜歡。

　　fireworks繪制水晶按鈕的方法/步驟：

　　效果如圖1.1所示。

　　圖　1.1卡通表情圖標(biāo)效果

　　fireworks繪制水晶按鈕的思路分析：

　　首先來看看按鈕的構(gòu)成圖，如圖1.2所示：

　　圖　1.2按鈕構(gòu)成圖

　　1、任何光滑的東西都會(huì)產(chǎn)生鏡面反射，水晶按鈕當(dāng)然不會(huì)例外。

　　2、要讓按鈕浮出畫布，陰影是少不了的。有了正確的陰影，人們感覺才會(huì)更逼真。

　　3、這個(gè)水晶按鈕是有顏色的，但不是平板、呆板的顏色，而是一個(gè)從一個(gè)顏色過度到淺色的漸變色，為什么會(huì)這樣?因?yàn)樗峭该鞯?，光線從上到下投射下來的時(shí)候，由于下部的角度問題，產(chǎn)生的反射越來越多(這部分可參考物理學(xué)知識(shí))，所以下面的顏色會(huì)較淺。(注：我們假設(shè)光源在正上方)

　　4、按鈕是扁圓的，到了邊緣，這個(gè)曲度發(fā)生較大的變化(大家可以想象一下這里的橫截面)，因此邊緣會(huì)變暗，于是會(huì)有這一點(diǎn)點(diǎn)的陰影。如圖1.3所示

　　圖　1.3按鈕橫截面光線圖

　　fireworks繪制水晶按鈕的實(shí)現(xiàn)步驟：

　　1、新建一個(gè)Fireworks文件。

　　2、在彈出的【新建文檔】對(duì)話框中設(shè)置畫布的寬度和高度為300像素，背景顏色為白色。如圖1.4所示。

　　<.

　　圖　1.4新建文檔對(duì)話框

　　3、選擇工具箱中的矩形工具，在畫布中繪制一個(gè)和畫布一樣大小的矩形。

　　4、給這個(gè)矩形添加一個(gè)深灰到淺灰色的漸變色，作為畫布的背景。效果如圖1.5所示。

　　圖　1.5制作畫布背景

　　5、選擇工具箱中的橢圓工具，在舞臺(tái)中繪制一個(gè)100X100像素的正圓。

　　6、給這個(gè)正圓填充深灰色，在屬性面板中設(shè)置填充的邊緣效果為“羽化”，值為“15”。效果如圖1.6所示。

　　圖　1.6從標(biāo)尺中拖拽垂直引導(dǎo)線

　　說明：這里，最下方的正圓是用來實(shí)現(xiàn)按鈕的陰影效果。

　　7、在fireworks中復(fù)制這個(gè)正圓，在屬性面板中設(shè)置填充的邊緣效果為“消除鋸齒”，并且填充放射狀漸變色，中間為淺灰色，外部為深灰色，而且淺灰色的范圍要適當(dāng)大一些。效果如圖1.7所示。

　　圖　1.7設(shè)置第二個(gè)正圓的屬性

　　提示：第二個(gè)正圓的作用是用來實(shí)現(xiàn)按鈕的邊緣效果。

　　8、在fireworks中復(fù)制第二個(gè)正圓，選擇【修改】@@【變形】@@【數(shù)值變形】(快捷鍵：【Ctrl+Shift+T】)命令。把這個(gè)正圓縮小到原來的80%。

　　9、給第三個(gè)正圓填充線性漸變色。選擇【修改】@@【變形】@@【旋轉(zhuǎn)90°順時(shí)針】命令。把這個(gè)正圓上的水平漸變色旋轉(zhuǎn)為垂直漸變色。效果如圖1.8所示。

　　<.

　　圖　1.8改變線性漸變色的方向

　　10、在fireworks中屬性面板中設(shè)置第三個(gè)正圓的填充邊緣效果為“羽化”，值為“15”。效果如圖1.9所示。

　　圖　1.9設(shè)置第填充邊緣效果為“羽化”

　　提示：第三個(gè)正圓的作用是用來實(shí)現(xiàn)按鈕整體的顏色漸變效果。

　　11、最后在fireworks中來繪制按鈕的高光，選擇工具箱中的“橢圓”工具，在畫布中繪制一個(gè)橢圓。效果如圖1.10所示。

　　圖　1.10繪制按鈕的高光效果

　　12、給這個(gè)橢圓填充線性漸變。同樣要把漸變色的方向調(diào)整為垂直。如圖1.11所示。

　　圖　1.11填充線性漸變色

　　13、在fireworks中調(diào)整橢圓的漸變色，兩端都為白色。然后把一邊漸變色的透明度調(diào)整為0。效果如圖1.12所示。

　　圖　1.12調(diào)整橢圓的線性漸變色

　　14、調(diào)整后的效果如圖1.13所示。

　　圖　1.13制作高光效果

　　提示：高光的漸變色是白色過度到透明，上方為白色，底端為透明。

　　15、可以在按鈕上繪制一些圖形做修飾，效果如圖1.14所示。

　　圖　1.14按鈕完成效果

　　16、那么如何制作多彩的按鈕呢?是不是不同的顏色就必須重新制作一遍呢?其實(shí)我們使用Fireworks中的濾鏡就可以輕松解決這個(gè)問題。

　　17、把整個(gè)按鈕組合起來，復(fù)制多個(gè)。選擇其中的一個(gè)按鈕，在屬性面板中點(diǎn)擊濾鏡面板中的“+”號(hào)，選擇【調(diào)整顏色】@@【色相/飽和度/亮度】命令。效果如圖1.15所示。

　　圖　1.15“色相/飽和度/亮度”濾鏡設(shè)置

　　18、在彈出的“色相/飽和度/亮度”濾鏡設(shè)置窗口中，選中“彩色化”復(fù)選框，然后適當(dāng)增加“飽和度”，改變“色相”的值，就可以得到不同的彩色按鈕了。效果如圖1.1所示。

　　操作技巧

　　1、繪制正圓的時(shí)候可以按住【Shift】鍵，或者直接在屬性面板中更改選擇對(duì)象的尺寸。

　　2、所有的線性漸變色默認(rèn)都是水平方向的，可以使用【修改】@@【變形】@@【旋轉(zhuǎn)90°順時(shí)針】命令調(diào)整為垂直方向的。

　　3、需要改變對(duì)象的顏色，可以使用“色相/飽和度/亮度”濾鏡命令快速完成。