ps設(shè)計圓點可愛ICON圖標(3)
這是模仿 Nest 煙霧警報器 做的 icon,打洞實在被難倒了沒辦法完全一樣,只能做個差不多相似的樣子出來。打洞排列怎么做可以參考這篇:《AI教程:利用ILLUSTRATOR創(chuàng)建漂亮的螺旋圓點花紋》,不怎么好做就是了。
圖層數(shù)比起之前的Icon Design:My Wallet,這個 Nest Pastiche icon 只有 9 個圖層,最難搞的就是那堆洞的排列,其他都還好處理。
1. 邊緣高光陰影2. 文字3. 中間的環(huán)和彩色光4. 中間的凹槽5. 滿滿的打洞6. 方型底7. 陰影a8. 陰影b9. 白底為了模擬真實影子,我會做2層的陰影,略微修改尺寸、位置、透明度、高斯模糊的數(shù)值。如果只用單層,影子漸層感會比較呆板。
靠近主體、尺寸較小,用于加深主體的影子、增強對比度。
偏離主體、高斯模糊的數(shù)值更大、尺寸也比較大,透明度低,做影子外圍漸層的效果。
邊緣導(dǎo)角這種彎進去的作法挺常見的,稍微試了下,發(fā)現(xiàn)只要一個圖層、設(shè)定 2 種圖層樣式就能表現(xiàn)出還不錯的視覺效果。光線由上往下打,所以上方有高光、陰暗面在下方。想象一下實物、方體邊緣是導(dǎo)了 R 角,所以高光不會是銳利一條線,而是漸層。
制作陰影面,離光緣越遠的部份一定比較暗。
制作 R 角緩和的反光。因為內(nèi)陰影和內(nèi)光運會重迭在一起,注意數(shù)值設(shè)定,內(nèi)光暈要比內(nèi)陰影的尺寸更大。
成品中間的文字仿真 3C 產(chǎn)品上常見的金屬文字貼紙。因文字較細,僅設(shè)定筆畫、漸層、陰影。原版產(chǎn)品的光圈是藍色、我試著改成粉紅色。
Nest 除了白色機型之外、也有黑色款,有興趣的人可以試著把黑色款做出來。