從單一路徑出發,透過「描邊設定」「輪廓化描邊」「路徑查找器」「圖案筆刷定義」,將手繪螺旋線條轉化為可任意繪製、自動拐角處理的程序化裝飾筆刷。展示矢量程序化設計思維:定義規則 → 生成變化 → 封裝複用。
製作流程
- 新建文件,開啟網格 (Ctrl+"),放大 300%,鋼筆工具沿網格點擊繪製基礎螺旋單元路徑。
- 描邊面板:粗細 15pt,端點/轉角設為圓滑。
- 複製置前 (Ctrl+C/F),粗細 3pt,白色描邊,得雙層描邊效果。
- 白箭頭:左下加錨點,刪除右側多餘錨點,調整成開口螺旋段。
- 全選,對象 → 路徑 → 輪廓化描邊,描邊變填色路徑。
- 鋼筆工具微調路徑,使內外邊緣平滑流暢。
- 選中內層小路徑,透明度 80%,群組 (Ctrl+G)。
- 筆刷面板 → 新建筆刷 → 圖案筆刷,預設參數確定。
- 筆刷工具/鉛筆/鋼筆自由繪製,螺旋裝飾線即時生成,拐角自動處理。
圖案筆刷關鍵設定
- 比例:固定/隨筆劃縮放(視需求)。
- 間距:0% 緊密連接,或正值留白。
- 拐角:自動生成/無/自定義拐角圖案(關鍵!決定轉彎處外觀)。
- 端點:自動/無/自定義端點圖案(線條首尾處理)。
- 著色法:色相移位(可改色)/ 無(保持原色)/ 色調飽和度。
應用場景
- 邊框裝飾:證書、請柬、相框、證書邊框。
- 分隔線:章節分隔、時間軸節點連接線。
- 插畫細節:藤蔓、捲草、髮絲、煙霧、魔法軌跡。
- 字體裝飾:襯線字體端部裝飾、花體字連筆延伸。
進階擴展
- 定義多組拐角/端點圖案,構建完整「螺旋裝飾系統」。
- 結合「寬度工具」局部控制粗細變化。
- 導出為 SVG 筆刷,網頁端 Canvas/SVG 渲染引擎直接使用。
- 參數化腳本:用 ExtendScript/UXP 編寫「螺旋筆刷生成器」,輸入參數一鍵輸出 .ai 筆刷庫。
將「手繪一次,參數化定義,無限複用」的思維內化,是邁向生成式設計師的關鍵一步。