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

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

ps軟件:PS?CS5

難易度:初學(xué)者

耗時:1小時

最終成品

2

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

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

4

 

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

6

 

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

 

8

 

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

10

 

 

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

12

 

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

 

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

 

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

14

15

 

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

17

 

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

19

 

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

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

21

22

 

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

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

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

24

 

 

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

 

26

 

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

28

 

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

30

 

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

32

 

 

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

 

34

 

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

36

 

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

38

 

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

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

40

 

 

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

42

 

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

44

 

 

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

46

 

 

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

48

最終結(jié)果

 

50

 

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