Photoshop製作漂亮立體感開關?

Tags: 開關, 立體感,

今天小編教大家用PS打造一個漂亮的立體感開關。

Photoshop製作漂亮立體感開關

工具/原料

PHOTOSHOP CS5

方法/步驟

首先打開PS軟件,新建一個文檔,我們還是用A4大小,分辨率72,填充畫布顏色為灰色。

Photoshop製作漂亮立體感開關

設置前景色為白色,點擊左側工具欄的橢圓工具,按住Shift鍵在畫布繪製一個正圓形。

Photoshop製作漂亮立體感開關

按快捷鍵Ctrl+J複製一個圖層副本,點擊工具欄中的鋼筆工具,按住Ctrl鍵同時,單擊圓形路徑,出現節點後,拖動下面的節點向上移動出一個距離,如圖。

Photoshop製作漂亮立體感開關

雙擊形狀副本圖層,打開圖層樣式對話框,勾選【投影】【斜面與浮雕】【內發光】【漸變疊加】選項,分別設置參數如圖。

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

設置好後,開關上層效果如圖。

Photoshop製作漂亮立體感開關

選中原形狀圖層,雙擊打開圖層樣式設置,同樣勾選設置【描邊】【內陰影】【漸變疊加】【投影】參數。

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

開關底層側面效果如圖。

Photoshop製作漂亮立體感開關

複製圖層副本,填充顏色#6d6d6d, 放到前兩個圖層下方。按Ctrl+T調整圓放大一點比例,然後雙擊圖層,增加圖層樣式效果,如圖。

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

Photoshop製作漂亮立體感開關

新建一個圖層,繪製一個橢圓形如圖,按Shift+F6打開羽化,輸入值15,確定。然後填充黑色作為陰影。

Photoshop製作漂亮立體感開關

最後,給開關敲上文字,設置下顏色大小,製作完成,效果如圖。

Photoshop製作漂亮立體感開關

相關問題答案