利用 Illustrator 的旋轉複製、漸變網格、符號庫、外觀面板疊層，能快速構建極具視覺衝擊力的幾何花朵。本教程詳細拆解 19 步製作流程，並延伸講解如何將單一花朵封裝為參數化組件，支援花瓣數、色相、漸變角度、描邊樣式的即時調整，打造可複用的花卉裝飾設計系統。

核心技術棧

• 旋轉複製 (Rotate + Copy + Ctrl/Cmd+D)： 核心幾何分佈邏輯，精確控制花瓣數量與角度間距。
• 漸變工具 (G) + 漸變面板： 線性/徑向漸變賦予花瓣體積感與材質感。
• 符號庫 & 動態符號： 複雜花瓣單元存為動態符號，一處修改全局更新。
• 外觀面板疊層： 單一路徑承載多重填色/描邊/效果，非破壞編輯。

19 步完整製作流程

基礎花瓣單元構建（步驟 1–6）

1. 新建文件：640×480 px，RGB，72 ppi。

2. 橢圓工具畫橢圓 (寬 80px、高 30px)，填線性漸變：#FF6B9D → #FF8EAA → #FFB3C6，角度 0°（水平），模擬花瓣基底到尖端的色相遞變。

3. 選中橢圓，旋轉工具 (R) 按 Alt/Option 點擊中心底部（花心位置），角度設 30°（12 瓣）或 45° (8 瓣)，點「複製」。按 Ctrl/Cmd + D 重複直到滿圈。

4. 全選花瓣群組 Ctrl/Cmd + G，縮放 90% 複製置前 Ctrl/Cmd + F，填白色，無描邊，形成內層高光花瓣。

5. 再次縮放 90% 複製，移除填色，添加描邊：白色、虛線 (衝長 4pt、間隙 2pt)，形成花瓣邊緣裝飾線。

花心裝飾與符號庫應用（步驟 7–15）

7. 橢圓工具畫小橢圓 (40×25px)，填徑向漸變：中心 #FFD700 → 邊緣 #FFA500，角度 0°。

8. 旋轉 15° 複製 Ctrl/Cmd + D 重複，形成花心放射紋理。

9. 複製花心群組，移除填色，描邊白色 1pt，疊加增強邊緣對比。

10. 對齊兩組花心置中。視窗 > 符號庫 > 污點矢量包，選「符號 02」(星爆狀)，拖入畫板。

11. 斷開符號鏈接，填徑向漸變：#FF4500 → #FF8C00 → #FFD700，不透明度 60%，混合模式「濾色」，與主花朵疊合。

12. 再次編輯符號 02，填不同漸變 (如 #00FFFF → #8A2BE2)，疊加形成多層次光效。

整合收尾與擴展（步驟 16–19）

16. 調整各元素位置、大小、疊加順序，複製縮放生成大小不一的花朵群，構建畫面節奏。

17. 橢圓工具按 Shift 畫正圓，複製縮小疊加，形成同心圓裝飾，置於花朵中心或邊緣。

18. 文字工具輸入標題/文案，調整字體、字距、行距，套用封套扭曲或路徑文字貼合花朵弧度。
19. 最終檢查：圖層命名、色板整理、對齊像素網格、導出多格式 (SVG/PNG@3x/JPG/PDF)。

進階：參數化花朵組件系統化

• 動態符號花瓣： 將基礎花瓣路徑存為動態符號，實例屬性面板中可即時修改「花瓣數」(旋轉角度)、「漸變色相」(全局色連結)、「描邊樣式」。
• 腳本參數面板： 編寫 JSX/ExtendScript 腳本，建立 UI 面板：滑桿控制花瓣數(4–24)、色相偏移(0–360°)、漸變類型(線性/徑向/自由)、描邊開關、虛線參數。一鍵生成無限變體。
• 設計令牌映射： 將漸變色標、描邊寬度、圓角半徑導出為 JSON 設計令牌，前端框架 (React/Vue/Svelte) 直接消費，實現設計與代碼同源。
• 動畫就緒結構： 每片花瓣獨立群組命名 `Petal_01`…`Petal_N`，配合 CSS `transform-origin` 設定中心點，輕鬆實現綻放/旋轉/呼吸動畫。

幾何花朵看似裝飾性強，實則是「參數化幾何 + 程序化著色 + 系統化輸出」的縮影。掌握這套邏輯，你不僅能畫花，更能構建圖標系統、圖案填充、動態背景、數據可視化圖形等一切基於極坐標分佈的視覺系統。