效果展示
一道光帶從左至右掃過文字「IBM」,文字區域顯示底圖(藍天白雲),其餘區域為背景色,形成「光影在文字上流動」的動態視覺。

核心原理:遮罩層
- 遮罩層(Mask):包含文字形狀,決定「哪裡可見」。
- 被遮罩層(Masked):包含移動的圖片/動畫,僅在遮罩形狀內顯示。
- 遮罩層必須在被遮罩層**上方**,並設定為 Mask 模式。
製作步驟
1. 文件與底圖
新建文件,背景 #FF9933(米黃)。匯入豐富色彩圖片(例:Windows 藍天白雲),轉為圖形元件 Cloud,置中。

2. 主場景圖層結構
- Cloud(被遮罩層,下層):拖入
Cloud 實例。
- Word(遮罩層,上層):文字工具輸入「IBM」,設定字體/大小置中。

3. 動畫設定
- 兩圖層第 60 幀插入關鍵幀。
Cloud 層第 60 幀:將實例水平右移,直到左緣對齊文字左緣(即圖片完整掃過文字寬度)。


Cloud 層第 1 幀右鍵→建立**動態補間**(經典補間)。
Word 層右鍵→選擇「遮罩」,圖層圖標變為遮罩圖標,Cloud 自動縮排為被遮罩層。

4. 發布預覽
Ctrl+Enter 測試,光帶平滑掃過文字,內部顯示雲圖細節,外部為米黃背景。
遮罩進階應用
- 文字遮罩視頻:被遮罩層放入 FLV 視頻,文字內播放影片。
- 動態遮罩形狀:遮罩層本身做補間動畫(如文字逐字顯示、形狀變形)。
- 多層遮罩疊加:多組遮罩/被遮罩對,創造景深層次。
- ActionScript 動態遮罩:
masked_mc.mask = mask_mc; 運行時任意指定,支援滑鼠跟隨、邏輯控制。
常見坑點
- 遮罩不生效
- 確認:遮罩層在上、被遮罩層在下;遮罩層有實體像素(非空白幀);發布設定非「僅動作腳本」。
- 邊緣鋸齒
- 遮罩形狀邊緣需平滑;位圖遮罩時啟用
cacheAsBitmap=true 兩層。
- 動態文字無法作遮罩
- 需先將動態文字「修改→分離」兩次轉為形狀,或改用靜態文字/圖形元件。