ps鼠繪開關(guān)按鈕教程

2023-11-28 17:34:59 來源/作者: / 己有:1人學(xué)習(xí)過

現(xiàn)在大概樣子快出來了,接下來用圓形工具畫一個(gè)半徑為12px的圓圈,添加一個(gè)漸變描邊樣式

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

接下來再用矩形工具畫一個(gè)寬2px高9px的矩形,用來當(dāng)做指示燈,給此圖層添加一個(gè)漸變樣式,并增加陰影,如下圖:

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

當(dāng)前效果:

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

 

做到這步差不多完成了,接下來我們處理一個(gè)光影效果,這里假設(shè)光是從上面打下來的,所以我們適當(dāng)加一些陰影,突出效果,你可以按照你自己的理解來添加豐富完善,只要保證最后效果超越此教程

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

完成后是這樣子:

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕

本教程只示范一個(gè)關(guān)閉狀態(tài)的開關(guān),另外一個(gè)開啟的狀態(tài),大家可以按照這樣的步驟自己發(fā)揮一下

最終完成效果:

Photoshop設(shè)計(jì)白色立體效果的開關(guān)按鈕