萬盛學電腦網

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

Illustrator將照片轉為矢量線條插畫:雙向描摹技法與藝術化表達

把照片變成「像鋼筆手繪一樣」的矢量線條插畫,不需要 Image Trace(實時描摹)那種死板的自動化結果。本教程傳授一種手工雙向描摹法:橫向線條表明暗、豎向線條交叉深化暗部,完全可控、風格獨特、極具藝術張力。

成品:線條疏密有致、明暗層次豐富、極具手繪質感的矢量線條肖像

核心邏輯:三級調子 → 兩組線條 → 交疊重構

  1. 定義三級調子:最亮區 (高光) = 留白/無線條、中間調 = 單向線條 (橫向)、最暗區 (陰影) = 交叉線條 (橫向+豎向)
  2. 建立基準線條陣列:線段工具 (\) 畫一條寬於圖片的水平線 → 效果 > 變換 > 分別變換:垂直移動 -10px/複製 → Ctrl+D 重複至底部 → 獲得等距水平線陣列
  3. 複製並旋轉 90° 備用豎向線條陣列

橫向描摹:鋪底中間調

  • 從最上條線開始,直接選擇工具 (A) 調整每條線兩端點貼合描摹區邊緣
  • 跳過高光區(按定義留白)
  • 暗部區域:在同一水平位置複製/疊加更多線條,線條疏密對應暗度深淺
  • 所有水平線完成 → Ctrl+2 鎖定

豎向描摹:交叉深化暗部

  • 調出備用豎向線條陣列,移至描摹區最左側
  • 同法調整每條豎線端點貼合邊緣
  • 只在暗部區域交叉(與橫向線條疊加形成網格狀加深)
  • 中間調區域:豎線不交叉(保持單向線條質感)
  • 高光區:完全留白
  • 逐條推進至最右側

後處理與風格化

  1. Ctrl+Alt+2 全部解鎖 → 刪除底圖照片
  2. 選中所有線條 → Ctrl+G 群組
  3. 風格化微調:
    • 描邊顏色:統一改為暖灰/棕褐/墨藍等單色系
    • 描邊寬度:0.25-0.5pt(視輸出尺寸)
    • 變寬輪廓:寬度工具 (Shift+W) 讓線條粗細呼吸
    • 藝術畫筆:套用墨水/鋼筆/炭筆畫筆增加肌理

擴展玩法:定義你的視覺語法

  • 斜向描摹:45°/135° 線條陣列,表現不同平面傾斜
  • 曲線描摹:用螺旋線/同心圓替代直線,表現有機流動感
  • 點畫法:將線條替換為點陣,密度對應明暗
  • 多色線條:不同調子用不同色相線條(如冷調藍線條表陰影、暖調紅線條表高光)
  • 動畫化:導出 SVG,CSS 動畫控制線條描邊偏移 (stroke-dashoffset) 實現「線條生長」動畫

應用場景

  • 店鋪裝飾大幅面牆面藝術
  • 大型戶外海報/燈箱(矢量無限放大不失真)
  • 書籍插圖/雜誌內頁/唱片封面
  • 品牌 IP 衍生:線條肖像印在 T恆/手機殼/筆記本
  • 教學演示:藝術課展示「明暗結構如何被線條語言重構」

這項技術的本質是「用理性的網格邏輯,重寫感性的光影秩序」。每一條線的疏密、交叉、彎曲,都是對原圖光影結構的一次理性解讀。這比任何濾鏡都更有溫度、更有設計師的簽名風格。

copyright © 萬盛學電腦網 all rights reserved