ps設(shè)計(jì)圓點(diǎn)可愛(ài)ICON圖標(biāo)(3)

來(lái)源:優(yōu)設(shè)網(wǎng) 作者:Akane_Lee 學(xué)習(xí):12111人次

這是模仿 Nest 煙霧警報(bào)器 做的 icon,打洞實(shí)在被難倒了沒(méi)辦法完全一樣,只能做個(gè)差不多相似的樣子出來(lái)。打洞排列怎么做可以參考這篇:《AI教程:利用ILLUSTRATOR創(chuàng)建漂亮的螺旋圓點(diǎn)花紋》,不怎么好做就是了。

圖層數(shù)比起之前的Icon Design:My Wallet,這個(gè) Nest Pastiche icon 只有 9 個(gè)圖層,最難搞的就是那堆洞的排列,其他都還好處理。

1. 邊緣高光陰影2. 文字3. 中間的環(huán)和彩色光4. 中間的凹槽5. 滿(mǎn)滿(mǎn)的打洞6. 方型底7. 陰影a8. 陰影b9. 白底

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)
陰影

為了模擬真實(shí)影子,我會(huì)做2層的陰影,略微修改尺寸、位置、透明度、高斯模糊的數(shù)值。如果只用單層,影子漸層感會(huì)比較呆板。

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)

靠近主體、尺寸較小,用于加深主體的影子、增強(qiáng)對(duì)比度。

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)

偏離主體、高斯模糊的數(shù)值更大、尺寸也比較大,透明度低,做影子外圍漸層的效果。

邊緣導(dǎo)角

這種彎進(jìn)去的作法挺常見(jiàn)的,稍微試了下,發(fā)現(xiàn)只要一個(gè)圖層、設(shè)定 2 種圖層樣式就能表現(xiàn)出還不錯(cuò)的視覺(jué)效果。光線由上往下打,所以上方有高光、陰暗面在下方。想象一下實(shí)物、方體邊緣是導(dǎo)了 R 角,所以高光不會(huì)是銳利一條線,而是漸層。

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)

制作陰影面,離光緣越遠(yuǎn)的部份一定比較暗。

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)

制作 R 角緩和的反光。因?yàn)閮?nèi)陰影和內(nèi)光運(yùn)會(huì)重迭在一起,注意數(shù)值設(shè)定,內(nèi)光暈要比內(nèi)陰影的尺寸更大。

成品

教你設(shè)計(jì)精美的螺旋圓點(diǎn)ICON圖標(biāo)

中間的文字仿真 3C 產(chǎn)品上常見(jiàn)的金屬文字貼紙。因文字較細(xì),僅設(shè)定筆畫(huà)、漸層、陰影。原版產(chǎn)品的光圈是藍(lán)色、我試著改成粉紅色。

Nest 除了白色機(jī)型之外、也有黑色款,有興趣的人可以試著把黑色款做出來(lái)。

學(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)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

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

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