Photoshop教程:制作白邊水晶按鈕(5)
來源:
作者:
學(xué)習(xí):870人次
Photoshop教程:制作白邊水晶按鈕(1)
作者:Sener 來源 :PS聯(lián)盟
來源:PS聯(lián)盟 作者:Sener
本教程介紹網(wǎng)頁常用水晶按鈕的制作方法,思路:制作方法跟平時做的水晶按鈕一樣,需要注意光感及細節(jié)的調(diào)節(jié),顏色及背景可以按照自己的喜好選用。
最終效果
![](http://pic.16xx8.com/allimg/080503/2025480.jpg)
1.新建一個500 * 300像素的文件,背景填充顏色:#827E22。
2.選擇圓角矩形工具,半徑設(shè)置為25,前景顏色設(shè)置為白色,繪制圖1所示的圓角矩形,然后刪格化圖層。
![](http://pic.16xx8.com/allimg/080503/2025481.jpg)
<圖1>
3.把圓角矩形復(fù)制一份,回到原圓角矩形這層,雙擊圖層調(diào)出圖層樣式,選擇描邊數(shù)值為6,顏色為白色如圖2,確定后新建一個空白圖層,把描邊后的圖層與空白圖層合并,再雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖3,效果如圖4。
![](http://pic.16xx8.com/allimg/080503/2025482.jpg)
<圖2>
![](http://pic.16xx8.com/allimg/080503/2025483.jpg)
<圖3>
![](http://pic.16xx8.com/allimg/080503/2025484.jpg)
<圖4>
4.回到圓角矩形副本層,雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖5,6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個正圓,然后按Delete刪除,效果如圖7。
![](http://pic.16xx8.com/allimg/080503/2025485.jpg)
<圖5>
![](http://pic.16xx8.com/allimg/080503/2025486.jpg)
<圖6>
![](http://pic.16xx8.com/allimg/080503/2025487.jpg)
<圖7>
5.如圖8所示鎖定圖層。
![](http://pic.16xx8.com/allimg/080503/2025488.jpg)
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選,再選擇漸變工具顏色設(shè)置如圖9,然后在繪制圖10所示的線性漸變。拉好漸變后不要取消選區(qū),按Ctrl + Shift + I反選,
![](http://pic.16xx8.com/allimg/080503/2025489.jpg)
<圖9>
![](http://pic.16xx8.com/allimg/080503/20254810.jpg)
<圖10>
7.選擇漸變工具顏色設(shè)置如圖11,然后在繪制圖12所示的線性漸變。總體效果如圖13。
![](http://pic.16xx8.com/allimg/080503/20254811.jpg)
<圖11>
![](http://pic.16xx8.com/allimg/080503/20254812.jpg)
<圖12>
![](http://pic.16xx8.com/allimg/080503/20254813.jpg)
<圖13>
8.調(diào)出圓角矩形的選區(qū),新建一個圖層填充顏色:#C5B564,選擇橡皮工具,只保留由邊一小部分,其它的地方都擦鋤,效果如圖14。
![](http://pic.16xx8.com/allimg/080503/20254814.jpg)
<圖14>
9.調(diào)出圓角矩形的選區(qū),新建一個圖層填充白色,然后把選區(qū)向下移動3個像素,如圖15,然后按按Delete刪除,適當?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
![](http://pic.16xx8.com/allimg/080503/20254815.jpg)
<圖15>
![](http://pic.16xx8.com/allimg/080503/2025480.jpg)
<圖16>
作者:Sener 來源 :PS聯(lián)盟
來源:PS聯(lián)盟 作者:Sener
本教程介紹網(wǎng)頁常用水晶按鈕的制作方法,思路:制作方法跟平時做的水晶按鈕一樣,需要注意光感及細節(jié)的調(diào)節(jié),顏色及背景可以按照自己的喜好選用。
最終效果
![](http://pic.16xx8.com/allimg/080503/2025480.jpg)
1.新建一個500 * 300像素的文件,背景填充顏色:#827E22。
2.選擇圓角矩形工具,半徑設(shè)置為25,前景顏色設(shè)置為白色,繪制圖1所示的圓角矩形,然后刪格化圖層。
![](http://pic.16xx8.com/allimg/080503/2025481.jpg)
<圖1>
3.把圓角矩形復(fù)制一份,回到原圓角矩形這層,雙擊圖層調(diào)出圖層樣式,選擇描邊數(shù)值為6,顏色為白色如圖2,確定后新建一個空白圖層,把描邊后的圖層與空白圖層合并,再雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖3,效果如圖4。
![](http://pic.16xx8.com/allimg/080503/2025482.jpg)
<圖2>
![](http://pic.16xx8.com/allimg/080503/2025483.jpg)
<圖3>
![](http://pic.16xx8.com/allimg/080503/2025484.jpg)
<圖4>
4.回到圓角矩形副本層,雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖5,6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個正圓,然后按Delete刪除,效果如圖7。
![](http://pic.16xx8.com/allimg/080503/2025485.jpg)
<圖5>
![](http://pic.16xx8.com/allimg/080503/2025486.jpg)
<圖6>
![](http://pic.16xx8.com/allimg/080503/2025487.jpg)
<圖7>
5.如圖8所示鎖定圖層。
![](http://pic.16xx8.com/allimg/080503/2025488.jpg)
<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選,再選擇漸變工具顏色設(shè)置如圖9,然后在繪制圖10所示的線性漸變。拉好漸變后不要取消選區(qū),按Ctrl + Shift + I反選,
![](http://pic.16xx8.com/allimg/080503/2025489.jpg)
<圖9>
![](http://pic.16xx8.com/allimg/080503/20254810.jpg)
<圖10>
7.選擇漸變工具顏色設(shè)置如圖11,然后在繪制圖12所示的線性漸變。總體效果如圖13。
![](http://pic.16xx8.com/allimg/080503/20254811.jpg)
<圖11>
![](http://pic.16xx8.com/allimg/080503/20254812.jpg)
<圖12>
![](http://pic.16xx8.com/allimg/080503/20254813.jpg)
<圖13>
8.調(diào)出圓角矩形的選區(qū),新建一個圖層填充顏色:#C5B564,選擇橡皮工具,只保留由邊一小部分,其它的地方都擦鋤,效果如圖14。
![](http://pic.16xx8.com/allimg/080503/20254814.jpg)
<圖14>
9.調(diào)出圓角矩形的選區(qū),新建一個圖層填充白色,然后把選區(qū)向下移動3個像素,如圖15,然后按按Delete刪除,適當?shù)恼{(diào)整透明度.最后打上文字完成最終效果。
![](http://pic.16xx8.com/allimg/080503/20254815.jpg)
<圖15>
![](http://pic.16xx8.com/allimg/080503/2025480.jpg)
<圖16>
學(xué)習(xí) · 提示
相關(guān)教程
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!