長投影設計風潮席捲 Dribbble/Behance，成為扁平化風格的強力補充。雖有眾多自動生成腳本/外掛，但手工構建長投影能深度理解光影邏輯、掌握參數化控制、實現極致客製化。本教程以鑽石寶石為例，演示從幾何構建、漸變著色、形狀生成器切割投影、到批量生產寶石系列的完整專業流程。

最終效果

階段一：鑽石幾何構建（參數化、可編輯）

1. 參考線骨架

新建 600×600 px RGB 文件 → 「檢視」→「標尺」→ 拖出參考線構建對稱網格：垂直中心線、水平中心線、上下 1/3 處輔助線。鎖定參考線 (Alt+Ctrl+;)。

2. 多邊形工具精確建模

• 底部三角形：多邊形工具 → 按鍵盤 ↓ 減少邊數至 3 → Shift 拖拽正三角形 → 對齊底部參考線。
• 中段三角形：複製底部三角形 → 垂直移動對齊頂點。
• 頂部台形：矩形工具繪製 → 直接選擇工具 (A) 選中上側兩錨點 → 向內移動 80 px (參考線輔助) → 形成等腰梯形。
• 頂冠雙三角：多邊形工具再建兩小三角形疊加於台形上方。

3. 透明度疊加模擬切面深度

頂冠三角形不透明度遞減：最下 30% → 中間 20% → 最上 10%。模擬光線穿透多層切面的遞減亮度，無需複雜漸變即獲層次感。

4. 顏色微調與對齊精修

• 直接選擇工具逐個調整切面顏色：淺色系 (頂部) → 中性色 (腰部) → 深色系 (底部)，確保切面輪廓清晰可辨。
• 所有切面路徑端點精確對齊（智能參考線吸附），消除視覺缺口。

5. 編組與尺寸標準化

全選編組 (Ctrl+G) → 適度橫向壓縮 (模擬鑽石寬闊比) → 記錄關鍵參考線位置，作為後續寶石系列統一尺寸基準。

階段二：背景圓盤與漸變鋪底

繪製正圓 (直徑 = 畫板寬 600 px) → 置於鑽石底層 → 填充「線性漸變 120°」：深色→淺色→深色，為長投影提供接收面與色彩氛圍。

階段三：長投影構建（形狀生成器核心技法）

1. 投影基礎形狀

繪製長方形 → 旋轉至 45° (或自定義光源角度) → 置於鑽石右下方，長度覆蓋背景圓盤邊緣。

2. 形狀生成器切割多餘

• Ctrl+[ 將長方形移至鑽石下方、背景圓上方。
• 選中「背景圓」+「長方形」 → 形狀生成器 (Shift+M) → 按住 Alt 點擊圓外多餘長方形部分 → 刪除，僅保留圓內投影區域。

3. 投影漸變與混合模式

• 填充「線性漸變 -45°」：鑽石主色 (如藍) → 白/透明。
• 透明度面板：混合模式設「正片疊底」→ 投影自然融入背景漸變，無生硬邊緣。

階段四：閃光裝飾與細節升級

在鑽石高光區添加星形/十字形閃光：
— 星形工具 → 半徑 1: 4px、半徑 2: 1px、尖角 4 → 白色填充、不透明度 80% → 隨機分佈。
— 或用「符號噴射器」噴灑預製閃光符號，再手動微調位置。

階段五：批量生產寶石系列（參數化複用）

1. 複製鑽石群組 → 隔離模式修改：
   — 紅寶石：切面顏色改紅系、背景漸變暖色、投影紅系。
   — 藍寶石：藍系。
   — 綠寶石：綠系 + 切面形狀微調 (祖母綠切工)。
   — 紫水晶：紫系 + 八邊形外輪廓。
2. 所有寶石共用：參考線骨架、背景圓尺寸、投影角度/長度/漸變邏輯、閃光風格。
3. 整齊排列，形成寶石系列視覺系統。

核心技法總結：長投影三要素

要素	實現方式	控制參數
方向	長方形旋轉角度	光源方向一致性 (通常 45°/135°/225°/315°)
長度	長方形長度 + 形狀生成器切割	接觸地平線/背景邊緣/視覺平衡點
漸變	線性漸變 + 正片疊底模式	起始色=物體主色/陰影色，終止色=透明/環境色

小結

長投影不只是「加個長影子」，而是統一光源邏輯下的空間關係建構。手工流程雖看似繁瑣，實則每一步都在強化你對「光、形、色、空」的掌控力。將鑽石構建邏輯封裝為「符號+圖形樣式+動作」三件套，下次需要寶石/按鈕/徽章長投影時，只需替換色板、微調切面，分分鐘產出整套視覺系統。現在，啟動 AI，用矢量語言雕刻光影吧！