实例解析flash遮罩动画原理

flash的遮罩层和引导层原理类似，但是产生的效果却各不相同，引导层是让物体按照自身规划的轨迹运动，而遮罩层则是遮盖物体背景，在物体运动经过的地方可以显示背景，现在我们以实际例子出发解析flash遮罩动画的原理。

工具/材料

flash &遮罩层

操作方法

【步骤01】

寻找素材
我们随便在网上截取一张背景图片，比如以下方的小丸子家族为背景。你可以随便寻找一张图片均可，这张图片主要做为【被遮罩】。

【步骤02】

新建文档
双击桌面上的flash图标，打开软件，在菜单栏中点击【文件】--【新建】--【新建ActionScript3.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）遮罩层的重点：被遮罩的图层要在遮罩图层的下方；
（2）遮罩层的遮罩物形状可以是任意的，比如绘圆形、正方形等作为遮罩物，遮罩物的颜色、填充色没有影响；
（3）个人看法，仅供参考；