本教程來(lái)自：psdvault.com 如需轉(zhuǎn)載 請(qǐng)務(wù)必以超鏈接形式注明：來(lái)自活力盒子網(wǎng)站以及原文出處。水平有限，翻譯難免有誤，請(qǐng)有心的朋友給予指出，以方便更多朋友閱讀。
1.在photoshop中新建文件，寬度200、高度200px，白色背景，分辨率72px（web圖片）注意這就是我們要制作的按鈕的實(shí)際尺寸。按住Ctrl+R調(diào)出標(biāo)尺，分別拖動(dòng)4條參考線(xiàn)到畫(huà)布的四周，如下圖：
按住Ctrl+alt+c調(diào)出畫(huà)布調(diào)整面板，分別把寬度、高度設(shè)為800px和500px。
你會(huì)得到如下所示效果（為了便于示范我設(shè)置背景色為灰色）
你可以看到，這樣我們就得到了200px*200px按鈕的準(zhǔn)確位置，參考線(xiàn)后面也不需要移除。
2.我們準(zhǔn)備一個(gè)簡(jiǎn)單的背景。我傾向于用亮灰色做漸變填充，顏色設(shè)置如下：
新建圖層命名為“backlight”，使用大、小柔角畫(huà)筆，大畫(huà)筆繪制中上方的光影，小畫(huà)筆用來(lái)繪制畫(huà)布正中間偏上的光影，效果如下：
重設(shè)光影層的大小和位置如下圖：
現(xiàn)在我們的按鈕已經(jīng)有了非常漂亮的背景
3.按快捷鍵U調(diào)出圓角矩形工具，圓角半徑設(shè)為10px，沿著參考線(xiàn)繪制圓角矩形。
把該圖層命名為“button bg”，并添加如下圖層樣式：
投影
漸變疊加
描邊
目前的效果：
4.現(xiàn)在讓我們?yōu)榘粹o增加些陰影和高光。在“button bg”上一層新建圖層，使用矩形工具繪制矩形選區(qū)并填充深灰色。
把該圖層命名為“shadow”，“濾鏡-模糊-高斯模糊”，半徑設(shè)為13px，確保此時(shí)圖層不存在任何選區(qū)。
Ctrl+T調(diào)整投影大小，圖層不透明度設(shè)為30%，你將獲得如下效果：
新建圖層，命名為“Highlight”，置于所有圖層的頂端，混合模式設(shè)為“疊加”，使用白色柔角畫(huà)筆繪制按鈕的頂部，如下圖：
復(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)制作完畢，下面我們來(lái)添加文字。輸入“contact us”，顏色設(shè)置為#b10000如下：
這里我們的文字使用了深紅色，這樣做的目的是要制作浮雕效果。技巧是使用比背景稍淺一些的紅色，過(guò)會(huì)我們應(yīng)用混合模式以后，我們就會(huì)獲得理想的效果。
我們?yōu)槲淖謶?yīng)用如下圖層樣式：
內(nèi)陰影：
漸變疊加：
描邊：
這里要格外注意：在應(yīng)用描邊時(shí)，確保要選擇比背景色亮的顏色，這樣才能營(yíng)造浮雕效果。
最終效果如下：
教程結(jié)束，希望你能從中學(xué)到新的東西，下次見(jiàn)。
聯(lián)系客服
