怎樣製作網站實用按鈕?最終效果:素材:
步驟/方法
1.新建一個500*250象素的視窗,填充綠色(R:52,G:175,B:125),再新建一層命名為"按鈕--底部",選擇“圓角矩形工具”如
<圖1>
,半徑數值為“4”如
<圖2>
,繪製如
<圖3>
所示的圓角矩形。
<圖1>
<圖2>
<圖3>圖3>
圖2>
圖1>
圖3>
圖2>
圖1>
2.鎖定圖層,選擇漸變工具,顏色設定如下
<圖4>
,由上至下繪製漸變效果如
<圖5>
<圖4>圖4>
圖5>
圖4>
3.在"按鈕--底部"上面新建一層命名為“按鈕--高光”,調出“按鈕--底部”的選區如
<圖6>
,選擇選單:選擇 > 修改 > 收縮,數值為1,再填充淡綠色(R:244,G:253,B:235),按Ctrl + D取消選區。
<圖6>
<圖7>
<圖8>圖8>
圖7>
圖6>
圖6>
4.如
<圖9>
在“按鈕--高光”這層新增蒙版,再用黑白漸變工具如
<圖10>
由上往下繪製漸變,效果如
<圖11>
<圖9>
<圖10>
<圖11>圖11>
圖10>
圖9>
圖11>
圖10>
圖9>
5.回到“按鈕--底部”這一層,調出圖層樣式,分別進行"描邊"和"內發光",設定如
<圖12>
,
<圖13>
效果如
<圖14>
<圖12>
<圖13>
<圖14>圖14>
圖13>
圖12>
圖14>
圖13>
圖12>
6.在"圖層--高光"上面打上“PS聯盟”的文字如
<圖15>
<圖15>圖15>
圖15>
7.調出文字的圖層樣式新增陰影。具體設定如
<圖16>
,效果如
<圖17>
<圖16>
<圖17>圖17>
圖16>
圖17>
圖16>
8.回到背景這層,把素材裡面的花紋拖過來,把顏色改成綠色,放到按鈕的底部做裝飾。效果如
<圖18>
>>PSD下載
<圖18>圖18>
圖18>
9.根據需要適當的調整一下,可以做出不同風格,不同顏色的按鈕。
<圖19>圖19>