本教學示範純用 Photoshop 形狀工具與圖層樣式,繪製一枚擁有金屬質感、卷帶細節與陰影立體感的懷舊磁帶圖標。流程不依賴手繪技巧,適合 UI 設計師快速掌握圖標製作核心邏輯。
最終效果預覽
製作核心邏輯
- 基礎幾何構建:使用圓角矩形、橢圓等形狀工具組合出磁帶主體、卷帶孔、標籤區等結構。
- 圖層樣式疊加:針對各元件分別套用「斜面與浮雕」「內發光」「投影」「漸變疊加」等樣式,模擬塑膠殼光澤、金屬卷軸反光、凹凸文字壓痕。
- 細節貼圖:為卷帶區域疊加紋理素材(如細布紋、劃痕),透過圖層蒙版限制範圍,提升寫實度。
關鍵參數參考(圖層面板結構)
完成後可直接匯出 PNG 供介面設計使用,亦可保留 PSD 方便後續調整顏色或尺寸。