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