不一样的遮罩：Flash教学实例

etthink

教学知识点：
    理解Flash中遮罩的概念及特点。
    掌握在Flash中实现羽化效果的方法。
知识准备：
  遮罩可以这样理解，被遮住的才能看到（与生活中的现象有点反了）。如果你把一个一元钱当成是一个遮罩的话，把它盖在一张照片上，那么在动画运行时，你只能看到一元钱下面的照片部位。挡上的可以看到，没有被挡上反而看不到，这就是Flash里遮罩的特点，你可以理解为打孔，你用一元钱打了一个孔，那我只有通过一元钱这个孔看下面的照片。
  做遮罩动画有两种方式：
    1 移动你的遮罩，如上面所说的一元钱：你可以做任意类型的动画。
    2 移动遮罩下面的对象，如上面所说的一元钱。
看一下这种动画的时间轴（上面两个有什么不同）：


   flash中没有羽化功能，所以不能直接设置，但有两个效果与羽化类似：
      1  是径向渐变填充
      2  是柔化填充边缘

过程说明：
   1 新建文档并改变背景及大小
    2 添加一个图层，并分别命名为文字与圆。
    3 在文字图形上输入文字并调整成适当大小及颜色
   4  在圆的图层上画一个圆（尽可能小些，不要太大，直径10像素左右）颜色自定。
   5选中圆做柔化并填充边缘效果，参数自己比较设置，一般可以设置大一些，最后的圆的大小与字的大小相匹配。
   6 移动圆做动画，并把相应的图层转换成遮罩层，观看动画效果。
文件及素材下载（使用flash cs3制作，请使用相应软件打开）：

不一样的遮罩_2.swf (4.89 KB)

下载次数: 63

2009-3-12 12:45

不一样的遮罩_2.fla (48 KB)

下载次数: 42

2009-3-12 12:45

不一样的遮罩_1.swf (5.44 KB)

下载次数: 48

2009-3-12 12:45

不一样的遮罩_1.fla (55.5 KB)

下载次数: 43

2009-3-12 12:45

wanghui

用遮罩可以做旋转的地球、探照灯、闪光等效果