萬盛學電腦網

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

Illustrator 聯手 Photoshop 製作超酷情人節海報:雙軟體協作的浪漫視覺敘事

協作分工策略:AI 掌控結構排版,PS 掌控氛圍質感

情人節海報需要精準的幾何構圖(心形、字體、網格)與豐富的像素級氛圍(光效、粒子、紋理、色調)。本教學建立標準化「AI→PS 雙向管線」:AI 完成向量骨架與可編輯文字 → 匯出分層 PSD → PS 疊加材質光效 → 成品回 AI 排版印刷輸出。

階段一:Illustrator 構建向量骨架

  1. 新建 1800×2400 px(3:4 直向海報)、CMYK、300 ppi、出血 3 mm。
  2. 核心幾何: 心形:橢圓工具畫圓 → 直接選取頂點向下拖 → 轉換錨點尖銳底尖 → 路徑查找器「聯合」對稱複製得標準心形。存為符號「Heart_Core」。
  3. 文字骨架: 主標「LOVE」用襯線字體(如 Didot Bold)建立輪廓,每字母拆解為獨立路徑群組。副標「Happy Valentine's Day」用手寫字體,保留可編輯文字圖層。
  4. 網格系統: 矩形網格工具 12×16 格,轉為參考線 (右鍵→建立參考線),輔助版面對齊。
  5. 裝飾元素庫: 箭頭、氣球、蕾絲邊框、光暈圓環等均繪製為符號,命名規範「Deco_箭頭」、「Deco_氣球」等。
  6. 圖層架構:背景導引、幾何骨架、文字骨架、裝飾符號實例、標註圖層。另存為「Valentine_Skeleton.ai」。
  7. 檔案 → 匯出 → 匯出為 PSD:勾選「寫入圖層」、「保持外觀」、「透明背景」、「解析度 300 ppi」。

階段二:Photoshop 氛圍渲染與合成

1. 背景質感構建

  • 置入紙質/布紋/水彩紋理智慧物件,填滿畫布,混合模式「正片疊底」/「疊加」不透明度 30%。
  • 漸層映射調整層:映射「粉紫藍」三色漸層(色相 320°→260°→220°),賦予統一色調。

2. 核心幾何材質化

  1. 選取「Heart_Core」圖層 → 圖層樣式:
     • 斜面與浮雕:內部斜面、平滑、深度 200%、大小 15 px、光源 120°/30°、高光螢幕 #ff99cc 80%、陰影正片疊底 #660033 60%。
     • 內發光:螢幕、#ff66aa、噪點 10%、大小 20 px。
     • 投影:正片疊底、#33001a、距離 8 px、大小 12 px。
     • 描邊:漸層描邊(角度 135°、#ffcccc→#ff3399→#cc0066)、大小 3 px、位置外側。
  2. 右鍵圖層樣式 → 「建立圖層」將樣式拆分為獨立圖層,便後續局部塗抹/蒙版。

3. 粒子與光效系統

  1. 新建圖層「粒子_亮」:筆刷工具 (B) 載入「星塵/氣泡」筆刷(散佈 1000%、大小抖動 50%、顏色動態 彩色抖動),前景色 #fff、#ffccff、#ff99dd,在心形周邊輕繪。
  2. 圖層樣式:外發光(螢幕、#ff66cc、15 px)、內發光(螢幕、白、5 px)。
  3. 複製圖層 → 濾鏡 → 模糊 → 徑向模糊(縮放、量值 30) → 混合模式「線性減淡」→ 命名「粒子_光暈」。
  4. 光斑:橢圓選區 → 填白 → 高斯模糊 50 px → 疊加 40% → 扭曲 → 變形 → 拉伸成光帶。

4. 文字質感與版面微調

  • 主標「LOVE」每字母圖層獨立套用:圖層樣式「貼圖覆蓋」→ 選「金屬箔/絲絨/玻璃」紋理 → 混合模式「疊加」。
  • 副標文字:圖層樣式「描邊」1 px #fff、外發光 #ff66cc 10 px、投影 #33001a 5 px。
  • 回 AI:將 PS 處理後的心形/裝飾圖層另存為 PNG 透明底,置入 AI 原檔對應位置(檔案→置入→連結),替換原向量佔位符,保持版面可編輯性。

階段三:最終輸出與多規格交付

  1. AI 中檢查:出血線、顏色模式 CMYK、字體外框化(除需二次編輯文字)、圖片連結有效。
  2. 輸出套件:
     • 印刷:PDF/X-1a (CMYK、含出血、裁切標記)。
     • 社群媒體:JPG 1080×1350 (IG)、1080×1920 (Stories)、1200×628 (FB)。
     • 動態版:PSD 導入 After Effects,心形縮放呼吸、粒子飄浮、文字逐字顯示,輸出 MP4/WebM/GIF。
     • 互動版:SVG + GSAP,滑鼠懸停心形發光、粒子跟隨游標。

團隊協作 SOP

  1. 設計師 A 負責 AI 骨架(版面、文字、幾何),提交「Valentine_Skeleton.ai」。
  2. 設計師 B 負責 PS 渲染(材質、光效、色調),提交「Valentine_Render.psd」+ 素材 PNG 序列。
  3. 設計師 A 回 AI 組裝最終版、輸出多規格、封存專案包(含字體授權、素材授權、色板 ASE、圖形樣式庫)。
copyright © 萬盛學電腦網 all rights reserved