本教程來自：psdvault.com 如需轉(zhuǎn)載 請務(wù)必以超鏈接形式注明：來自活力盒子網(wǎng)站以及原文出處,。水平有限,，翻譯難免有誤，請有心的朋友給予指出,，以方便更多朋友閱讀,。

1.在photoshop中新建文件，寬度200,、高度200px,，白色背景，分辨率72px（web圖片）注意這就是我們要制作的按鈕的實(shí)際尺寸,。按住Ctrl+R調(diào)出標(biāo)尺,，分別拖動(dòng)4條參考線到畫布的四周，如下圖：

按住Ctrl+alt+c調(diào)出畫布調(diào)整面板,，分別把寬度,、高度設(shè)為800px和500px。

你會(huì)得到如下所示效果（為了便于示范我設(shè)置背景色為灰色）

你可以看到,，這樣我們就得到了200px*200px按鈕的準(zhǔn)確位置,，參考線后面也不需要移除。

2.我們準(zhǔn)備一個(gè)簡單的背景,。我傾向于用亮灰色做漸變填充,，顏色設(shè)置如下：

新建圖層命名為“backlight”，使用大,、小柔角畫筆,，大畫筆繪制中上方的光影,，小畫筆用來繪制畫布正中間偏上的光影，效果如下：

重設(shè)光影層的大小和位置如下圖：

現(xiàn)在我們的按鈕已經(jīng)有了非常漂亮的背景

3.按快捷鍵U調(diào)出圓角矩形工具,，圓角半徑設(shè)為10px,，沿著參考線繪制圓角矩形。

把該圖層命名為“button bg”,，并添加如下圖層樣式：

投影

漸變疊加

描邊

目前的效果：

4.現(xiàn)在讓我們?yōu)榘粹o增加些陰影和高光,。在“button bg”上一層新建圖層，使用矩形工具繪制矩形選區(qū)并填充深灰色,。

把該圖層命名為“shadow”,，“濾鏡-模糊-高斯模糊”，半徑設(shè)為13px,，確保此時(shí)圖層不存在任何選區(qū),。

Ctrl+T調(diào)整投影大小，圖層不透明度設(shè)為30%,，你將獲得如下效果：

新建圖層,，命名為“Highlight”，置于所有圖層的頂端,，混合模式設(shè)為“疊加”,，使用白色柔角畫筆繪制按鈕的頂部，如下圖：

復(fù)制圖層,，改變混合模式為“正常”,，調(diào)整大小,位置略高于按鈕的上邊緣。如圖：

目前的效果如下：

5.現(xiàn)在我們?yōu)榘粹o繪制信封,。做所有圖層頂端新建圖層,，使用矩形工具繪制如圖所示白色矩形：

把該圖層命名為“envelope”并應(yīng)用如下圖層樣式：

投影

外發(fā)光

描邊

目前的效果：

6.下面我們?yōu)樾欧庠黾有┘?xì)節(jié)。新建圖層命名為“envelope top”,，選擇多邊形工具

應(yīng)用如下設(shè)置（3角）

繪制三角如下圖，調(diào)整其大小以適合信封,。

應(yīng)用如下圖層樣式：
投影

內(nèi)陰影

漸變疊加

描邊

目前效果如下：

復(fù)制圖層,，把新得到的圖層命名為“envelope bottom”，ctrl+T變形,，右擊選“垂直翻轉(zhuǎn)”,。

保留所有的圖層樣式描邊除外，調(diào)整位置如下：

在信封的最頂層和最底層之間新建圖層,，使用柔角筆刷在信封中央繪制陰影和高光,。

目前的效果

7.現(xiàn)在基本上已經(jīng)制作完畢，下面我們來添加文字,。輸入“contact us”,，顏色設(shè)置為#b10000如下：

這里我們的文字使用了深紅色,，這樣做的目的是要制作浮雕效果。技巧是使用比背景稍淺一些的紅色,，過會(huì)我們應(yīng)用混合模式以后,，我們就會(huì)獲得理想的效果。
我們?yōu)槲淖謶?yīng)用如下圖層樣式：

內(nèi)陰影：

漸變疊加：

描邊：

這里要格外注意：在應(yīng)用描邊時(shí),，確保要選擇比背景色亮的顏色,，這樣才能營造浮雕效果。

最終效果如下：

教程結(jié)束,，希望你能從中學(xué)到新的東西,，下次見。