實例解析flash遮罩動畫原理

flash的遮罩層和引導層原理類似，但是產生的效果卻各不相同，引導層是讓物體按照自身規劃的軌跡運動，而遮罩層則是遮蓋物體背景，在物體運動經過的地方可以顯示背景，現在我們以實際例子出發解析flash遮罩動畫的原理。

操作方法

（01）尋找素材我們隨便在網上截取一張背景圖片，比如以下方的小丸子家族爲背景。你可以隨便尋找一張圖片均可，這張圖片主要做爲【被遮罩】。

（02）新建文檔雙擊桌面上的flash圖標，開啟軟件，在選單欄中點擊【檔案】--【新建】--【新建ActionScript 3.0】的文檔。

（03）匯入圖片到舞臺將我們找到的素材匯入到舞臺，方法：點擊flash軟件的選單欄中的【檔案】--【匯入】---【匯入到舞臺】。

（04）設定圖片的大小和位置選中圖片，然後在檔案右側的屬性中更改【位置和大小】，寬：550，高：400，x=0,y=0。跟舞臺重疊。

（05）新建圖層2鎖住圖層1，點擊圖層1，在彈出的選項中，點擊【插入圖層】，即可新建出【圖層2】。

（06）在圖層2的第一幀位置繪製一個圓形，選擇【橢圓形工具】進行繪製，初始位置放置到第一個任務的頭像上。

（07）圖層1插入幀從圖片上可以看到小丸子家有6個人，那麼我們在圖層1的第70幀位置插入幀。

（08）在圖層2的第10幀位置，插入關鍵幀，然後移動【橢圓形】到第二個人物的頭像上，往後以此類推。以10幀的距離移動橢圓形，覆蓋人頭。

（09）創建傳統補間動畫然後在圖層2的點與點之間都創建傳統補間動畫。在圖層2的第50幀位置插入【關鍵幀】，在圖層1的第50幀位置【插入幀】。

（10）遮罩層然後將圖層2轉化爲遮罩層，點擊圖層2，在彈出的選項中選擇【遮罩層】，圖層2的前面圖標會有所改變。意思是圖層2遮罩圖層1。

（11）預覽效果點擊flash檔案中的選單欄上方的【檔案】--【預覽效果】--【flash】，表示以flash的形式預覽。

（1）遮罩層的重點：被遮罩的圖層要在遮罩圖層的下方；<br/>（2）遮罩層的遮罩物形狀可以是任意的，比如繪圓形、正方形等作爲遮罩物，遮罩物的顏色、填充色沒有影響；<br/>（3）個人看法，僅供參考；