萬盛學電腦網

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

Photoshop 製作雙向流光文字 GIF 動態簽名檔:時間軸過渡動畫實戰

效果預覽

核心邏輯

利用剪貼蒙版限制流光線條僅顯示在文字範圍內,配合時間軸過渡(補幀)自動生成平滑移動動畫。

步驟詳解

1. 素材準備與排版

  1. 開啟背景圖,裁剪至 500×200 px。
  2. 新建透明畫布 500×200 px,拖入背景圖(按 Shift 置中)。
  3. 編輯 ▸ 描邊 1 px 白色做相框。
  4. 文字工具輸入簽名文字,字體「新細明體」12 pt,無特效,置於喜好位置。

2. 建立流光線條圖層

  1. 新圖層「流光 1」,筆刷(硬度 100%、白色/高飽和色)在文字左側畫一條豎線。
  2. Ctrl+J 複製 → 「流光 1 副本」,將線條移至文字右側。

3. 時間軸建立關鍵幀

  1. 開啟 視窗 ▸ 時間軸 →「建立影格動畫」。
  2. 第 1 幀:顯示「流光 1」(左側)、「流光 1 副本」(右側)——雙線並存。
  3. 複製幀 → 第 2 幀:將「流光 1」移至右側疊合、「流光 1 副本」移至左側——雙線交換位置。
  4. 再複製幀 → 第 3 幀:回到第 1 幀狀態,形成往返循環。

4. 剪貼蒙版限制顯示範圍

  1. Ctrl+點選「流光 1」與「流光 1 副本」兩圖層。
  2. 右鍵選單 → 建立剪貼蒙版,流光線條即被限制在文字像素範圍內。

5. 過渡(補幀)平滑動畫

  1. 回到第 1 幀,點擊時間軸面板「選取過渡幀」圖示(或選單「過渡」)。
  2. 新增 25 個過渡幀,PS 自動插值線條位置,產生平滑滑動效果。
  3. 設定幀延遲:第 1 幀 2 秒(停留),其餘 0.15 秒。
  4. 循環選項:「永遠」。

6. 文字漸隱尾段(可選)

  • 新建群組「文字漸隱」,複製最底層文字圖層,每層刪除開頭 2 字,保留蒙版,依序建立後續幀,文字逐漸消失。

輸出設定

檔案 ▸ 匯出 ▸ 存儲為 Web 所用格式 (舊版) → GIF、256 色、抖動 88%、循環永遠。

創意變體

  • 流光顏色漸變(彩虹流光)。
  • 多條平行流光線(複製流光圖層組,錯開時間軸)。
  • 文字改為圖示/Logo,同樣流程適用。
copyright © 萬盛學電腦網 all rights reserved