Flash遮罩动画详解及实例

图3-5-13擦除线条
用橡皮工具擦去红星上的线条，一颗漂亮的红星就做成了，如图3-2-11中“9”所示。
技巧：在Flash8.0中，还可以用更简单的方法画红星，选择工具栏上的多角星形工具，如图3-5-14。
图3-5-14多角星形工具-
图3-5-15多角星形工具选项设置面板-
（3）创建动画
回到主场景中，把“闪光”元件拖入第二层，新建二层，第三层中拖入“红星”元件，在场景的下方写下白色的“闪客启航电影制片厂”的文字，完成后的时间帧面板及场景如图3-5-16所示。
图3-5-10“闪光”元件编辑界面
4、 创建“红星”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“红星”。我们要在这个元件中画一个漂亮的红星，为了画好红星，我们分九步来叙述具体的画法，图3-5-11中的“1-9”的数字表示这九个步骤。
图3-5-11红星的九步画法
第一步，按住shift键，从场景中心向上画一根黄色的线条，如图3-5-11中的“1”所示。
图3-5-2红星闪闪
知识提要
将线条转化为填充 创建遮罩动画 使用变形面板 任意变形工具中“注册点”的应用 学习使用橡皮工具中的“水笼头”工具和擦除线条
（1）创建影片文档
1、设置影片文档属性
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*400象素，【背景色】为黑色。（在教程中，我们为了更好的显示场景中的内容，背景色设为了深蓝色），如图3-5-3所示。
（3）遮罩中可以使用的动画形式
可以在遮罩层、被遮罩层中分别或同时使用形遮罩动画变成一个可以施展无限想象力的创作空间。
3．应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。 要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。 不能用一个遮罩层试图遮蔽另一个遮罩层。 遮罩可以应用在gif动画上。 在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮 ，使之变成 ，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。 在被遮罩层中不能放置动态文本。 实例：红星闪闪
图5，使用“选择工具”，移动“椭圆”，将其中心点移动到引导层线段一端。
图6，在“图层1”中，第30帧处按下键盘“F6”键，增加关键帧。
图7，使用“选择工具”将“椭圆”移动到“引导层”线段另一端。
图8，单击“图层1”中任意一帧，在属性面板的“补间”下选择“动画”，到此动画就添加完毕了。
图9，引导层动画就制作完了，播放看看，果然“椭圆”可以随着引导层中复杂的路线在移动了。
（2）遮罩有什么用
在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。
2．创建遮罩的方法
（1）创建遮罩
在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。
按下【复制并应用变形】按钮四次，就会在场景中每隔72度复制出一根线条，五个线条的顶端构成五角星的五个顶点。如图3-5-11中的“4”所示。
图3-5-12变形面板
第五步，用绿色线条分别连接五根线条的顶端，五角星的模样已经出来了，如图3-5-11中“5”所示。
第六步，用白色线条分别连接五角星中心和上一步连线的中点，如图3-5-11中“6”所示。
图3-5-3文档【属性】面板
（2）创建元件
1、 创建“闪光线条”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。选择工具栏上的直线工具 ，在场景中画一直线，在【属性】面板上作如图3-5-5设置。
图3-5-5闪光线条的【属性】面板参数设置
2、 创建“闪光线条组合”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，如图3-5-6所示。
在动画制作中，苍蝇、飞机等飞行物都可以通过这样的方法来制作。
Flash动画技巧之如何掌握引导层
问题：作移动渐变动画的时候，使用了引导层。但是我的元件为什么没有按照引导线去运动，而是从开始帧的位置直接移动到结束帧的位置？
解决思路：
引导层的作用是限制元件的移动轨迹。如何来实现呢，我们必须把元件运动的开始帧放到引导线的一端，结束帧放到引导线的另一端，这样引导线才可以根据自身的形状来限制元件的移动。出现上述问题的朋友很多，其实原因很简单，就是在放置元件的过程中没有与引导线粘合，导致无法之作出效果。
相关问题：
◎同一个运动引导层可否限制两个以上的图层中元件的移动路线？
具体步骤：
1、运行Flash MX 2004，文档属性默认；
2、在第1帧中，单击工具栏中的圆形工具在舞台画一个正圆。
3、单击此圆，使其处于被选中状态。按“F8”键打开【创建新元件】面板，命名为“正圆”，类型为图形元件。
4、新建一个运动引导图层。如图2.1.8所示。
2.1.2-1.fla
注意----在实现引导线效果的时候，一定要注意元件与引导线的粘合问题。如果没有粘合，则元件就会按照开始帧和结束帧的位置直线运动。
图3-5-7移动注册点到场景的中心
然后执行【窗口】|【设计面板】|【变形】命令，打开变形面板，选中【旋转】，角度为15度，连续按下【复制并应用变形】按钮，在场景中复制出的效果如图3-5-8所示。
图3-5-8变形面板及复制好的元件
在时间轴的关键帧上点一下，选中全部图形，执行【修改】|【分散】命令，把线条打散，再执行【修改】|【形状】|【将线条转化为填充】命令，将线条转变为形状。
提示——◎我们可以单击工具栏里面的放大镜工具来放大场景，这样我们就更清楚地看到元件中的空圆心，对我们实现这个效果有极大的帮助。
◎运动引导线在动画发布的时候是看不到的，所以引导线的颜色大家可以随意设置，只要与场景中的主体颜色区分开就可以了。
◎如果没有吸附感，可以单击工具栏中的【选项】|【对齐对象】命令。
第七步，选择工具栏上的橡皮工具 ，在工具栏下面的选项中选择“水笼头”工具 ，在多余的线段上点一下，去除线段，修整好的五角星如图3-5-11中的“7”所示。
第八步，用油漆筒工具给五角星上色，每个角的左右颜色可略有区别，增加立体感，如图3-5-11中的“8”所示。
第九步：再选择橡皮工具 ，点开 旁边的小三角，在“擦除线条”前打勾，如图3-5-13所示。
在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。
1．遮罩动画的概念
（1）什么是遮罩
“遮罩”，顾名思义就是遮挡住下面的对象。
在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。
图3-5-6创建闪光线条元件
从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中，在X轴上的位置为-200，Y轴为20。然后单击工具栏上的任意变形工具 ，此时元件的中心会出现一个小白点，它就是对象的“注册点”，用鼠标左键按住它，拖到场景的中心处松手。
图3-5-7中的“1”显示的是注册点在元件的中心时的情形，“2”显示的是注册点已拖到场景中心时的情形。
然后新建一层，在第1帧中执行【编辑】|【粘贴到当前位置】命令，使二层中的“闪光线条组合”完全重合，再执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层的线条方向相反，在场景中形成交叉的图形。
在第30帧处建立关键帧，在第1帧中建立动作补间动画，【属性】面板上设置逆时针旋转一周，最后将此层设为遮罩层，如图3-5-10所示。图中显示的是“闪光”元件的时间轴面板和各图层中的动画设置。
图1，使用椭圆工具在舞台中绘制一个“椭圆”，按下快捷键“Ctrl+G”组合图形。
图2，在时间轴上“图层1”左端，单击鼠标右键，在打开的快捷菜单中选择“添加引导层”命令。
图3，这时“图层1”上就增加了一个图层，使用“铅笔工具”在“引导层”中自由绘制一些线段。
图4，在“图层1”与“引导层”第30帧处按下键盘“F5”键，增加两个层的帧。
技巧——当元件粘合在引导线上的时候，我们拖动元件就会有一些吸附的感觉，这就证明我们制作正确。
试一试——我们在做元件的引导线移动渐变动画的时候，属性面板中有一个“调整到路径”选项，大家不妨选择此选项，并把场景中的元件换成长方形，看看效果怎么样？
特别提示：
如果想限制一个远见的移动路线，引导线就是起到限制元件运动的作用。我们把元件粘合在引导线的开始端和结束端，也就是把元件的运动限制在引导线的形状里面。在引导线动画中还有一个设置，就是“调整到路径”。我们建议大家试一试，我们也给出了这个效果的源文件，如果有不明白的地方可以参考。
图3-5-1多层遮罩动画
（2）构成遮罩和被遮罩层的元素
遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。
被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。