本教程是關(guān)于用photoshop制作Windows
Vista風(fēng)_網(wǎng)頁(yè)教學(xué)網(wǎng)webjx.com轉(zhuǎn)載格按鈕。教程主要是應(yīng)用Photoshop的矩形工具繪制按鈕，及圖層樣式和圖層疊加來(lái)表現(xiàn)按鈕的質(zhì)感。 最終效果圖
1、新建一個(gè)圖像文檔（快捷鍵Ctrl + N），背景色為#2a2a2a，寬度和高度依自己需要而定。
2、從工具欄選擇圓角矩形工具（快捷鍵U），在選項(xiàng)欄設(shè)置其半徑為5像素，顏色為黑色，繪制類似如下形狀的圖形：
3、將“形狀1”圖層重命名為“按鈕背景”，在空白處雙擊，打開(kāi)圖層樣式對(duì)話框。給圖層應(yīng)用“外發(fā)光”、“內(nèi)發(fā)光”、“漸變疊加”、“描邊”等樣式。具體設(shè)置如圖所示：
（1） “外發(fā)光”圖層樣式參數(shù)設(shè)置：
（2）“內(nèi)發(fā)光”圖層樣式參數(shù)設(shè)置：
（3）“漸變疊加”圖層樣式參數(shù)設(shè)置：
其中漸變色三處色標(biāo)的顏色分別是：#148791 #000f1b #000f1b，如圖所示：
（4）“描邊”圖層樣式參數(shù)設(shè)置：
應(yīng)用如上圖層樣式后，我們將得到如下效果：
4、新建一個(gè)圖層，并命名為“光澤”。從工具欄中選擇“矩形選框工具”（快捷鍵M），繪制如下所示的選區(qū)。
5、現(xiàn)在我們要得到按鈕部分的選區(qū)。按住Shift + Ctrl + Alt鍵不放，用鼠標(biāo)點(diǎn)擊“按鈕背景”圖層的“圖層縮覽圖”圖標(biāo)，即得到按鈕部分的選區(qū)。
得到按鈕部分的選區(qū)。
6、從菜單中選擇“選擇 -> 修改 -> 收縮”，收縮量設(shè)置為1像素，將選區(qū)縮小1像素。
7、點(diǎn)擊選擇“光澤”圖層，使用白色 #ffffff 填充選區(qū)，Ctrl + D 取消選區(qū)。在圖層面板上，將不透明度降低為20%。這樣，一款漂亮的質(zhì)感按鈕就制作完成了。
8、最后在按鈕上輸入所需要的文字即可。注意使文字圖層位于“光澤”圖層之下，并且根據(jù)需要，適當(dāng)調(diào)整文字圖層的不透明度。
推薦閱讀-Photoshop分類教程
聯(lián)系客服
