ps繪制鏡頭UI圖標(biāo)教程(2)

來(lái)源:zhihu 作者:石磊_Stone 學(xué)習(xí):8483人次

STEP 2 中間那層塑料殼

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

為了讓兩個(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)勁解釋了),但是也能出效果…

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

覆個(gè)黑圓看看效果,在最里面用白色半月牙加個(gè)邊緣高光。

好像少了點(diǎn)明暗效果。

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

再疊一個(gè)羽化40的#5d5c66圓,60%透明。

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

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)

然后放在一塊看,就有了這個(gè)效果。

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
心所想夢(mèng)歸處2017-12-30 11:35
鏡片那太難了,描述的的太簡(jiǎn)單
如果沒(méi)有你7152017-05-28 04:22
對(duì)于新手真的有點(diǎn)難
屬于彼岸的守望2017-05-28 01:33
有點(diǎn)困難
吹牛比敗火2017-05-28 10:53
步驟挺多的~對(duì)我這個(gè)新人來(lái)說(shuō)。。有點(diǎn)難誒~~去實(shí)驗(yàn)一下~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!