以下這篇教程是由我們的SKYUI同學(xué)從國(guó)外設(shè)計(jì)博客翻譯過(guò)來(lái)的。如有不明白之處，請(qǐng)留言或坯磚？呵呵

ps軟件：PS?CS5

難易度：初學(xué)者

耗時(shí)：1小時(shí)

最終成品

1.?創(chuàng)建背景

創(chuàng)建新文件，寬度400，高度300，分辨率72Dpi

創(chuàng)建新組，命名為背景，用矩形工具畫(huà)一個(gè)比畫(huà)布稍微大一點(diǎn)的矩形，就像下面這樣，顏色設(shè)置為#ffffff。

設(shè)置以下的圖層樣式。

“斜面和浮雕”參數(shù)：“內(nèi)斜面”?“平滑”?高光模式：濾色??陰影模式：正片疊底

“顏色疊加”參數(shù)

“漸變疊加”參數(shù)?勾選反向

2.?創(chuàng)建按鈕

創(chuàng)建新組，命名為Base。使用鋼筆工具畫(huà)出如下的形狀，顏色設(shè)置為#242424，并應(yīng)用圖層樣式。

“內(nèi)陰影”參數(shù)：正片疊底

“外發(fā)光”參數(shù)

“斜面和浮雕”參數(shù)：高光模式：濾色?陰影模式：正片疊底

創(chuàng)建一個(gè)新組，命名為Button。使用鋼筆工具畫(huà)出如下形狀，顏色為#ada397，應(yīng)用以下圖層樣式。

“內(nèi)陰影”參數(shù)：

創(chuàng)建一個(gè)新圖層，

使用鋼筆工具，畫(huà)一個(gè)黑色形狀。濾鏡->模糊->高斯模糊->1.5像素。如下

橡皮擦工具大小58，硬度0，擦掉模糊形狀的左邊，下圖中的紅色區(qū)域，不透明度18%，效果至滿(mǎn)意為止。如下

創(chuàng)建一個(gè)圖層，選擇畫(huà)筆工具。大小15像素，硬度0，顏色設(shè)置為#92897f，如下畫(huà)一條直線。

創(chuàng)建新圖層，選擇鋼筆工具，畫(huà)出下圖形狀，顏色#c8b7a5，濾鏡->模糊->高斯模糊->1.5像素。如下

橡皮擦工具大小58，硬度0，擦掉模糊形狀的左邊，下圖中的紅色區(qū)域。效果至滿(mǎn)意為止

選擇畫(huà)筆工具，大小13像素，硬度0，顏色#c8b7a5，畫(huà)直線如下圖。

創(chuàng)建一個(gè)新圖層，鋼筆工具，畫(huà)出下圖形狀，顏色#000000，濾鏡->模糊->高斯模糊->1.5像素。如下

橡皮擦工具，大小58像素，硬度0，擦下圖的紅色區(qū)域。效果至滿(mǎn)意為止

圖層模式濾色，不透明度80% ? ?

創(chuàng)建新圖層，鋼筆工具畫(huà)出形狀，顏色#000000，濾鏡->模糊->高斯模糊?1.5像素。不透明度20%。

創(chuàng)建新圖層，用畫(huà)筆工具畫(huà)高光，大小2像素，硬度0，顏色#d5c8b5，在按鈕左邊畫(huà)幾個(gè)小點(diǎn)。

再創(chuàng)建一個(gè)圖層，用鋼筆工具加點(diǎn)細(xì)節(jié)，顏色#dbcebe，如下畫(huà)出3個(gè)形狀或更多。

創(chuàng)建一個(gè)新組，位于Base組之下，命名為Shadow。使用鋼筆工具，畫(huà)出形狀如下圖，顏色#000000.濾鏡->模糊->高斯模糊->1.5像素。不透明度20%

橡皮擦工具，大小58像素，硬度0，擦紅色區(qū)域，效果至滿(mǎn)意為止。

最終結(jié)果