【PS設(shè)計(jì)教程】之塑料開(kāi)關(guān)PS設(shè)計(jì),適合UI初學(xué)者

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

ps軟件:PS?CS5

難易度:初學(xué)者

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

最終成品

2

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

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

4

 

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

6

 

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

 

8

 

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

10

 

 

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

12

 

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

 

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

 

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

14

15

 

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

17

 

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

19

 

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

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

21

22

 

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

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

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

24

 

 

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

 

26

 

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

28

 

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

30

 

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

32

 

 

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

 

34

 

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

36

 

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

38

 

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

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

40

 

 

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

42

 

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

44

 

 

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

46

 

 

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

48

最終結(jié)果

 

50

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!