萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Adobe Illustrator 教學

AI 繪製扣籃王文斯·卡特卡通插畫全流程

前言:從手繪草稿到商業級矢量插畫

本教程完整記錄了插畫師以文斯·卡特經典扣籃動作為題材,從鉛筆草稿掃描入電,到線稿勾勒、封閉成形、分色上色、光影塑造、細節深化的全過程。展示了鋼筆、畫筆、鉛筆、橡皮擦、斑點畫筆(CS4 新增)多工具協作,以及「拼合透明度→路徑查找器分割→實時上色/手動分色」的專業矢量插畫標準化管線。

最終效果

文斯·卡特扣籃插畫成品

17 步完整流程複盤

步驟 1:草稿置入與圖層規範

掃描鉛筆稿置入 AI,降低透明度(~30%),鎖定圖層命名「草稿」。新建圖層「線稿」置於上方。目的:防誤選、便隱藏對比、隔離編輯。

草稿圖層設置

步驟 2:多工具協作勾線

在「線稿」層勾勒線條:
- 鋼筆工具:大面積色塊、規則形體、直線條。
- 畫筆工具 (B):主力工具。自製尖銳藝術畫筆(等腰三角形拉長 → 新建藝術畫筆 → 著色法「色相轉換」),實現「起筆重/落筆輕」或反之的書法線條。
- 鉛筆工具 (N):快速畫有機形狀,配合 Alt 切換「平滑工具」即時修正抖動。
- 斑點畫筆工具 (CS4+):雙擊設「大小=壓力、變量=筆刷大小」,配合繪畫板繪製壓感線條,快捷鍵 `[` `]` 控制筆徑。

多工具勾線

步驟 3-4:線稿精修與備份

隱藏草稿層檢視線稿效果,鋼筆/鉛筆/平滑工具微調細節。全選線稿 Alt+拖動複製一份備份(防後續破壞性操作不可逆)。

線稿細節
線稿備份

步驟 5-7:線稿轉閉合形狀(關鍵管線)

  1. 選中線稿組 → 「物件」→「拼合透明度」:所有描邊轉為填充路徑。
  2. 取消編組(CS3 需兩次),打開路徑查找器 → 「分割」:所有交疊線條在交點處切割,生成大量封閉微小形狀。
  3. 進入隔離模式(雙擊組),白箭頭選中白色輔助線條(勾線時用白色修正黑線的輔助形狀)刪除。
拼合透明度
分割結果
刪除白色輔助

步驟 8-9:二次精修與合併

再次用鋼筆/鉛筆/平滑工具修補分割產生的缺口、毛刺、不平滑處。路徑查找器 → 「形狀模式:相加」,將成百上千碎片合併為單一完整線稿複合路徑。

二次精修
合併線稿

步驟 10-12:建立上色基礎形狀

  1. 復制線稿,蓋一個矩形覆蓋全圖 → 「分割」 → 刪除外框多餘部分 → 線稿內部所有封閉區域變為獨立可選形狀。
  2. 改變填色(區分線稿),置於線稿層下方對齊。
  3. 鎖定線稿層 (Ctrl+2),白箭頭逐個點選內部形狀填基礎色(膚色、球衣色、球色等)。
矩形分割
內部形狀
基礎分色

步驟 13-15:光影塑造與細節深化

在基礎色層之上新建「光影層」,沿用步驟 2 的多工具組合(鋼筆、畫筆、鉛筆、橡皮擦、斑點畫筆)繪製陰影、高光、反光色塊。如覺層次不足,再疊加層(如皮膚再加一層次表面散射色)。

基礎分色細節
光影色塊

步驟 16:字體設計與號碼嵌入

選擇合適字體輸入名字/號碼 → 「物件」→「展開」轉路徑 → 調整形狀嵌入球衣對應位置,描邊處理。

字體號碼

步驟 17:最終拼合透明度鎖定細節

全選所有可見圖層 → 「物件」→「拼合透明度」:將所有疊加混合模式、漸變網格、效果「燒錄」為純路徑,確保後續縮放、輸出、跨軟體移動零變形、零驚喜。

最終拼合後成品

專業管線核心價值

  • 非破壞草稿層:隨時可回溯原始構圖意圖。
  • 線稿備份:破壞性操作(拼合、分割)前必備份。
  • 拼合透明度 + 分割 = 自動閉合:將開放描邊轉為閉合區域,解決「線稿不閉合無法上色」千古難題。
  • 隔離模式 + 鎖定線稿:上色階段專注色塊選取,零誤觸線稿。
  • 多工具組合 = 線條語言豐富:單一工具必然單調,專業線稿必是多工具協奏。
  • 最終拼合透明度:交付前必做,消除所有外觀依賴,保證「所見即所得」。

延伸建議

嘗試將此管線應用於:運動員動態肖像、動漫角色三視圖、吉祥物標準繪製規範、動畫關鍵幀矢量化。並探索將「斑點畫筆」預設保存為「我的畫筆庫」,新建文件一鍵載入。

copyright © 萬盛學電腦網 all rights reserved