萬盛學電腦網

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

Illustrator 草圖轉矢量圖標實戰:鋼筆描邊、線條粗細變化與陰影著色技法

將手繪草圖轉化為專業矢量圖標,是 Illustrator 最迷人也最考驗基本功的環節。本教程以斯巴達頭盔為例,完整演示從草圖跟蹤、幾何構形、鋼筆精修、線條權重模擬、分層上色到陰影高光營造的全流程技法。

最終效果

斯巴達頭盔矢量圖標最終效果
草圖參考

階段一:草圖跟蹤與幾何構形

  1. 新建文檔,檔案 > 置入草圖,不透明度 20%,Ctrl+2 鎖定。
  2. 置入草圖
    鎖定草圖
  3. 優先用基本幾何形狀(圓形、矩形)構建大塊結構(如頭盔主體用圓形,裁剪多餘部分)。
  4. 幾何構形
  5. 複製、縮放、移動、再次裁剪,疊加構建次級結構。
  6. 疊加構建

鋼筆工具精修輪廓

  • 選中幾何形狀端點,沿草圖輪廓繪製貝塞爾曲線。
  • 按 Alt 點擊錨點刪除手柄,轉為尖角,便於繪製直線/銳利轉折。
  • 跟蹤完成後,解鎖草圖移開,檢視純線稿清晰度。
鋼筆跟蹤
轉尖角技巧
完成線稿

階段二:創造自然線條權重變化

矢量線條默認等寬顯得機械,模擬手繪筆觸的粗細變化是賦予生命力的關鍵:

  1. 全選路徑,加大描邊寬度 (如 3-5pt)。
  2. 加大描邊
  3. 對象 > 擴展 (勾選「描邊」),將描邊轉為填充形狀。
  4. 擴展描邊
    擴展選項
  5. 直接選擇工具 (A) 微調關鍵部位寬度:轉折處加粗、末端收尖、轉折內側內凹。
  6. 微調寬度
  7. 確保所有轉折處保留錨點,便於後續上色區域封閉。
  8. 保留錨點

階段三:分層上色工作流

  1. 路徑圖層鎖定,下方新建「色塊圖層」。
  2. 鋼筆工具在色塊圖層繪製封閉區域,確保路徑在黑色線稿內側,填充基礎色。
  3. 新建色塊圖層
    鎖定線稿層
    繪製色塊
  4. 同法分色填充所有區域,圖層順序對應結構前後關係。

階段四:陰影與高光賦予真實感

  1. 高光:新建圖層置於色塊上方,白色鋼筆繪製高光區,混合模式「柔光」。
  2. 繪製高光
    高光區域
    柔光模式
  3. 陰影:新建圖層,黑色繪製陰影區,混合模式「顏色加深」,不透明度 40%。
  4. 繪製陰影
    疊加效果
  5. 圖層疊加順序:線稿 > 高光 > 陰影 > 色塊,層層疊加自然融合底色。

核心心法

線條呼吸感(粗細變化)+ 分層疊加邏輯(色塊<陰影<高光<線稿)= 專業級矢量插畫質感。

copyright © 萬盛學電腦網 all rights reserved