矢量花朵插畫以線條優雅、色彩豐富、無限縮放、易於風格化著稱，是品牌插畫、包裝花紋、紋理設計的核心素材。本教程演示如何用「鋼筆工具構建優雅路徑」+「放射性/線性漸變填充」+「正片疊底混合模式疊加」+「符號化複用」高效創作擁有層疊花瓣、豐富花蕊、柔和透光感的矢量花朵。

最終效果

製作步驟

步驟 1：花瓣路徑繪製——優雅線條的基礎

• 鋼筆工具 (P) 繪製花瓣基礎路徑：少量錨點、手柄流暢、對稱/非對稱平衡
• 單瓣路徑閉合，複製旋轉複製 (R 工具 Alt 點擊中心 → 角度 360°/瓣數 → Ctrl+D 重複) 得到完整花冠
• 每瓣路徑獨立群組，命名 `Petal_01` ~ `Petal_N`
• 花瓣基礎形狀建議：寬闊橢圓基礎 + 尖端/缺口變化

步驟 2：花瓣漸變填充與混合模式

1. 選中一片花瓣 → 放射性漸變：中心淺色 (高光) → 邊緣深色 (基底色)
2. 色彩建議：暖色系 (粉/珊瑚/桃紅/橙) 或冷色系 (藍/紫/青/綠)
3. 透明度面板 (Shift+Ctrl+F10) → 混合模式「正片疊底」
4. 吸管工具 (I) 點擊已填充花瓣 → 複製外觀 (Ctrl+C → Ctrl+Alt+V) 套用至其他花瓣
5. 微調各瓣漸變中心位置/角度，模擬光源方向與花瓣朝向差異

步驟 3：花蕊製作——細節豐富度的關鍵

1. 鋼筆/橢圓工具繪製單枚花蕊形狀 (細長橢圓/水滴形)
2. 線性漸變：根部深色 → 頂端淺色/透明
3. 透明度面板 → 混合模式「正片疊底」
4. 旋轉複製 (R Alt 點中心) 形成花蕊群，數量 15-30 根視花型
5. 群組命名 `Stamens`，置於花瓣群組上方

步驟 4：花芯與中心結構

1. 橢圓工具 (L) 按 Shift 繪製正圓 (花芯)
2. 放射性漸變：中心深色 → 邊緣淺色/透明
3. 透明度面板 → 混合模式「正片疊底」
4. 複製花芯 → 縮放 70% → 透明度 40% → 置於原花芯上方，形成雙層深度

步驟 5：葉片與莖幹 (完整植物結構)

• 鋼筆工具繪製葉片路徑：中央脈線 + 羽狀/掌狀脈網
• 漸變填充：葉基深綠 → 葉尖淺綠，線性/放射性視葉形
• 莖幹：矩形/圓角矩形 + 漸變網格 (2×8) 表現圓柱體積
• 葉脈：筆刷工具 + 藝術畫筆「書法/粉筆」，描邊深綠，正片疊底

步驟 6：整體氛圍與風格化

• 柔光疊加層：複製整株花群組 → 合併為單一路徑 (路徑查找器「合併」) → 填充淡色漸變 → 混合模式「柔光」15% 不透明度 → 置於頂層
• 外發光：整體群組 → 效果 > 風格化 > 外發光：模式「螢幕」、顏色淡黃/白、不透明度 30%、模糊 10px
• 背景呼應：淡色幾何圖案/漸變背景，不搶視覺焦點

風格變體快速生成矩陣

風格	花瓣路徑	漸變策略	混合模式	筆觸/紋理	適用場景
寫實植物繪圖	高精度鋼筆、脈絡細節	多色標漸變網格	正常/正片疊底	無/極細筆觸	科普/教材/植物誌
扁平設計	幾何簡化、尖銳/圓潤統一	純色/雙色線性漸變	正常	無	UI 圖標/扁平插畫
水彩手繪	鉛筆工具隨意感、邊緣不閉合	濕邊漸變 (邊緣深、中心淡)	正片疊底/柔光	水彩畫筆/顆粒紋理	文創/包裝/編輯插畫
線條極簡	單線條描邊、無填充	無	正常	變寬描邊/書法畫筆	Logo/線條圖標/紋身
幾何抽象	基本圖形組合/布爾運算	色塊/幾何漸變	疊加/差值	圖案填充	品牌輔助圖形/幾何海報

符號化與設計系統整合

1. 完成花朵 → 全選 → 拖入符號面板 → 類型「圖形」→ 勾選「啟用 9 切片縮放」
2. 命名規範：`Flower_[品種]_[風格]_[色系]` (如 `Flower_Rose_Flat_Warm`)
3. 建立「花卉元件庫」.ai 庫文件，團隊共享
4. 變體製作：編輯符號定義 → 所有實例同步更新；特例右鍵「斷開符號連結」獨立修改

商業級輸出檢查單

• [ ] 所有路徑閉合、無雜點、錨點最少化
• [ ] 色板僅含使用色、全局色標註、專色轉換正確
• [ ] 圖層結構：`Flower_Group` > `Petals`/`Stamens`/`Pistil`/`Leaves`/`Stem`/`Effects`
• [ ] 外觀面板效果可編輯、無擴展外觀
• [ ] 符號定義正確、9 切片設置合理
• [ ] 導出 SVG：精度 3、移除編輯器數據、響應式 (寬高 100%)
• [ ] 導出 PNG 系列：1x/2x/3x、透明背景、sRGB

矢量花朵的魅力在於「幾何理性與有機感性的完美平衡」——鋼筆工具的貝茲曲線賦予數學優雅，漸變與混合模式賦予光學詩意，符號系統賦予工程化複用。掌握此工作流，你不僅能畫出一朵花，更能構建屬於品牌的「花卉視覺語言系統」。