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

2023-10-28 17:32:31 來源/作者: / 己有:2人學(xué)習(xí)過

然后添加一個(gè)投影樣式,搞定。如果覺得不像,你可以發(fā)揮你的潛力畫的更像一點(diǎn)

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

然后再復(fù)制三個(gè),分別放在對(duì)應(yīng)的位置

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

接下來畫開關(guān)按鈕,在這里示范的是未開啟的狀態(tài)(應(yīng)該是吧?)

同樣選擇圓角矩形,畫一個(gè)20px的圓角長方形,添加漸變樣式

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

如圖:

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

 

然后復(fù)制一份這個(gè)圖層,Ctrl+T等比例縮放至這樣的大小

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

添加顏色為白色,再添加1px漸變描邊:

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

然后再復(fù)制此圖層,取消當(dāng)前所有樣式,然后拉伸變形至這樣的形狀

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

然后給這樣圖層添加一個(gè)漸變樣式,來塑造開關(guān)的光影變化

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

當(dāng)前效果:

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