Photoshop教程:制作白邊水晶按鈕(5)

來(lái)源: 作者: 學(xué)習(xí):870人次
Photoshop教程:制作白邊水晶按鈕(1)
作者:Sener  來(lái)源 :PS聯(lián)盟  
來(lái)源:PS聯(lián)盟 作者:Sener
本教程介紹網(wǎng)頁(yè)常用水晶按鈕的制作方法,思路:制作方法跟平時(shí)做的水晶按鈕一樣,需要注意光感及細(xì)節(jié)的調(diào)節(jié),顏色及背景可以按照自己的喜好選用。
最終效果

1.新建一個(gè)500 * 300像素的文件,背景填充顏色:#827E22。
2.選擇圓角矩形工具,半徑設(shè)置為25,前景顏色設(shè)置為白色,繪制圖1所示的圓角矩形,然后刪格化圖層。

<圖1>  
 

  3.把圓角矩形復(fù)制一份,回到原圓角矩形這層,雙擊圖層調(diào)出圖層樣式,選擇描邊數(shù)值為6,顏色為白色如圖2,確定后新建一個(gè)空白圖層,把描邊后的圖層與空白圖層合并,再雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖3,效果如圖4。

<圖2>

<圖3>

<圖4>
 

  4.回到圓角矩形副本層,雙擊圖層調(diào)出圖層樣式,參數(shù)設(shè)置如圖5,6。確定后選擇橢圓選框工具在圓角矩形的左邊繪制一個(gè)正圓,然后按Delete刪除,效果如圖7。

<圖5>

<圖6>

<圖7>


5.如圖8所示鎖定圖層。

<圖8>
6.選擇矩形選框工具把圓角矩形的下半部分框選,再選擇漸變工具顏色設(shè)置如圖9,然后在繪制圖10所示的線(xiàn)性漸變。拉好漸變后不要取消選區(qū),按Ctrl + Shift + I反選,

<圖9>

<圖10>   
 

   7.選擇漸變工具顏色設(shè)置如圖11,然后在繪制圖12所示的線(xiàn)性漸變?傮w效果如圖13。

<圖11>

<圖12>

<圖13>
8.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充顏色:#C5B564,選擇橡皮工具,只保留由邊一小部分,其它的地方都擦鋤,效果如圖14。

<圖14> 


  9.調(diào)出圓角矩形的選區(qū),新建一個(gè)圖層填充白色,然后把選區(qū)向下移動(dòng)3個(gè)像素,如圖15,然后按按Delete刪除,適當(dāng)?shù)恼{(diào)整透明度.最后打上文字完成最終效果。

<圖15>

<圖16>

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
dbft2008-06-02 03:36
謝謝<困>
交院爛人2008-05-08 08:38
蠻復(fù)雜的哦,謝謝了~~
亓齊2008-05-08 08:32
回去好好練練哦不錯(cuò)支持<饞嘴>
夏天de風(fēng)2008-05-07 01:35
<威武> <威武> 不錯(cuò). 回家試下
尹利2008-05-07 01:10
有些小步驟看不懂。做出來(lái)效果沒(méi)有你的好。
白開(kāi)水20082008-05-05 04:05
多謝樓主,但這對(duì)于初學(xué)的我來(lái)說(shuō),好難啊~~~~~
每天一點(diǎn)2008-05-04 08:19
謝謝<困> <困>
pyhuguichun2008-05-04 07:52
哇哇 ` 看不懂```

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!