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繪制電影奇異博士人物古一法師
更多精彩內(nèi)容
-
人物近照轉(zhuǎn)手繪過程詳解 -
PS+SAI人物照片轉(zhuǎn)手繪教程 -
將真人照片轉(zhuǎn)成可愛的卡通漫畫效果 -
細致唯美的人物轉(zhuǎn)手繪教程 -
PS繪制漂亮的動漫插畫 -
鼠繪必學(xué)之飄逸的發(fā)絲 -
非常細膩的鼠繪眼睛教程(手繪提高) -
鼠繪一只憤怒的小鳥