本教學展示 AI 矢量排版與 PS 光影渲染聯動工作流:AI 精準控制字體結構變形,PS 疊加漸變背景、雲彩濾鏡光效、金屬質感圖層樣式(斜面浮雕/輪廓/光澤)、動感模糊光帶、徑向模糊整體氛圍,產出大片級金屬立體字海報。
最終效果
步驟 1:AI 矢量文字結構設計
- 新建 1680×1050 px 文件。
- AI 中輸入文字「CLASH OF THE TITANS」,字體 Bank Gothic(粗無襯線,幾何感強)。
- 調整字符寬度、字距、基線位移,使「CLASH OF THE」置上、「TITANS」置下,形成上下呼應結構(圖 1-3)。
圖 1 AI 排版初稿
圖 2 結構微調
圖 3 背景漸變設定
步驟 2:PS 背景氛圍構建
- 背景層添加漸變疊加:
#FEE4C8(暖米)→ #0F0802(深黑),對角線向。
- 新層 濾鏡 > 渲染 > 雲彩(前黑後白) → 模式「顏色減淡」 → 加蒙版再跑一次雲彩 → Ctrl+T 變形選「魚眼」,彎曲度 -100% 形成放射狀光暈(圖 4-5)。
圖 4-5 雲彩光暈製作
步驟 3:AI 文字置入 PS 分層加金屬樣式
- 將 AI 文字複製貼入 PS 為形狀圖層,置中。
- 上組「CLASH OF THE」添加圖層樣式:
• 斜面與浮雕:內部、平滑、深度 200%、方向「下」、大小 16 px、柔化 0、角度 120°、高度 30°、高光模式「線性淺加」不透明 75%、陰影模式「線性加深」不透明 50%
•輪廓:環狀/圓錐
• 光澤:混合模式「正常」、不透明 30%
• 顏色疊加:#C8A963(古銅金)
(圖 6-8)
- 下組「TITANS」複製上組樣式,僅將「斜面與浮雕」方向改「上」,形成上下對稱反光邏輯(圖 9)。
圖 6-8 上組金屬樣式參數
圖 9 下組樣式調整
步驟 4:飛馬座矢量素材與光效疊加
- 置入飛馬座矢量圖 → 濾鏡 > 模糊 > 動感模糊:角度 -35°、距離 18 px,表現疾馳動態(圖 10-11)。
- 置入光效素材(光束/星塵) → 模式「濾色」去黑保亮,多層疊加豐富光層次(圖 12-13)。
圖 10-11 飛馬座動感模糊
圖 12-13 光效素材疊加
步驟 5:整體氛圍收尾
蓋印可見圖層(Ctrl+Alt+Shift+E) → 濾鏡 > 模糊 > 徑向模糊:縮放、量值 5、最佳質量,形成向心視覺張力(圖 14)。
圖 14 最終效果
工作流遷移建議
- AI 負責精準矢量結構(文字變形、Logo、幾何圖形),PS 負責像素級光影質感渲染。
- 圖層樣式參數化保存為 .asl 風格庫,同專案複用一鍵套用。
- 光效素材建立個人庫,按「濾色/線性淺加/強光」分類存放。
延伸學習:更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:75789345 歡迎加入交流。