效果原理與流程概覽
核心視覺邏輯:文字 → 極座標變換展開 → 風濾鏡產生放射線 → 極座標還原 → 色相旋轉多色系 → IR 幀動畫合成。利用極座標將文字從「笛卡兒座標系」轉為「極座標系」,風濾鏡在極座標域產生放射狀線條,再轉回形成環繞文字的發光光束。每個色相變體為一幀,合成 GIF 實現色彩循環動畫。
單幀製作流程
- 畫布與文字: 新建適當尺寸(建議 600×600 px),背景填黑 → 文字工具輸入文字 → 字體粗體幾何風 → 栅格化文字圖層
- 白化與模式: 鎖定透明像素 → 填充白色 → 圖層模式「正片疊底」(文字變白,背景透明)
- 曝光過度濾鏡: 濾鏡 → 風格化 → 「曝光過度」 → 文字邊緣產生高對比鋸齒/噪點,為風濾鏡提供細節源
- 自動色階: 影像 → 調整 → 「自動色階」 → 增強對比
- 複製備份: Ctrl+J 複製圖層備用(後續色相變體基礎)
- 極座標展開: 濾鏡 → 扭曲 → 「極座標」 → 選「極座標到平面座標」 → 文字變為環狀條紋
- 旋轉 90°: 影像 → 旋轉畫布 → 「順時針 90°」 → 放射線條變為水平條紋
- 風濾鏡疊加: 濾鏡 → 風格化 → 「風」(方法:風向/從左/從右,視需求) → Ctrl+F 重複 3-5 次 → 水平條紋拉長為放射狀細線
- 旋轉 -90°: 影像 → 旋轉畫布 → 「逆時針 90°」 → 恢復極座標方向
- 極座標還原: 濾鏡 → 扭曲 → 「極座標」 → 選「平面座標到極座標」 → 獲得環繞文字的放射光束
- 色相著色: Ctrl+U 色相/飽和度 → 勾選「著色」 → 調整色相滑桿得目標顏色(紅/綠/藍/紫/金...)
- 疊加備份層: 步驟 5 備份層模式改「濾色/螢幕/線性減淡」置於上方 → 增強核心文字可讀性與亮度
多幀色相動畫製作
- 重複步驟 11,產出 6-12 個不同色相版本(色相間隔 30-60°)
- 每版本存為獨立 PSD 或圖層組
- 開啟 ImageReady(舊版 PS)或 PS 時間軸面板(新版)
- 將各色相版本依序排列為幀,幀延遲 0.1-0.2 秒
- 設定循環「永遠」 → 預覽流暢度
關鍵濾鏡參數對照表
| 濾鏡 | 關鍵參數 | 作用 |
| 曝光過度 | 預設 | 製造高對比邊緣噪點,為風濾鏡提供細節源 |
| 極座標(展開) | 極座標→平面 | 文字環狀展開為水平條紋 |
| 風 | 方法:風/從左/從右;重複 3-5 次 | 水平拉伸條紋形成放射線細節 |
| 極座標(還原) | 平面→極座標 | 放射線條收攏為環繞光束 |
| 色相/飽和度 | 著色+色相滑桿 | 單通道著色產生多色系變體 |
避坑與優化建議
- 文字過細/過粗: 字重影響光束密度,建議中粗字重(Medium/Bold),字高佔畫布 30-40%
- 風濾鏡方向: 「從左」產生向右放射,「從右」向左,「風」雙向,視設計意圖選擇
- 極座標中心偏移: 文字未置於畫布絕對中心會導致光束中心偏移,務必 Ctrl+A 全選 → 移動工具對齊水平/垂直中心
- 動畫幀數過少: 6 幀以上色相循環較流暢,12 幀更絲滑,體積增大可接受
- IR/時間軸差異: 新版 PS 使用時間軸面板(視窗→時間軸→創建幀動畫),操作邏輯與 IR 類似
延伸變體玩法
- 多文字環繞: 多行文字分別製作光束 → 不同半徑/旋轉速度疊加
- 光束形狀變體: 風濾鏡前對展開條紋用「波紋/扭曲/剪切」濾鏡變形 → 還原後得波浪/螺旋/破碎光束
- 背景互動: 背景置入星空/幾何/粒子動畫,文字光束與背景同步色相循環
- 3D 擴展: 文字路徑匯出 AI → C4D/Blender 擠出體積 → 體積光/體積散射渲染 → 真實 3D 發光字動畫
「極座標+風濾鏡是 PS 時代的經典黑科技,用數學變換偷懶製造複雜幾何。今天看似基礎,當年卻是無數賽博朋克/科技感視覺的基因起點。」