搜索
苏阳FlashCS3教程之十八：遮罩动画欢迎再次回到Flash的世界，上一讲我们在学习图层属性时，提到了遮盖层。这一讲我们就来学习非常有趣的遮罩动画。苏阳一直觉得在这一节里是最能都发挥你聪明想象力的时刻了。先来看看遮罩是什么。“遮罩”其实就是遮盖、罩住。就是说我们要用一个东西去把另外一个东西遮盖住。很明显这里就有顺序的问题。和生活中一样放在上面的这个叫“遮盖”，而放在下面的叫“被遮盖”。这一点在Flash中是用两个图层来表示的，即上面的“遮盖层”和下面的“被遮层”。然而在生活中，我们把东西遮起来是为了看不见，在Flash中却恰恰相反，只有被我们遮住的东西才能够显示出来。有点不明白？那我们还通过实例来说明问题。新建电影，在舞台上打字。在文字图层上插入一个新图层，在这个图层上随便画一个形状，并让这个形状遮住部分文字。这时，被图形遮住的那部分文字是看不见的。这跟生活中的遮盖是一样的。但是我们还没有完成Flash中的遮罩，右键单击位于上方的图层（一定是遮盖层，因为只能从上往下遮），在弹出的菜单中选择“遮罩层”。再来看看现在的动画，很神奇吧，显示的效果恰恰和没做遮罩前相反。这就是Flash中的遮罩效果。那么以此类推，遮罩动画也就是利用这个原理，让遮罩层或者被遮层的东西做动画就形成了遮罩动画了。通过这个实例我们知道了，制作遮罩动画至少需要两个图层：上面一个图层（遮盖层）和下面一个图层（被遮层）。再将上面的图层转化成遮罩层就可以了。被转换成遮罩层的图层具有以下几个特点：一、形状非常重要。也就是说，遮盖层的形状决定了可视区域的形状。如果这个物体的形状在发生变化，那么也就意味着你能看到的区域也在变化。二、颜色无关紧要，因为做成遮罩后根本看不到颜色。所以也就没有必要花精力去折腾遮盖层物体的颜色了。三、想要取消遮罩效果，只需要再右击遮罩层，把已勾选项去掉就可以了。另外苏阳要提醒你，不要过于死板地认为只有遮盖层才可以做动画。这一点与引导线动画大相径庭，也就是说无论是遮盖层还是被遮层，都可以随心所欲的制作动画。只要你愿意，我只怕你的想象力不够丰富！好了，我们现在已经掌握了遮罩动画的基本原理了。那么我们就来做一个实例，加深巩固我们所学到的知识。顺便了解遮罩动画的神奇变化。1．新建电影文件，将舞台背景改成黑色。新建图形类型元件，（ctrl+f8）进入元件编辑区后，以原点为起始点，从左向右画一条4px的黄色直线。选中这条直线，修改》形状》将线条转换为填充。2接下来“任意变形工具”选中这条线，把旋转的中心点移动到这个位置。好，保持线条被选中的状态，选择“窗口》变形（Ctrl+T）”面板。调整好后，就点击红圈框中的那个按钮，是不是多了一条线？接着点吧，点到绕成一圈为止。全选所有线条（Ctrl+A），窗口》对齐面板（Ctrl+K），单击相对于舞台按钮，再单击水平中齐和垂直中齐。元件制作完毕，返回舞台。3．到舞台上，把刚做好的元件拖一个出来。选中这个实例，再打开对齐面板，单击相对于舞台按钮，再单击水平中齐和垂直中齐，把实例放在舞台正中。右击该实例，复制。在本图层上创建一个新图层命名为2，选中2层的第一帧，选择“编辑》粘贴到当前位置（Ctrl+Shift+V）”。再选中图层2上的实例，选择“修改》变形》水平翻转”。4．在图层2的80帧处创建一个关键帧，图层1的80帧处创建一个普通帧。（关键帧与普通帧见教程二）右击图层2的第一帧，选择“创建补间动画”，在属性面板的“旋转”选择“顺时针”。右击图层，选择“遮罩层”，测试动画。