iTunes 10 經典的光碟造型圖標以其細膩的材質與光影層次成為設計經典。本教學將完整拆解其製作流程,從背景營造、環狀結構堆疊、高光疊加到音樂符號繪製,帶你重現這款極具質感的圖標作品。
新建 600×600 像素文件,背景設為白色。新增圖層填充黑色,並套用「漸層疊加」樣式(以淺灰色為主調),營造微妙的背景深度。
新建圖層,使用「橢圓選框工具」按住 Shift 繪製正圓,填充黑色。再以「減去選區」模式繪製較小正圓並刪除,獲得環狀。為環形圖層添加完整的「圖層樣式」:包含「斜面與浮雕」(內部凹陷感)、「輪廓」、「光澤」、「投影」等,參考截圖參數調整,呈現金屬邊框質感。
開啟輔助線(Ctrl+;)對齊畫布中心。在底部新建圖層,同樣方法製作較小的黑色圓環,並套用對應圖層樣式,形成雙層環狀結構,豐富視覺層次。
新建圖層繪製黑色正圓置於最底層,添加「投影」、「內發光」、「斜面與浮雕」等樣式,模擬光碟底座的厚度與陰影。
主高光:新建圖層繪製白色橢圓,不透明度 50%,添加黑白直線漸變蒙版,模擬頂部光源反射。
次高光:新建圖層繪製不規則白色形狀,圖層模式設為「疊加」,不透明度 40%,加黑白徑向漸變蒙版,增強立體光感。
內部高光:同法製作內環高光,細節見截圖。
新建圖層,使用「鋼筆工具」或「自訂形狀工具」繪製雙八分音符,顏色自定。為符號圖層添加豐富的「圖層樣式」(投影、內陰影、斜面與浮雕、光澤、色彩疊加等),使其如同浮雕般立體凸起於光碟表面。
為圖標群組添加「投影」效果,調整角度、距離與大小,使圖標與背景分離,最終獲得具有真實材質感的 iTunes 10 風格圖標。
備註:更多圖標設計與質感表現教學,請關注三聯 Photoshop 教程欄目,三聯 PS 群:182958314 歡迎加入交流。