掃光字是 Flash 文字特效的經典必修課。本教程實現雙重視覺衝擊:左右兩側文字掃光方向相反,中間文字雙向擴散。通過元件嵌套、漸變遮罩、補間動畫、時間錯位等技術組合,打造專業級片頭字效。
效果預覽

核心架構:單字獨立元件 + 主場景時間錯位
- 每個字獨立「影片剪輯」元件,內含:文字層、左掃光層、右掃光層、中心擴散層
- 主場景按順序拖入字元件,每字時間軸錯開 10 幀
- 形成「接力掃光」視覺流
單字元件製作詳解(以「中」字為例)
1. 文字準備
- 文字工具輸入「中」
- Ctrl+B 打散兩次 → 變為原始圖形
- 每個筆畫/部件分別 F8 轉「影片剪輯」
2. 左側掃光(從左向右)

- 進入字元件編輯模式,新建層「光線」
- 線條工具畫左側三角形光束
- 填充:線性漸變,左右色標皆白,左透明度 0% → 右 100%
- 刪除描邊,F8 轉元件命名 "light_L"
- 拖回舞台,對齊字左側
- 第 1 幀 Alpha 0% → 第 10 幀 Alpha 100% → 第 20 幀 Alpha 0%(補間)
- 第 20 幀自由變形壓縮光束寬度

3. 文字同步展開動畫

- 文字層:自由變形工具將註冊點拖至左側中點
- 第 1 幀寬度壓縮至 0 → 第 20 幀恢復正常(補間)
- 總幀數 = 字數 × 10 + 50(例:5 字 = 100 幀)

4. 右側文字掃光(從右向左)
- 同左側邏輯,光束方向鏡像,長度遞減
- 每字幀數再 -10,形成加速感
5. 中間字雙向擴散(以「教」字為例)

- 左側掃光:同前,長度更短
- 新建層「右掃光」:光束從字中心向右擴展變大
- 新建層「中心擴散」:橢圓工具畫中心圓 → 放射漸變(中心透明度 100%→外環 0%)→ 第 20 幀縮小消失
- 此層置於最底層
- 文字動畫同步處理,總幀數再 -10
6. 後續文字:右側掃光長度遞增

- 掃光方向:左→右擴展
- 長度:每字遞增
- 幀數:每字遞減 10 幀
主場景合成

- 刪除主場景原有文字
- 新建圖層,第 1 幀拖入第 1 字元件
- 第 10 幀插入關鍵幀,拖入第 2 字元件
- 依此類推,每 10 幀登場一字
- 最終測試 Ctrl+Enter
關鍵技巧總結
| 技術點 | 作用 | 關鍵參數 |
元件嵌套 | 封裝單字完整邏輯 | 影片剪輯類型,獨立時間軸 |
| 漸變遮罩 | 掃光羽化邊緣 | 線性/放射漸變 + Alpha 通道 |
| 註冊點控制 | 文字展開基準點 | 自由變形工具拖動十字線 |
| 時間錯位 | 接力登場節奏 | 每字間隔 10 幀,中間字較短 |
| 副本元件 | 複用修改參數 | 右鍵「複製元件」非 Ctrl+C/V |
常見問題
- 掃光不同步:檢查各字元件內部動畫幀數是否符合遞減規律
- 文字抖動:確認註冊點精確在左/右/中心中點,非視覺估算
- 光線穿透:檢查圖層順序,光線層需在文字層之上
- 循環閃爍:確保最後一幀回到初始狀態(Alpha 0%、寬度 0%)
掃光字的精髓在於節奏控制與參數遞減/遞增的數學規律。掌握此法,可輕鬆衍生「霓虹燈字」「火焰字」「水波字」等變體,是 Flash 文字特效的通用方法論。