任务7 遮罩层的制作
•遮罩层的制作。
通过本任务的学习，读者可以掌握遮罩层的原理及制作方法。
（1）新建文件，调整舞台大小（500像素×295像素）。
（2）导入素材并分别放置在两个不同的图层中。
（3）新建图层，绘制遮罩图形，将其转化为元件并存入库。
（4）将新图层转化为遮罩图层。
（5）制作遮罩图形的动画。
（6）保存文件为“切换图片.fla”。
步骤1：新建Flash文件。选择“修改”→“文档”选项，将舞台大小调整为500像素×295像素，如图7－107所示。
图7－107 调整舞台大小
步骤2：导入素材。选择“文件”→“导入”→“导入到舞台”命令，选择文件名为“图片1”的图片，单击打开（如提示是否要导入同序列图片，请选择“否”选项）。新建图层，在新的图层中导入名为“图片2”的图片，如图7－108所示。
图7－108 导入素材后的舞台
步骤3：此时，导入舞台的素材并未与舞台重合，这是由于导入素材的坐标位置出现偏差，因此需要调整素材的（X，Y）坐标，选择“窗体”→“信息”选项（组合键“Ctrl＋I”），将其中的X和Y坐标均调整为0。同理选中“图片1”，也将其（X，Y）坐标调整为0。此时舞台中素材将与舞台背景完全重合，如图7－109所示。
图7－109 调整素材在舞台中的坐标位置
步骤4：新建一个图层，将其命名为“遮罩”，同时，重命名图层1为“图片1”，重命名图层2为“图片2”。修改后的图层如图7－110所示。单击“遮罩”图层并在上面居中绘制一个椭圆，如图7－111所示。将该椭圆转化为元件并命名为“椭圆”存入库中，如图7－112所示。
图7－110 修改后的图层
图7－111 绘制了椭圆的“遮罩”图层
(https://www.daowen.com)
图7－112 “库”面板
步骤5：将“遮罩”图层真正转化为遮罩层。将鼠标移动到遮罩层，然后单击鼠标右键，选择“遮罩层”选项，添加遮罩层后的时间轴如图7－113所示。
图7－113 添加遮罩层后的时间轴
步骤6：将鼠标移动到时间轴第40帧的位置，分别在3个图层中插入帧和关键帧，如图7－114所示。接着选中遮罩层，解锁图层。选中遮罩层中的第一个关键帧，将中间的椭圆缩小，如图7－115所示。同样选中遮罩层的最后一个关键帧，将椭圆放大至可以覆盖所有图片，如图7－116所示。
图7－114 在时间轴上插入相应的帧
图7－115 缩小后的椭圆
图7－116 放大后的椭圆
步骤7：选中遮罩层并加锁图层，如图7－117所示，然后在遮罩层中间创建传统补间动画，创建传统补间动画后的时间轴如图7－118所示。
图7－117 选中遮罩层并加锁图层
图7－118 创建传统补间动画后的时间轴
步骤8：按Enter键，可以看见两个图片根据刚才绘制的椭圆的变化而切换。保存动画，将文件命名为“切换图片.fla”。
知识点1 遮罩层的原理
遮罩层可以将与遮罩层链接的图形中的图像遮盖起来。用户可以将多个图层组合放在一个遮罩层下，以创建出多种效果，如同在镂空的窗里看窗外的世界。当遮罩层上的图形移动到被遮罩层的上方时，就会在遮罩层图形的区域显示出被遮罩图层的内容，从而产生动画效果，同时，遮罩层本身是不可见的。
知识点2 制作遮罩层的注意事项
（1）分清哪层是遮罩层，哪层是被遮罩层。
（2）无论遮罩层上的元件填充的是什么颜色，遮罩过程中只会运用其形状，与色彩无关，而遮罩层内容本身并不显示。
（3）可以使用多层遮罩，但需要调整好层次与出场顺序。
本任务详细介绍了Flash CS6中遮罩层的制作方法。
