Photoshop制作精美的網(wǎng)頁(yè)按鈕教程(3)

作者:佚名　  出處: 作者:河馬

先看效果圖。

1、新建文檔，尺寸自定，背景白色，建新層，畫(huà)一黑色圓角矩形。

2、分別添加投影、描邊這兩個(gè)圖層樣式。

效果如下圖所示。

3、創(chuàng)建一個(gè)新圖層，使用圓角矩形工具制作一個(gè)小一點(diǎn)的白色矩形，你可以使用自由變換調(diào)整它的大小和位置，如圖所示。

4、為白色的圓角矩形添加投影、內(nèi)陰影、漸變疊加和描邊這幾種圖層樣式，如圖所示。

效果如下圖所示。

5、新建一個(gè)圖層，按下Ctrl鍵單擊白色矩形圖層的縮略圖載入選區(qū)，并填充黑色，然后用鋼筆工具制作出下圖所示的路徑，然后按Ctrl+Enter把選區(qū)轉(zhuǎn)化為路徑，再添加一個(gè)圖層蒙版，如圖所示。

6、設(shè)置圖層混合模式為“柔光”，不透明度為70%，如圖所示。

8、背景填充黑色，然后使用文字工具輸入一些文字，并為文字圖層添加外發(fā)光圖層樣式，如圖所示。

9、多復(fù)制幾個(gè)按鈕，并添加不同的文字，最終效果如下圖所示。