利用漸變填充層、圖層蒙版解鎖重組、幀動畫位移，製作出光影帶掃過文字的動態流光特效。全流程 10 步，展示「文字樣式奠基 → 漸變光帶構建 → 蒙版限制範圍 → 關鍵幀位移動畫」的極簡高效管線。

製作步驟詳解

1. 新建 500×376 px 黑底文件，文字圖層輸入「我愛飛特網」，字體「時尚中黑簡體」72pt，顏色任意。
2. 文字圖層添加圖層樣式：顏色疊加（正常、紅色、100%）；光澤（正片疊底、黑色、50%、距離 11px、大小 14px）構建基礎金屬質感。
3. 新建圖層，矩形選框拉選區，漸變工具 Shift 拉出彩色漸變條（光帶素材）。
4. Ctrl+點擊文字圖層縮圖載入文字選區，為漸變層添加蒙版；解鎖蒙版與圖層鏈接，將蒙版拖移至漸變層（或直接在漸變層加蒙版並填入文字選區），漸變光帶被限制在文字形狀內。
5. 開啟動畫面板（幀動畫），第 1 幀：移動工具將漸變層向左拖出畫布不可見。
6. 複製幀，第 2 幀：將漸變層向右拖出畫布不可見。
7. 點擊「補間」，添加 30 幀，勾選「位置」，生成光帶左→右掃過過程。
8. 第 1 幀延遲 0.5 秒（停留），其餘幀 0.1 秒；循環「永遠」。
9. 檔案 > 存儲為 Web 所用格式 > GIF 導出。

核心邏輯與變體

• 蒙版解鎖重組：關鍵步驟——文字選區轉為蒙版後，必須解鎖蒙版與圖層鏈接，才能獨立移動漸變內容而不移動蒙版，實現「固定文字形狀、移動光帶內容」效果。
• 漸變設計：多色停點、透明度停點交替，製造明暗條紋感；角度與文字方向平行。
• 變體延伸：垂直掃光（漸變垂直拉取）、多條光帶錯開時間、結合「外發光」脈動動畫、文字改為描邊空心字體僅顯示光帶輪廓。

此「蒙版固定形狀 + 內容位移動畫」模式是 UI 載入條、掃光按鈕、標題動效的通用範本，掌握後可秒出多種流光變體。