萬盛學電腦網

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

Photoshop 製作柔彩流光字 GIF 動畫:雙圖層混合選項與時間軸動畫實戰

利用圖層樣式「混合選項」製作兩組不同光影參數的文字圖層,配合時間軸面板幀動畫切換可見度,輕鬆產出呼吸感流光字 GIF 動畫。零代碼、純介面操作,適合初學者掌握 PS 動畫基礎工作流。

最終效果

製作步驟

1. 建立雙圖層文字基礎

  • 新建文件,輸入文字(字體建議粗體無襯線,字號大)。
  • 複製文字圖層(Ctrl+J),得到「文字副本」(上層)與「文字」(下層)。

2. 設定下層文字混合選項(基礎光暈)

  • 右鍵下層文字圖層 → 混合選項。
  • 勾選「外發光」:混合模式「螢幕」、不透明度 75%、雜色 0%、顏色選擇暖色(如 #ff9900)、大小 15px、範圍 50%。
  • 勾選「內發光」:混合模式「螢幕」、不透明度 50%、顏色同外發光、來源「邊緣」、大小 10px。
  • 勾選「倒角與浮雕」:風格「內斜面」、技術「平滑」、深度 100%、方向「上」、大小 10px、角度 90°、高度 30°、高光模式「螢幕」白色 75%、陰影模式「正片疊底」黑色 50%。

3. 設定上層文字混合選項(流光高光)

  • 右鍵上層文字圖層 → 混合選項。
  • 勾選「外發光」:參數同下層,但顏色改為冷色(如 #00ffff),大小 25px,形成流光外擴感。
  • 勾選「內發光」:顏色冷色,大小 15px。
  • 勾選「倒角與浮雕」:風格「外斜面」、技術「平滑」、深度 200%、方向「下」、大小 15px、角度 -90°、高度 60°、高光模式「螢幕」白色 100%、陰影模式「正片疊底」黑色 0%。
  • 關鍵差異:上層採用「外斜面」+ 反向角度/高度,配合冷色光暈,構成「流光掠過」的視覺張力。

4. 時間軸動畫製作

  1. 視窗 > 時間軸,點擊「建立影格動畫」。
  2. 第 1 幀:僅顯示下層文字(上層關閉眼睛圖標),延遲 0.2 秒。
  3. 點擊「複製選定影格」按鈕新增第 2 幀。
  4. 第 2 幀:僅顯示上層文字(下層關閉眼睛),延遲 0.2 秒。
  5. 點擊「插入中間影格」圖標(或手動新增幀),在「疊加」選項中設定「新增 5 幀」,勾選「圖層可見度」,PS 自動生成 5 幀淡入淡出過渡幀。
  6. 設定循環選項為「永遠」。
  7. 播放預覽,調整幀延遲與過渡幀數至流暢自然。

5. 導出 GIF

  • 檔案 > 存儲為 Web 所用格式(舊版)/ 導出 > 存儲為 Web (舊版) 格式(新版)。
  • 格式選 GIF,顏色 256、抖動 88%、無損壓縮、循環選項「永遠」。
  • 儲存,完成。

進階拓展

  • 多幀漸變:建立 5-10 組不同參數的文字圖層,依序切換可見度,製作更絲滑的流光位移動畫。
  • 配合濾鏡 > 模糊 > 徑向模糊(縮放模式)於上層文字,增強流光速度感。
  • 導出 APNG/WebP 格式支援半透明與更高色深(需 PS 2023+ 或外掛)。

這套「雙圖層混合選項互補 + 時間軸可見度切換」模板,可快速產出各類霓虹燈、全息投影、賽博龐克風格動態文字,是 PS 動畫入門的最佳範例。

copyright © 萬盛學電腦網 all rights reserved