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

2023-12-26 17:29:47 來(lái)源/作者: / 己有:0人學(xué)習(xí)過(guò)

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

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

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

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

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

當(dāng)前效果:

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

 

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

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

完成后是這樣子:

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

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

最終完成效果:

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