設計一枚符合 macOS/iOS 風格的磁鐵圖標，不僅需要掌握 Illustrator 的 3D 效果與外觀面板，更考驗設計師對光影、材質、透視的構圖能力。本案例展示從手繪草稿構思、AI 建模、材質渲染到最終輸出的完整專業流程。

設計前的構思與草稿

動筆前先在紙上或數位草稿中確立：磁鐵的紅藍雙極配色、馬蹄形輪廓、金屬側面倒角、頂部高光帶、底部接觸陰影、背景投影等關鍵視覺要素。草稿能幫助在軟體操作前就鎖定光源方向、材質對比與圖標語義，避免無效試錯。

核心製作步驟 (圖解流程)

1. 基礎輪廓：鋼筆工具勾勒馬蹄形閉合路徑，確保左右對稱 (可畫半邊鏡像複製)。
2. 3D 擠出與斜角：效果 > 3D > 擠出與斜角。設定擠出深度、斜角樣式 (經典)、表面光照 (塑膠/金屬)。調整立方體透視角度匹配 OS 圖標規範 (通常為等距透視或略微俯視)。
3. 擴展外觀與圖層拆解：物件 > 擴展外觀，取消群組至單一面片 (頂面、側面、斜面、底面)。
4. 材質渲染：
   • 頂面：紅/藍漸變模擬陽極氧化金屬。
   • 側面：深淺交替線性漸變表現倒角倒光。
   • 斜面：高反差漸變強化邊緣體積感。
   • 底面：深灰近黑，套用高斯模糊作接觸陰影基礎。
5. 高光細節：筆刷/鋼筆繪製頂部邊緣高光線條，設為「螢幕」混合模式、降低不透明度。
6. 背景投影：橢圓填黑、高斯模糊、不透明度 30%，位移模擬懸浮感。
7. 整體色階微調：編輯 > 編輯顏色 > 調整色彩平衡，統一色溫。

專業輸出建議

• 保留 AI 源檔 (含效果未擴展版本) 供後續修改尺寸、顏色、透視角度。
• 匯出 PNG 時勾選「美術板範圍」、300 ppi、透明背景，滿足 Retina 等高解析度需求。
• 建立圖標網格模版 (24×24, 32×32, 48×48... keyline 形狀)，確保系列圖標視覺重心一致。