问题7:如何利用遮罩技术制作手电筒效果?
解决思路
手电筒工具我们可以利用遮罩的技术来完成。为了增加视觉效果,我们增加一个“模糊”图层。其实这个模糊图层是利用黑色矩形的透明度来实现的。
具体步骤
1、运行Flash MX 2004,文档属性默认。
2、单击【文件】|【导入】|【导入到库】命令,导入一幅图片。选中此图片转化为图形元件,命名为“图片”。如图2.4.139所示。

图2.4.139 转化为图形元件
3、新建一个影片剪辑,在编辑区里面利用椭圆工具绘制一个无边框的圆形。因为这个圆形是遮照层,在预览的时候是看不到的,所以颜色可以随意填充。命名为“圆形”。如图2.4.140所示。

图2.4.140 绘制影片剪辑
4、新建一个图形元件,命名为“矩形”。我们在第1帧绘制一个550*400像素的黑色矩形。按F8件转化为图形元件。
5、新建一个图层,命名为“图片2”。在第1帧把“图片”图形元件拖放进来。缩放至550*400像素大小。利用对齐面板是这两个层中的元件处于中央位置。选中第1层的矩形,设置透明度为97%。如图2.4.141所示。

图2.4.141 绘制图片2
6、我们的准备工作都已经完成了,回到场景1。从库中把“图片2”拖放至第1帧。利用对齐面板时其处于场景中央位置。
7、新建两个图层,分别命名为“圆形”和“图片”,把影片剪辑“圆形”和图形元件“图片”放置到对应图层中。利用对齐面板使其居中。如图2.4.142所示。

图2.4.142 场景中的时间线
8、选中场景中的“圆形”影片剪辑,在下面的属性面板中设置该影片剪辑的实例名字为“a”。打开as面板,添加替换鼠标寄托拽命令:
onClipEvent(load){ //当影片剪辑加载的时候,执行下面的动作。 startDrag(a,true); //托拽影片剪辑a Mouse.hide(); //替换光标 }
9、选中“圆形”图层,利用鼠标右键中的“遮罩层”命令,常见遮罩层。完整的时间线如图2.4.143所示。

图2.4.143 最后的时间线
10、保存,测试。请参看源文件
手电筒效果.fla
注 意 —— 为什么我们要在第3步骤中把黑色的圆形设置成影片剪辑呢?原因就在于,我们要在主场景中控制它。在flash中只有影片剪辑才具有这样的功能。
特别说明
告诉读者通过该问题的解决过程,需要掌握什么内容或技巧,你能够学到什么,以及其他相关的知识点。
