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

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

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

今天分享的教程,是最近很火的Apple Aperture 圖標(biāo)。繪制一個(gè)精致的鏡頭圖標(biāo)相當(dāng)不容易,光作者就花了5、6個(gè)小時(shí),所以這篇教程主打繪制的思路,當(dāng)然也很詳細(xì)了,不過需要一定的PS基礎(chǔ)呦。童鞋們可以試一下,能否按著作者的思路完成教程,如果全程木問題,那為自己點(diǎn)個(gè)贊吧。

@石磊_Stone?:畫鏡頭不難,無非就是「大圈套小圈,漸變疊漸變」。「擬合」一個(gè)鏡頭更容易,最終效果擺在那,照葫蘆畫瓢就是了,需要的就是耐心。這樣「擬合」的多了自己也就會畫了。

那旁的廢話就不說了,先大概介紹一下「多層鏡片的鍍膜和鏡片透明發(fā)射光暈效果,及磨砂塑料部分的表現(xiàn)」

「鏡片的光暈」其實(shí)就是各種漸變和半透圖層疊在一塊。

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

大概拆解一下,就是「底層的塑料殼」加「半透疊加彩虹漸變」加「各種白色半透高光」再加「淺淺的鏡頭光暈」。

「磨砂塑料質(zhì)感」確實(shí)可以通過疊加「雜色」層來獲得,但是 Aperture 中的雜色層看起來要講究一些,應(yīng)該不是用「添加雜色」濾鏡得到的。如下圖。

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

大大說了,「空談?wù)`國,實(shí)干興邦」。

先放效果對比圖(左邊是我畫的)

用Ps制作細(xì)節(jié)完美的Apple Aperture鏡頭圖標(biāo)
STEP 1 最外層的塑料殼

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

一個(gè)角度漸變直接把底色確定。

四個(gè)顏色#46454c、#23262b、#667380、#333740

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

外面用 20% ~ 40% 的灰色角度漸變,正片疊底。

里面用 50% 的灰正片疊底。

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

找了這么個(gè)丑陋的材質(zhì)。

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

經(jīng)過去色、反相、曲線、閾值、縮放等工序調(diào)處來這么兩張更丑陋的材質(zhì)

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

把這兩張圖用顏色減淡模式疊上,不透明度分別是10%(上)50%(下)

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

外圈就這么著吧

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

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

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

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