Photoshop設(shè)計金屬質(zhì)感的圓點APP圖標(biāo)

這是模仿Nest煙霧警報器做的icon，打洞實在被難倒了沒辦法完全一樣，只能做個差不多相似的樣子出來。打洞排列怎么做可以參考這篇：Illustrator設(shè)計時尚的螺旋圓點花紋圖案，不怎么好做就是了。
先看看效果圖

圖層數(shù)比起之前的Icon Design：My Wallet，這個Nest Pastiche icon只有9個圖層，最難搞的就是那堆洞的排列，其他都還好處理。
1. 邊緣高光陰影
2. 文字
3. 中間的環(huán)和彩色光
4. 中間的凹槽
5. 滿滿的打洞
6. 方型底
7. 陰影a
8. 陰影b
9. 白底

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

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

#p#副標(biāo)題#e#
偏離主體、高斯模糊的數(shù)值更大、尺寸也比較大，透明度低，做影子外圍漸層的效果。
邊緣導(dǎo)角
這種彎進(jìn)去的作法挺常見的，稍微試了下，發(fā)現(xiàn)只要一個圖層、設(shè)定2種圖層樣式就能表現(xiàn)出還不錯的視覺效果。光線由上往下打，所以上方有高光、陰暗面在下方。想象一下實物、方體邊緣是導(dǎo)了R角，所以高光不會是銳利一條線，而是漸層。

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

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

中間的文字仿真3C產(chǎn)品上常見的金屬文字貼紙。因文字較細(xì)，僅設(shè)定筆畫、漸層、陰影。原版產(chǎn)品的光圈是藍(lán)色、我試著改成粉紅色。Nest除了白色機(jī)型之外、也有黑色款，有興趣的人可以試著把黑色款做出來。
來源：朱峰社區(qū)