教你制作Windows Vista風(fēng)格按鈕

ps按鈕制作
2011-4-11 06:56:19 文/吳建國(guó) 圖/陳雅婷
本教程是關(guān)于用photoshop制作Windows
![ps按鈕制作教程]()
1、新建一個(gè)圖像文檔(快捷鍵Ctrl + N),背景色為#2a2a2a,寬度和高度依自己需要而定。
![ps按鈕制作教程]()
2、從工具欄選擇圓角矩形工具(快捷鍵U),在選項(xiàng)欄設(shè)置其半徑為5像素,顏色為黑色,繪制類似如下形狀的圖形:
![ps按鈕制作教程]()
3、將“形狀1”圖層重命名為“按鈕背景”,在空白處雙擊,打開圖層樣式對(duì)話框。給圖層應(yīng)用“外發(fā)光”、“內(nèi)發(fā)光”、“漸變疊加”、“描邊”等樣式。具體設(shè)置如圖所示:
Vista風(fēng)_網(wǎng)頁(yè)教學(xué)網(wǎng)網(wǎng)址未加載轉(zhuǎn)載格按鈕。教程主要是應(yīng)用Photoshop的矩形工具繪制按鈕,及圖層樣式和圖層疊加來表現(xiàn)按鈕的質(zhì)感。
最終效果圖
1、新建一個(gè)圖像文檔(快捷鍵Ctrl + N),背景色為#2a2a2a,寬度和高度依自己需要而定。

2、從工具欄選擇圓角矩形工具(快捷鍵U),在選項(xiàng)欄設(shè)置其半徑為5像素,顏色為黑色,繪制類似如下形狀的圖形:

3、將“形狀1”圖層重命名為“按鈕背景”,在空白處雙擊,打開圖層樣式對(duì)話框。給圖層應(yīng)用“外發(fā)光”、“內(nèi)發(fā)光”、“漸變疊加”、“描邊”等樣式。具體設(shè)置如圖所示:
(1) “外發(fā)光”圖層樣式參數(shù)設(shè)置:
