实例解析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）个人看法，仅供参考；