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

2023-07-02 11:51:36 來(lái)源/作者: / 己有:3人學(xué)習(xí)過(guò)

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

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

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

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

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

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

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

如圖:

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

 

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

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

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

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

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

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

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

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

當(dāng)前效果:

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