萬盛學電腦網

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

Illustrator 塗抹效果筆刷打造時尚海報:AI 向量質感 → PS 筆刷化應用跨軟體工作流

Illustrator 的 「效果 > 風格化 > 塗抹」 是一個被嚴重低估的濾鏡。它能將簡單幾何形狀瞬間轉化為豐富的手繪筆觸質感,配合 Photoshop 定義筆刷,可構建「AI 程序化生成質感 → PS 筆刷化自由繪製」的高效跨軟體創意管線。本教學完整拆解從矩形陣列到塗抹筆刷定義,再到海報合成的全流程。

最終海報效果

時尚海報最終效果

第一階段:Illustrator 程序化生成塗抹質感基底

1. 基礎幾何陣列構建

  • 新建 1800×1800 px、RGB 文件。
  • 矩形工具 (M) 繪製若干黑色矩形,大小/位置隨機分佈,關閉描邊。
  • 全選 > 右鍵 > 變換 > 旋轉 -45°,建立動態斜向張力。
  • Ctrl/Cmd+G 群組,按住 Alt/Option 拖動複製多組,微調縮放/位置增加變化,保持 -45° 傾角一致。
基礎矩形陣列
旋轉 -45°
群組複製排列

2. 塗抹效果參數深度解析

選中所有群組 > 效果 > 風格化 > 塗抹 (或外觀面板添加)。核心參數與視覺對應:

參數視覺效果建議範圍
角度筆觸傾斜方向與基礎幾何旋轉角度一致 (-45°) 可增強連貫性
角度變化筆觸方向隨機擾動0-5° (微擾) / 15-30° (混亂感)
描邊寬度筆觸粗細2-8 px (視輸出尺寸)
描邊寬度變化筆觸粗細隨機變化0-50%
曲度筆觸彎曲程度0% (直筆觸) → 100% (極度彎曲)
曲度變化彎曲隨機性0-30%
間距筆觸間距5-20 px (密集度控制)
間距變化間距隨機性0-5 px

範例參數:角度 -45°、變化 2px、寬度 4px、曲度 0%、間距 10px、變化 0.2px。面板下拉選單提供預設風格 (炭筆、粉彩、油畫等) 可作為起點微調。

塗抹效果參數面板
預設風格下拉選單

3. 疊加增強濃度

複製塗抹效果群組 Ctrl/Cmd+C > F 疊加,視覺濃度倍增,筆觸層次更豐富。

疊加效果

4. 匯出 AI 並置入 Photoshop

  • 儲存為 .ai 格式。
  • PS 開啟 .ai:彈出「置入 PDF」對話框,解析度設 72 ppi (螢幕用) / 300 ppi (列印用),勾選抗鋸齒,確定。
  • 獲得透明背景的向量質感圖層,可無限縮放不失真。
PS 置入 AI 選項

第二階段:Photoshop 定義筆刷與海報合成

1. 定義筆刷預設

  • PS 中選取圖層 > 編輯 > 定義預設筆刷,命名「塗抹筆刷」。
  • 筆刷預設面板中可調整:間距、尺寸抖動、角度抖動、圓度抖動、前景/背景色抖動,進一步豐富筆觸隨機性。
定義筆刷預設

2. 海報合成實戰

  1. 新建 1800×1200 px、72 ppi 文件,背景填色 #ebd9e7 (淡粉紫)。
  2. 複製背景圖層 > 濾鏡 > 雜色 > 添加雜色:15%、高斯分布、單色 → 圖層混合模式 疊加、填充 60% → 細膩紙張質感。
  3. 新建圖層,選取「塗抹筆刷」,前景色白,適當尺寸,在左側區域輕輕繪製一筆 → 形成主要視覺焦點區。
  4. 置入模特圖片 (置於最上層) > 右鍵 > 建立剪貼蒙版 (模特圖限制在筆刷筆觸範圍內)。
  5. 降低筆刷圖層不透明度至 80%,平衡模特顏色濃度與筆觸質感。
  6. 添加標題文字:從模特圖吸取高飽和色彩,文字傾斜 45° (呼應筆觸傾角),不透明度 20% → 融入質感背景。
背景建立
雜色質感
筆刷繪製焦點區
剪貼蒙版模特
最終海報合成

核心方法論:AI→PS 質感管線三大優勢

  1. 程序化可控:AI 塗抹效果參數即時可調、非破壞、可儲存為圖形樣式一鍵套用不同幾何基底,產出無限變體。
  2. 向量無限縮放:AI 源文件任意放大置入 PS,筆刷定義解析度不受限制,支援從名片到戶外廣告同一素材無損輸出。
  3. 筆刷化自由度:PS 筆刷引擎 (形狀動態/散佈/顏色動態/雙筆刷/噴射) 賦予手繪級自由度,突破向量程序化的「規則感」。

創意延伸方向

  • 不同基礎幾何:圓點、三角形、六邊形、文字外框 → 塗抹 → 截然不同筆觸語彙。
  • 多層塗抹疊加:不同角度/顏色/參數的塗抹層疊加,構建複雜質感地層。
  • 動態筆刷:將塗抹序列導出為影格動畫 / After Effects 形狀圖層動畫。
  • 參數化設計:配合腳本/動作/變數面板,批次生成百款塗抹筆刷素材庫。

「塗抹」從未被遺棄,只是等待被重新發現。當向量精確遇上像素自由,一支筆刷,足以改變一張海報的命運。

copyright © 萬盛學電腦網 all rights reserved