毛線球看似複雜實則遵循明確的幾何邏輯:基礎單元 → 陣列排列 → 筆觸模擬 → 畫筆定義 → 路徑應用 → 參數化疊加。本教程完整拆解 Illustrator 自定義畫筆制作毛線球的專業工作流,實現可編輯、可縮放、風格統一的矢量毛線質感,適用於插畫、圖標、紋理填充、動態圖形素材製作。
新建 1000×1000px RGB 文檔 → 視圖 > 顯示網格 (Ctrl+") → 編輯 > 首選項 > 參考線與網格:網格線間距 10px,細分 4 → 提供精確對齊基準。
| 類型 | 適用場景 | 特性 |
|---|---|---|
| 藝術畫筆 | 單根毛線、線條裝飾 | 沿路徑拉伸單元,保留原始比例或拉伸適應 |
| 圖案畫筆 | 毛線球表面連續紋理 | 平鋖重複單元,支持拐角/端點/內側/外側獨立定義 |
| 散佈畫筆 | 飛濺纖維、隨機分布 | 沿路徑隨機散佈縮放/旋轉/間距 |
因路徑長度差異巨大 (球體大圓周 vs 細節小弧線),單一畫筆會導致過度拉伸或過度擠壓。解決方案:
— 長畫筆:選中完整紋理帶長度 (約 300px) → 新建藝術畫筆 → 色彩化方法「色調」 → 命名 "Yarn_Long"
— 短畫筆:選中紋理帶 1/3 長度 (約 100px) → 新建藝術畫筆 → 同設置 → 命名 "Yarn_Short"
— 應用原則:路徑長度 > 200px 用長畫筆,< 200px 用短畫筆,中間過渡區手動切換
鋼筆工具 (P) 手繪不規則圓形輪廓 (微微扁平、略有凹凸) → 作為毛線球外輪廓基礎路徑。
內部結構線:從中心向外輻射 8-12 條曲線 (模擬繞線層疊) → 同心圓環 3-4 條 (模擬層疊圈數)。
複製整組路徑 → 微調位置 (偏移 0.5-1px) → 應用不同色調畫筆 (暖灰/冷灰/帶微色傾向) → 不透明度 60-80% 疊加 → 形成豐富色深層次,避免單一畫筆的機械重複感。
建立「全局色板組」:
Yarn_Core (主色) → Yarn_Highlight (高光) → Yarn_Shadow (陰影) → Yarn_Accent (裝飾色)
所有畫筆色彩化方法設為「色調」並綁定全局色 → 一鍵換色生成紅/藍/綠/多色毛線球系列。
對於批量需求,可編寫 ExtendScript/CEP 面板腳本:
// 參數化輸入
var radius = 50; // 球半徑
var layers = 5; // 繞線層數
var turnsPerLayer = 12; // 每層圈數
var yarnThickness = 1.2; // 畫筆寬度
var fuzziness = 0.15; // 飛翹程度
// 自動生成路徑、應用畫筆、添加高光陰影
實現一鍵生成無限變體,參數化控制風格統一度。
yarn-ball-{color}-{size}.png