萬盛學電腦網

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

Photoshop 製作彩色發光字動畫:濾鏡極座標變換與 IR 動畫輸出

效果原理與流程概覽

核心視覺邏輯:文字 → 極座標變換展開 → 風濾鏡產生放射線 → 極座標還原 → 色相旋轉多色系 → IR 幀動畫合成。利用極座標將文字從「笛卡兒座標系」轉為「極座標系」,風濾鏡在極座標域產生放射狀線條,再轉回形成環繞文字的發光光束。每個色相變體為一幀,合成 GIF 實現色彩循環動畫。

單幀製作流程

  1. 畫布與文字: 新建適當尺寸(建議 600×600 px),背景填黑 → 文字工具輸入文字 → 字體粗體幾何風 → 栅格化文字圖層
  2. 白化與模式: 鎖定透明像素 → 填充白色 → 圖層模式「正片疊底」(文字變白,背景透明)
  3. 曝光過度濾鏡: 濾鏡 → 風格化 → 「曝光過度」 → 文字邊緣產生高對比鋸齒/噪點,為風濾鏡提供細節源
  4. 自動色階: 影像 → 調整 → 「自動色階」 → 增強對比
  5. 複製備份: Ctrl+J 複製圖層備用(後續色相變體基礎)
  6. 極座標展開: 濾鏡 → 扭曲 → 「極座標」 → 選「極座標到平面座標」 → 文字變為環狀條紋
  7. 旋轉 90°: 影像 → 旋轉畫布 → 「順時針 90°」 → 放射線條變為水平條紋
  8. 風濾鏡疊加: 濾鏡 → 風格化 → 「風」(方法:風向/從左/從右,視需求) → Ctrl+F 重複 3-5 次 → 水平條紋拉長為放射狀細線
  9. 旋轉 -90°: 影像 → 旋轉畫布 → 「逆時針 90°」 → 恢復極座標方向
  10. 極座標還原: 濾鏡 → 扭曲 → 「極座標」 → 選「平面座標到極座標」 → 獲得環繞文字的放射光束
  11. 色相著色: Ctrl+U 色相/飽和度 → 勾選「著色」 → 調整色相滑桿得目標顏色(紅/綠/藍/紫/金...)
  12. 疊加備份層: 步驟 5 備份層模式改「濾色/螢幕/線性減淡」置於上方 → 增強核心文字可讀性與亮度

多幀色相動畫製作

  1. 重複步驟 11,產出 6-12 個不同色相版本(色相間隔 30-60°)
  2. 每版本存為獨立 PSD 或圖層組
  3. 開啟 ImageReady(舊版 PS)或 PS 時間軸面板(新版)
  4. 將各色相版本依序排列為幀,幀延遲 0.1-0.2 秒
  5. 設定循環「永遠」 → 預覽流暢度

關鍵濾鏡參數對照表

濾鏡關鍵參數作用
曝光過度預設製造高對比邊緣噪點,為風濾鏡提供細節源
極座標(展開)極座標→平面文字環狀展開為水平條紋
風方法:風/從左/從右;重複 3-5 次水平拉伸條紋形成放射線細節
極座標(還原)平面→極座標放射線條收攏為環繞光束
色相/飽和度著色+色相滑桿單通道著色產生多色系變體

避坑與優化建議

  • 文字過細/過粗: 字重影響光束密度,建議中粗字重(Medium/Bold),字高佔畫布 30-40%
  • 風濾鏡方向: 「從左」產生向右放射,「從右」向左,「風」雙向,視設計意圖選擇
  • 極座標中心偏移: 文字未置於畫布絕對中心會導致光束中心偏移,務必 Ctrl+A 全選 → 移動工具對齊水平/垂直中心
  • 動畫幀數過少: 6 幀以上色相循環較流暢,12 幀更絲滑,體積增大可接受
  • IR/時間軸差異: 新版 PS 使用時間軸面板(視窗→時間軸→創建幀動畫),操作邏輯與 IR 類似

延伸變體玩法

  • 多文字環繞: 多行文字分別製作光束 → 不同半徑/旋轉速度疊加
  • 光束形狀變體: 風濾鏡前對展開條紋用「波紋/扭曲/剪切」濾鏡變形 → 還原後得波浪/螺旋/破碎光束
  • 背景互動: 背景置入星空/幾何/粒子動畫,文字光束與背景同步色相循環
  • 3D 擴展: 文字路徑匯出 AI → C4D/Blender 擠出體積 → 體積光/體積散射渲染 → 真實 3D 發光字動畫
「極座標+風濾鏡是 PS 時代的經典黑科技,用數學變換偷懶製造複雜幾何。今天看似基礎,當年卻是無數賽博朋克/科技感視覺的基因起點。」
copyright © 萬盛學電腦網 all rights reserved