萬盛學電腦網

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

Flash 遮罩技法打造光影流動字體特效

效果展示

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

核心原理:遮罩層

  • 遮罩層(Mask):包含文字形狀,決定「哪裡可見」。
  • 被遮罩層(Masked):包含移動的圖片/動畫,僅在遮罩形狀內顯示。
  • 遮罩層必須在被遮罩層**上方**,並設定為 Mask 模式。

製作步驟

1. 文件與底圖

新建文件,背景 #FF9933(米黃)。匯入豐富色彩圖片(例:Windows 藍天白雲),轉為圖形元件 Cloud,置中。
圖1 Cloud元件

2. 主場景圖層結構

  • Cloud(被遮罩層,下層):拖入 Cloud 實例。
  • Word(遮罩層,上層):文字工具輸入「IBM」,設定字體/大小置中。
    圖2 文字排版

3. 動畫設定

  1. 兩圖層第 60 幀插入關鍵幀。
  2. Cloud 層第 60 幀:將實例水平右移,直到左緣對齊文字左緣(即圖片完整掃過文字寬度)。
    圖3 初始位置
    圖4 結束位置
  3. Cloud 層第 1 幀右鍵→建立**動態補間**(經典補間)。
  4. Word 層右鍵→選擇「遮罩」,圖層圖標變為遮罩圖標,Cloud 自動縮排為被遮罩層。
    圖5 時間軸最終狀態

4. 發布預覽

Ctrl+Enter 測試,光帶平滑掃過文字,內部顯示雲圖細節,外部為米黃背景。

遮罩進階應用

  • 文字遮罩視頻:被遮罩層放入 FLV 視頻,文字內播放影片。
  • 動態遮罩形狀:遮罩層本身做補間動畫(如文字逐字顯示、形狀變形)。
  • 多層遮罩疊加:多組遮罩/被遮罩對,創造景深層次。
  • ActionScript 動態遮罩:masked_mc.mask = mask_mc; 運行時任意指定,支援滑鼠跟隨、邏輯控制。

常見坑點

遮罩不生效
確認:遮罩層在上、被遮罩層在下;遮罩層有實體像素(非空白幀);發布設定非「僅動作腳本」。
邊緣鋸齒
遮罩形狀邊緣需平滑;位圖遮罩時啟用 cacheAsBitmap=true 兩層。
動態文字無法作遮罩
需先將動態文字「修改→分離」兩次轉為形狀,或改用靜態文字/圖形元件。
copyright © 萬盛學電腦網 all rights reserved