ps繪制立體風(fēng)格的UI控件開關(guān)
- 2020-10-23 09:32:58
- 來源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
本教程主要使用Photoshop結(jié)合AI繪制立體質(zhì)感的UI開關(guān)效果圖,前半部分主要在AI里面把主要的形狀繪制出來,然后到PS里面調(diào)整質(zhì)感,喜歡的朋友一起來學(xué)習(xí)吧。
先看看效果圖

在AI建1200px*800px畫板

繪制一個400px*70px矩形

邊角設(shè)置35px ,好像只有cc版本可以直接設(shè)置圓角

偏移一個矩形出來,在向里偏移3px的矩形(向里設(shè)置負數(shù))

最后繪制出這樣的圖形

然后釋放圖層導(dǎo)出psd格式(不釋放會都在一個圖層)

背景拉個漸變e7e3dc到f7f5f3

小圓拉個c2c0be到d6d6d6

按鈕做描邊漸變疊加投影的處理


描邊

漸變疊加

投影
里面的樣式


漸變疊加f28b00,e75300,db7500

內(nèi)發(fā)光
里面的一圈a4a4a4到e8d7be

最外層的漸變d0d0d0到ffffff

方法都差不多 細節(jié)要處理好
最好完成圖

*PSjia.COM 傾力出品,轉(zhuǎn)載請注明來自PS家園網(wǎng)(m.sz-xdd.com.cn)
標(biāo)簽(TAG) ui 控件開關(guān) 立體風(fēng)格
上一篇:PS繪制清純美麗的女孩教程
下一篇:PS繪制電影奇異博士人物古一法師








