萬盛學電腦網

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

Photoshop CS6 制作 GIF 燃燒文字動畫教學

燃燒文字是經典視覺特效,雖然 After Effects 能做出真實火焰流體模擬,但 Photoshop 幀動畫配合風濾鏡、波紋濾鏡、索引顏色模式色表映射,也能在幾分鐘內產出極具風格化的燃燒文字 GIF。本教學演示:文字柵格化 → 旋轉 90° → 風濾鏡產生火焰紋理 → 灰度/索引/色表模式轉換製造火焰色階 → 幀動畫波紋扭曲驅動動態。掌握此「偽 3D 火焰」技法,可快速產出標題動畫、Logo 片頭、直播禮物特效等。

動畫效果預覽

註:PS 幀動畫受限於像素位移,火焰動態感不如 AE 流體模擬,但製作效率極高,適合風格化需求。

Step 1-2:文字轉火焰紋理基礎

  1. 新建文檔(如 800×400px),背景填黑 #000000。文字工具輸入文字(粗體無襯線,如「Impact」),顏色白 #ffffff,置中。
  2. 右鍵文字圖層「柵格化文字」。影像 > 影像旋轉 > 90° 順時針。選中文字圖層,濾鏡 > 風格化 > 風:風向「從右側」,方法「風」。確定。Ctrl+F 重複 2-3 次,直到文字右側拉出長條狀「火焰紋理」。
  3. 影像 > 影像旋轉 > 90° 逆時針 恢復文字方向。火焰紋理現向上噴發。

Step 3:模式轉換鍛造火焰色階(核心黑科技)

  1. 影像 > 模式 > 灰度,確認「合併」。再彈窗選「捨棄」顏色資訊。
  2. 影像 > 模式 > 索引顏色:調色板「局部 (適應性)」,顏色 256,強制「無」,透明度勾選。圖層變為索引模式單圖層。
  3. 影像 > 模式 > 顏色表:在色表編輯器中,將灰度漸層強制映射為火焰色階:索引 0-63 映射深紅 #660000,64-127 映射橙紅 #cc3300,128-191 映射亮橙 #ff6600,192-255 映射亮黃 #ffcc00。確定。文字瞬間變身火焰色階!
  4. 影像 > 模式 > RGB 顏色 恢復 RGB 模式,保留火焰色階像素數據。

Step 4-5:幀動畫波紋扭曲驅動燃燒動態

  1. 開啟 視窗 > 時間軸,建立影格動畫。第 1 幀:顯示火焰文字圖層,延遲 0.1s,循環「永遠」。
  2. 複製火焰文字圖層 3 份(共 4 層)。第 1 幀顯示第 1 層。新建第 2 幀,顯示第 2 層。選中第 2 層,濾鏡 > 扭曲 > 波紋:數量 -60,大小「中」。
  3. 新建第 3 幀,顯示第 3 層。濾鏡 > 扭曲 > 波紋:數量 +60(正值,反方向波動)。
  4. 新建第 4 幀,顯示第 4 層。波紋:數量 -80。播放預覽,文字如火焰般扭動跳躍!

優化與導出

  • 若動畫過疊,全選幀,延遲改 0.05s;或使用「補間」在關鍵幀間插入 3-5 幀平滑過渡。
  • 波紋數量可嘗試 ±100, ±150 獲得更劇烈燃燒感。
  • 檔案 > 匯出 > 存儲為 Web 所用格式,GIF,128 色,擴散抖動 88%,導出。

進階:真實火焰文字替代方案

追求真實火焰流體動態請使用 After Effects:
1. 文字圖層 → 效果 > 模擬 > CC Particle World 發射粒子
2. 效果 > 生成 > CC Ball Action 球狀化粒子
3. 效果 > 風格化 > Colorama 映射火焰色階
4. 效果 > 模糊銳化 > 動態模糊 運動模糊
5. 合成模式「添加」疊加原文字輪廓
或使用 Trapcode Particular / FumeFX / EmberGen 專業流體模擬外掛。

copyright © 萬盛學電腦網 all rights reserved