長投影是扁平化設計 2.0 時代的標誌性視覺語言：保留扁平簡潔，卻賦予空間深度與戲劇張力。本教學將示範如何在 Illustrator 中，從「幾何構建鑽石切面」到「形狀生成工具切割長投影」、「漸層映射投影色彩」、「混合模式融合背景」，打造一套可批量生產、風格統一的寶石圖標系列。

成品預覽

文件設定

• 600×600 px、RGB、72 ppi。
• 參考線佈局：中心十字、邊距、關鍵對齊線 —— 確保幾何精準。

鑽石幾何構建：從底向上、形狀運算

1. 底部鑽尖：正三角形

• 多邊形工具：邊數 3、半徑任意 → 向上尖頂。
• 填充基礎藍 #2E86DE，無描邊。

2. 中段切面：疊加三角形 + 頂部四邊形

• 複製三角形上移、縮放 → 形成中段切面層疊。
• 頂部四邊形：直接選取上兩錨點 → 向內移動 80 px → 形成台形頂面。

3. 頂部冠面：雙三角形 + 透明度遞減

• 頂面再疊兩三角形，不透明度 30%、20% 遞減 → 模擬折射層疊感。
• 所有切面路徑對齊（智能參考線吸附），確保鑽石切面幾何完美。

4. 群組整體調整與參考線記錄尺寸

• 全群組縱向略微壓扁 (約 90%)，更符合視覺習慣。
• 參考線記錄關鍵尺寸，便於後續批量製作紅寶石、藍寶石、綠寶石等同系列圖標。

背景與長投影製作

1. 徑向漸層圓形背景

• 正圓直徑 = 畫布寬 → 置底層。
• 線性漸層 120°：中心亮 → 邊緣暗，為長投影提供色彩映射基底。

2. 形狀生成工具切割長投影

• 矩形工具畫長方形 → 旋轉 -45° (或視覺最佳角度) → 從鑽石右下延伸。
• Ctrl+[ 置於鑽石下、背景上。
• 選中背景圓 + 長方形 → 形狀生成工具 (Shift+M) → 按 Alt 點擊圓外多餘部分刪除 → 完美貼合圓形邊界的長投影形狀。

3. 投影漸層與混合模式

• 長投影形狀填：線性漸層 -45°、藍 #2E86DE → 白。
• 透明度面板：混合模式「正片疊底」 → 投影自然融入背景漸層，無硬邊。

裝飾提升：閃光點綴

• 星形工具：半徑 1/3、尖銳度高、4-6 角 → 白色、疊加模式、不透明度 60-80%。
• 散佈於鑽石高光區、切面交界、投影邊緣 —— 點綴「閃耀瞬間」。

批量生產寶石系列的標準化流程

步驟	動作	參數化要點
1. 基礎幾何	複製鑽石群組	保持切面拓撲結構不變
2. 基礎色替換	全域色彩組雙擊修改	主色相：紅/藍/綠/紫/黃
3. 投影漸層聯動	投影漸層終點色同步主色相	色相環同位相、飽和度 80%、亮度 40%
4. 背景漸層呼應	背景漸層色相同主色相	統一色溫、和諧統一
5. 閃光微調	根據寶石折射率調整閃光數量/大小	鑽石最多、蛋白石最少

應用場景

• App 圖標集、遊戲道具 UI、珠寶電商標籤、品牌視覺輔助圖形、NFT 屬性圖標。

「幾何構型標準化 + 外觀面板參數化 + 形狀生成器布林運算」——這套長投影圖標工作流，讓你從「畫一個圖標」進化為「設計一套圖標系統」。下次需要 20 枚風格一致的寶石圖標時，你只需花 1 小時建立模板，然後 10 分鐘批量產出 20 枚完美成品！