工具核心價值
「實時上色工具」(Live Paint,K)讓你像填色書一樣直接在線稿封閉區域點擊填色,無需手動閉合路徑、建立形狀,極大加速平面插畫、圖標、信息圖表的上色流程。配合「切面風格」(Flat/Geometric Style)的硬邊色塊美學,是當代商業插畫主流技法之一。
效果預覽
切面風格插畫:清晰邊緣、大面積色塊、幾何簡約
完整工作流
階段 1:線稿準備(矢量優先)
- 鋼筆/鉛筆/形狀工具繪製封閉線稿(實時上色要求區域邊界閉合)。
- 線稿建議:描邊 1-2pt、深灰/黑、圖層鎖定、命名「Lineart」。
- 若為手繪掃描稿:先在 PS/Potrace 位圖轉矢量,或用 AI「圖像描摹」高閾值轉矢量線稿。
階段 2:建立實時上色群組
- 選中所有線稿 → K(或「物件」→「實時上色」→「建立」)。
- 工具箱出現「實時上色桶」工具,游標變油漆桶,滑過封閉區域高亮提示可填色。
階段 3:高效填色操作
- 單擊填充: 選前景色 → 單擊區域填充。
- 鍵盤換色: 按 ←/→ 切換色票欄顏色,單手操作極快。
- 間隙檢測: 「物件」→「實時上色」→「間隙選項」設「自動檢測間隙」(小/中/大),自動橋接微小缺口。
- 邊緣保護: 勾選「填充邊緣」可在區域邊界保留細線,避免色塊貼邊露白。
階段 4:展開與後處理
- 上色完成 → 「物件」→「實時上色」→「展開」 → 轉為常規矢量物件群組(每色塊獨立路徑)。
- 「物件」→「取消群組」(Shift+Ctrl+G)分離各色塊。
- 後續可對單一色塊:添加漸變、紋理、投影、剪切蒙版、路徑偏移等效果。
階段 5:切面風格質感強化
- 硬邊原則: 禁用羽化/模糊,保持色塊邊緣銳利。
- 有限調色盤: 全圖限用 8-12 色,建立「全局色票」統一管理。
- 幾何感強化: 選中色塊 → 「效果」→「風格化」→「圓角」負值(尖角化)或「路徑」→「簡化」減少錨點。
- 噪點紋理: 整體疊加「效果」→「材質」→「顆粒」(強度 10-20%,對比度 50%,散點模式)統一畫面質感。
進階技巧:實時上色 + 符號/圖表/動畫
- 符號複用: 將常用色塊圖形存為符號,實時上色組內可直接放置符號實例。
- 圖表著色: 柱狀/圓餅圖轉為實時上色組,一鍵換色系適配品牌規範。
- 動畫關鍵幀: 不同幀態實時上色組疊加,導出 SVG SMIL 或 CSS 動畫實現色塊變色動效。
避坑指南
- 線稿未閉合 → 區域無法識別 → 善用「間隙選項」或手動補線。
- 過度複雜線稿(>5000 區域)會導致實時上色響應延遲 → 分圖層分批處理。
- 展開後色塊邊緣可能產生極細缺口 → 「路徑搜尋器」→「合併」同色相鄰塊。