ps繪制鏡頭UI圖標(biāo)教程
- 2022-12-24 23:54:21
- 來(lái)源/作者:互聯(lián)網(wǎng)/佚名
- 己被圍觀次
繪制一個(gè)精致的鏡頭圖標(biāo)相當(dāng)不容易,光作者就花了5、6個(gè)小時(shí),所以這篇教程主打繪制的思路,當(dāng)然也很詳細(xì)了,不過(guò)需要一定的PS基礎(chǔ)呦。童鞋們可以試一下,能否按著作者的思路完成教程
STEP 2 中間那層塑料殼

角度漸變,顏色是#222226、#2e3033

內(nèi)陰影:純黑、正片疊底、不透明度75%、角度-45、距離20、大小30

外面疊個(gè)20%的圈,正片疊底

然后開(kāi)始畫(huà)那一層一層的東西,這么一個(gè)黑色半月牙,羽化0.5

右下角的白色半月牙,羽化0.5,不透明度30%

為了讓兩個(gè)月牙達(dá)到這種效果,需要仔細(xì)調(diào)整兩個(gè)月牙內(nèi)外圓的大小
我的數(shù)值是(圖標(biāo)大小1024*1024,圖標(biāo)圓形區(qū)域782*782):
黑:外圓直徑728、內(nèi)圓直徑725、內(nèi)圓向下偏移3px向右偏移2px
白:外圓直徑730、內(nèi)圓直徑730、內(nèi)圓向上偏移2px向左偏移1px
這組數(shù)值不好(為什么不好就不費(fèi)勁解釋了),但是也能出效果…

用類似的關(guān)系做出全部五層


為了加強(qiáng)層次,我又疊了這么一層圓環(huán)套圓環(huán)(稍有偏移)的投影,黑色,不透明度40%

覆個(gè)黑圓看看效果,在最里面用白色半月牙加個(gè)邊緣高光。
好像少了點(diǎn)明暗效果。

在固有色的上一層:羽化25的黑圓,加一個(gè)羽化8的矢量蒙版,不透明度80%

再疊一個(gè)羽化40的#5d5c66圓,60%透明。
然后我發(fā)現(xiàn)顏色還是不大對(duì),又在這層加了個(gè)內(nèi)發(fā)光:#a3a3cc,大小160,濾色,不透明度75%。

然后放在一塊看,就有了這個(gè)效果。
*PSjia.COM 傾力出品,轉(zhuǎn)載請(qǐng)注明來(lái)自PS家園網(wǎng)(www.sz-xdd.com.cn)
標(biāo)簽(TAG) ICON PS教程 UI設(shè)計(jì)教程 石磊_Stone








