萬盛學電腦網

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

Photoshop 發光字 GIF 動畫:極坐標變形與風濾鏡構建脈動光環

發光字動畫不僅是「亮滅切換」,更可以通過極坐標變形 + 風濾鏡 + 色彩循環構建極具節奏感的脈動光環動畫。本教學完整拆解:極坐標將線性文字轉為環形 → 風濾鏡生成放射光線 → 旋轉畫布正交變換 → 逆極坐標還原 → 彩虹漸變疊加 → Timeline 幀動畫雙層交替,產出極富科技感/儀式感的發光字 GIF。

靜態基礎構建:從線性文字到環形光場

  1. 新建 500 × 376 px 黑色背景,文字工具輸入「WELCOME」,字體「漢儀秀英體」/ 粗黑體,白色,置中。
  2. 複製文字層 → Edit → Transform → Flip Vertical(垂直翻轉) → Shift 向下移動,製作鏡面倒影。兩層柵格化 → 倒影層添加蒙版,黑白漸變淡出(不透明度 70%)。
  3. 合併可見圖層(Ctrl + Alt + Shift + E),獲得含倒影的完整文字圖像。
輸入文字WELCOME
複製垂直翻轉倒影
倒影漸變蒙版效果

核心變形鏈:極坐標 → 風 → 旋轉 → 風 → 旋轉回 → 逆極坐標

此序列將「水平線性結構」轉化為「環形放射結構」再轉回,過程中注入「風」濾鏡產生的放射線條,最終形成「從中心向四周輻射/從四周向中心收斂」的脈動光環幾何結構。

  1. 極坐標 → 平面:Filter → Distort → Polar Coordinates → 極坐標到平面座標。文字環形展開為水平條狀結構。
  2. Image → Image Rotation → 90° Counter Clockwise(逆時針 90°),將水平條轉為垂直條。
  3. 風濾鏡 × 2:Filter → Stylize → Wind → 方法「風」、方向「從左」 → 執行兩次。垂直條狀結構生成向右的放射線條(模擬光線輻射)。
  4. Image → Image Rotation → 90° Clockwise(順時針 90°),旋轉回水平。
  5. 平面 → 極坐標:Filter → Distort → Polar Coordinates → 平面座標到極坐標。水平條狀結構重新卷曲為環形,風濾鏡產生的放射線條成為「從中心向外/從外向中心」的光環脈動紋理。
極坐標到平面效果
風濾鏡從左兩次效果
旋轉回水平效果
平面到極坐標最終幾何結構

色彩賦能:雙層漸變疊加色彩循環

  1. 新建圖層「漸變-正」,漸變工具(G)徑向漸變:彩虹譜系(紅橙黃綠青藍紫),中心白色,模式 顏色加深。
  2. 複製「漸變-正」→ Edit → Transform → Flip Horizontal(水平翻轉),命名「漸變-反」,模式改為 顏色。兩層漸變方向相反,色彩疊加邏輯互補,產生豐富色相變化。
漸變正層顏色加深模式
漸變反層水平翻轉顏色模式

Timeline 幀動畫:雙層漸變交替顯示構建色彩脈動

  1. Window → Timeline →「創建幀動畫」。
  2. 幀 1:顯示「漸變-正」,隱藏「漸變-反」。延遲 0.1s。
  3. 複製幀 → 幀 2:隱藏「漸變-正」,顯示「漸變-反」。延遲 0.1s。
  4. 播放預覽:兩層漸變快速交替,配合底層極坐標風濾鏡幾何結構,產生色彩與幾何雙重脈動的發光字動畫。
  5. 導出:File → Export → Save for Web → GIF、256 色、循環永遠、文件名英文。
幀1顯示漸變正
幀2顯示漸變反
最終發光字GIF動畫效果
最終效果圖

原理深度解析:為什麼這組操作能產生光環脈動?

  1. 極坐標雙向轉換:將笛卡爾坐標系 (x,y) 與極坐標系 (r,θ) 互換。文字水平排列 → 極坐標展開 → 成為同心圓環結構(r 對應 y,θ 對應 x)。
  2. 風濾鏡在極坐標域的物理意義:風濾鏡在直角坐標系中產生水平位移條紋,對應極坐標系中的徑向輻射線條(r 方向位移)。兩次「從左」風濾鏡疊加增強輻射密度。
  3. 90° 旋轉的正交作用:第一次極坐標展開得水平條紋(θ 方向),旋轉 90° 變垂直條紋(r 方向),風濾鏡作用於 r 方向產生徑向位移,旋轉回 → 逆極坐標卷曲,徑向位移變為光環脈動紋理。
  4. 雙層漸變交替:利用「顏色加深」與「顏色」模式的疊加差異,在幀間快速切換色相分佈,配合幾何脈動產生「光譜跳動」視覺。

參數調節與變體擴展

參數調大效果調小效果建議範圍
風濾鏡執行次數光線條更密集、脈動頻率更高光線稀疏、脈動緩慢2~5 次
風濾鏡方向組合從左+從右 = 雙向輻射/收斂單向 = 單向流動根據敘事選擇
幀延遲時間動畫更慢、更有儀式感動畫更快、更有科技感0.05~0.3s
漸變色譜色相範圍大 → 彩虹/全譜色相範圍小 → 單色/雙色根據品牌色/主題色定
畫布尺寸/文字大小光環更大、細節更豐富光環緊湊、適合小尺寸展示長邊 500~2000 px

專業級擴展:After Effects 實時極坐標動畫

在 AE 中:
1. 文字圖層 → Effect → Distort → Polar Coordinates(Type: Rect to Polar)
2. 添加 Effect → Generate → Radio Waves(無線電波)產生程序化脈動光環
3. 表達式驅動:time * 360 * frequency 控制相位循環
4. Colorama / Hue/Saturation 實時色彩循環
5. 輸出 Lottie/MP4/GIF,體積更小、幀率更高、可互動。
PS Timeline 適合快速產出簡單 GIF;AE 適合複雜、高幀率、可程式化、需後期合成的專業動態設計。

copyright © 萬盛學電腦網 all rights reserved