核心技能:旋轉工具 (R) + Alt+點擊中心點 + 複製 + Ctrl+D 循環
這是 Illustrator 中最高效的徑向陣列方法,適用於:齒輪齒條、花瓣陣列、放射狀圖表、曼陀羅圖案、圖標旋轉變體。本教學從單一操作延伸至參數化工作流,並解決「中心點偏移」「角度計算」「編輯後同步更新」三大痛點。
基礎操作標準流程(以 12 瓣花為例)
- 畫一片花瓣(鋼筆/橢圓/路徑查找器),群組命名「花瓣_單元」。
- 選取群組 → 旋轉工具 (R) → **按住 Alt 點擊花瓣基部中心點**(或預設幾何中心)→ 彈出對話框:角度 30° (360/12)、勾選「預覽」→ 點擊「複製」。
- 連按 **Ctrl+D (Transform Again)** 10 次,完成 12 瓣環繞。
- 全選 → 群組 (Ctrl+G) 命名「花_12瓣」。
進階技巧 1:精準中心點控制——「參考點代理」與「智能參考線」
- 旋轉工具按 Alt 點擊時,若配合**智能參考線 (Cmd/Ctrl+U)**,滑鼠會自動吸附到路徑錨點、中心點、交點,確保旋轉中心極其精準。
- 若需偏心旋轉(如行星軌道),先用「參考點代理」(控制面板/屬性面板 9 點矩陣) 設定旋轉中心為物件邊緣/角點,再執行旋轉複製。
進階技巧 2:角度計算自動化——變數面板與運算式
- 視窗 → 變數面板 → 動態文字 → 定義變數 `petalCount` (類型:數值)。
- 旋轉工具對話框角度輸入:`360/petalCount`(AI 內建支援簡單運算式)。
- 修改變數面板數值 → 重新執行旋轉複製 → 即時改變瓣數,無需心算。
進階技巧 3:非破壞性編輯——外觀面板「變換效果」替代手動複製
- 選取「花瓣_單元」群組 → 外觀面板 → 添加新效果 → 扭曲與變換 → 變換:
• 旋轉角度:`360/12`(或連結變數)
• 複製數量:11
• 勾選「變換物件」、「變換圖樣」
• 參考點:中心點(或自訂)
- 優勢:原始花瓣**僅一個**,修改形狀/顏色/描邊,12 瓣**即時同步更新**。適合設計探索階段高頻迭代。
- 定稿時:物件 → 擴展外觀 → 獲得 12 個獨立實例,供後續差異化微調(如每瓣顏色漸變)。
實戰案例:曼陀羅圖案參數化生成器
- 核心單元:一個扇形扇區(含內部幾何紋路),群組命名「Mandala_Unit」。
- 套用上述「變換效果」:複製數量 `N-1`、旋轉 `360/N`。N 為變數面板控制。
- 同一單元再套用第二個「變換效果」:縮放 90%、複製 3、旋轉 0,形成同心三層。
- 第三個「變換效果」:水平鏡像、複製 1,獲得左右對稱。
- 最終:一個單元 + 三個變換效果 = 完整曼陀羅,修改單元內部幾何/顏色,全圖即時重生。極適合生成式設計、NFT 圖像批量產出。
常見坑點與解決方案
| 問題 | 原因 | 解決 |
| 複製後圖層順序混亂 | Ctrl+D 重複的是「變換」操作,不保證圖層順序 | 使用「變換效果」非破壞模式,或手動整理圖層後再群組 |
| 中心點漂移 | 物件非對稱、幾何中心≠視覺中心 | 預先畫「中心標記」十字線、群組含標記、旋轉後刪除標記 |
| 大量複製導致卡頓 | 超過 200 實例路徑過多 | 改用符號噴槍/圖案填色/像素圖層,或擴展後簡化路徑 |
延伸應用:動畫就緒輸出
將每個旋轉複製實例命名 `item_01`...`item_N`,匯出 SVG。CSS 動畫:`@keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }` 配合 `animation-delay: calc(var(--i) * 0.1s)` 實現依序綻放/旋轉動畫。