前言：從「手繪痛苦」到「參數化一鍵生成」

彈簧、螺旋線、DNA 雙螺旋、彈簧玩具——這類螺旋狀結構手繪極難精準，用混合工具又難控制間距。Illustrator 3D > 繞轉 配合符號映射，或極座標變換，能秒級生成精確可控的參數化彈簧。本教學提供兩種核心方案，滿足圖標、信息圖表、技術插圖、動態設計等多元需求。

最終效果與參數面板

方案一：3D 繞轉 + 符號貼圖 (最推薦，真 3D、可透視、可動畫)

核心邏輯

繪製彈簧剖面輪廓 (矩形/圓角矩形) → 3D 繞轉 形成螺旋管狀體 → 貼圖映射 控制圈數、間距、線徑 → 擴展外觀 獲取矢量線框/面模型。

參數設置詳解 (對應圖示面板)

操作步驟

1. 繪製剖面：圓角矩形工具，寬 4pt、高 2pt、圓角 1pt，填充無、描邊 1pt 黑色。
2. 效果 > 3D > 繞轉，設置上述參數，角度設置為 1080° (3圈)。
3. 點擊貼圖：新建符號「單圈標記」—— 直線段長度 = 目標圈距 (如 12pt)，描邊 1pt 對比色。映射到側面，勾選「縮放以適應」。
4. 確定，得到帶標記線的 3D 彈簧模型。
5. 對象 > 擴展外觀，獲得矢量群組。在圖層面板中可分離：主體管狀網格、標記線條群組。
6. 刪除多餘網格面，保留中心軸線或管狀邊緣線條，即得純矢量彈簧線框。

方案二：極座標變換法 (極速、純 2D、適合扁平風/圖標)

核心邏輯

繪製等距平行直線組 → 效果 > 扭曲與變換 > 極座標 > 矩形轉極座標 → 瞬間變身同心圓/螺旋線組 → 調整間距、疊加描邊樣式。

操作步驟

1. 矩形工具繪製細長矩形：寬 200pt、高 1pt，填充無、描邊 2pt 黑色。
2. 效果 > 扭曲與變換 > 變換：複製 15 份，垂直移動 12pt (圈距)，確定。獲得等距平行線組。
3. 全選，效果 > 扭曲與變換 > 極座標：選「矩形轉極座標」。瞬間變為同心圓環組！
4. 若需螺旋線而非同心圓：在步驟 2 中，給變換效果添加旋轉 5° (每份遞增)，再執行極座標變換，即得阿基米德螺旋線組。
5. 對象 > 擴展外觀 獲得可編輯路徑。

進階變體與應用

1. 雙螺旋 DNA 結構

1. 方案一中，建立兩個剖面路徑 (左右對稱，間距 = 彈簧線徑)。
2. 分別套用 3D 繞轉，角度相同，但初始相位差 180° (在貼圖映射中調整符號起始位置)。
3. 兩組彈簧賦予不同顏色 (紅/藍)，添加連接橫條 (梯狀結構)。

2. 彈簧玩具 (Slinky) 效果

• 方案一：剖面改為扁平橢圓 (寬 8pt、高 1.5pt)，擠出深度大、圈距大。
• 材質：金屬漸變描邊 (外觀面板疊加多層線性漸變描邊，角度模擬環面光影)。
• 動畫導出：每圈為獨立群組，導入 After Effects 按 Z 軸位移/旋轉關鍵幀動畫。

3. 技術插圖：剖面/透視/爆炸圖

• 擴展外觀後，用剪刀工具 (C) 切開特定圈數，分離展開。
• 添加尺寸標註線、引引線、材質剖面影線 (45° 細平行線)。
• 利用圖層顏色編碼：主體藍、切面紅、尺寸綠、標註黑。

參數化腳本化 (進階)

將「線徑、圈距、圈數、斜角、視角」定義為變量，編寫 JSX 腳本：

// 彈簧生成器 JSX 核心邏輯片段
function createSpring(wireDia, pitch, turns, view) {
  var profile = drawProfile(wireDia); // 圓角矩形
  var effect = "3D Revolve";
  var params = {axis: "left", angle: turns*360, offset: 0, surface: "wireframe"};
  applyEffect(profile, effect, params);
  // 貼圖映射控制圈距相位...
  return expandAppearance(profile);
}

一鍵生成任意規格彈簧，構建企業級標準件圖庫。

避坑指南

• ❌ 3D 繞轉角度未乘以圈數 → 只得一圈。
• ❌ 貼圖符號未勾選「縮放以適應」 → 標記線拉伸變形。
• ❌ 擴展外觀後未清理內部隱藏面 → 文件體積巨大、選取困難。
• ❌ 極座標法未先建立等距線組 → 直接對單條線極座標只得一個圓。

結語

彈簧/螺旋結構，本質是一維週期結構在三維空間/極座標系中的投影。Illustrator 提供了「3D 繞轉」與「極座標變換」兩大核心引擎，前者重真實光影與透視，後者重極速扁平輸出。掌握參數邏輯，將「畫彈簧」轉化為「設參數」，你就擁有了生成任意螺旋族曲線的生成式設計能力。下一個 DNA 雙螺旋、彈簧玩具動畫、技術剖面圖，等著你一鍵生成！