立體五角星是節日裝飾、榮譽勳章、評分系統、遊戲資產的高頻元素。本教程演示如何利用 Illustrator 「3D 擠出與斜角」+「更多選項光源/陰影」+「貼圖映射」+「外觀面板非破壞編輯」快速產出擁有金屬/塑膠/發光質感的立體五角星，並掌握導入 PS 進一步變形的協作流程。

最終效果

製作步驟

步驟 1：基礎五角星繪製

• 星形工具 (星形工具在矩形工具長按選單中) 點擊畫板
• 設置：半徑 1: 50px、半徑 2: 25px、尖角數 5
• 填充基礎色 (如金黃/紅/藍)，無描邊

步驟 2：應用 3D 擠出與斜角

1. 選中五角星 → 效果 > 3D > 擠出與斜角
2. 基礎設置：
   • 位置：等距左上 / 自定義 (X: -20° Y: -15° Z: 5°)
   • 擠出深度：40-60pt (視大小)
   • 斜角：選「經典」/「圓角」，高度 4-6pt
   • 表面：塑膠著色
3. 點擊「更多選項」展開光源面板：
   • 光源 1：左上前方 (主光源)，強度 100%
   • 光源 2：右後方 (補光)，強度 30-50%
   • 環境光：10-20%
   • 陰影色：深灰/互補色，非純黑

步驟 3：複製變體與材質差異化

• 複製五角星 → 變更填充色 (如紅色) → 同樣套用 3D 效果 (外觀面板拖拽複製效果)
• 調整第二顆星的 3D 參數：不同旋轉角度、擠出深度、斜角樣式

步驟 4：細節微調與漸變材質

• 外觀面板展開 3D 效果 → 雙擊進入「內容」隔離模式
• 為不同面 (正面/側面/斜面) 分別調整填充漸變：
  • 正面：徑向漸變中心高光
  • 側面：線性漸變順應法線
  • 斜面：較亮漸變模擬倒角反光
• 添加描邊邊緣線：深色 0.5pt，混合模式「正片疊底」

步驟 5：貼圖映射 (進階：貼紋理/Logo/文字)

1. 準備貼圖素材 → 拖入符號面板建立符號
2. 外觀面板雙擊 3D 效果 → 「貼圖」按鈕
3. 選擇目標面 (面 1/2/3... 正面通常為面 1) → 選擇符號 → 「縮放以適合」
4. 調整位置/縮放/旋轉 → 確定

步驟 6：導入 Photoshop 進一步變形 (可選)

• AI 中 檔案 > 匯出 > 匯出為 PSD、300dpi、寫入圖層
• PS 中 編輯 > 變換 > 扭曲/透視/網格變形 彎曲星體造型
• 添加粒子/光效/景深/色彩分級

材質配方速查表

材質	正面漸變	側面漸變	斜面/倒角	光源設置	描邊
金屬金	徑向 金黃→深金	線性 深金→中金→深金	亮金 細高光線	雙光源 強對比	深金 0.5pt
銀/鉻	徑向 白→淡灰→深灰	線性 環境色映射條紋	白色鏡面高光	多光源 複雜反射	深灰 0.25pt
塑膠/亞克力	徑向 基底色→亮色	線性 基底色→暗色	亮色 硬邊高光	單光源 軟陰影	無/極細
發光/霓虹	純色 高飽和	同色 透明度漸變	外發光效果	無光源 自發光	同色 螢光描邊
珐琅/陶瓷	徑向 亮色→深色	線性 亮色→深色	極細白高光	軟光源 柔和陰影	深色 0.5pt

批量生產與設計系統整合

• 將配置好 3D 參數、材質外觀的星形存為「圖形樣式」
• 新建星形一鍵套用樣式 → 僅需調整基礎色/尺寸
• 建立「星形圖標系統」符號庫：含 5/6/7/8 角星、不同擠出深度、不同材質預設
• CC 庫同步至團隊/跨設備

Illustrator 的 3D 效果雖非真 3D 引擎，但對於「幾何體 + 材質 + 固定視角」的圖標/插畫需求，其參數化、非破壞、矢量輸出、無需渲染等待的特性，使其成為極高性價比的選擇。掌握「3D 擠出斜角 + 外觀面板材質系統 + 貼圖映射」這套組合拳，你將擁有源源不斷的立體幾何視覺資產生產能力。