Flash教程03引导及遮罩动画

1、引导和遮罩动画山东 日照 李晓飞制作 版权所有引导层动画p引导层，必须位于移动对象的上一层。建议，先引导层，必须位于移动对象的上一层。建议，先建立移动对象的层，再建立引导层。建立移动对象的层，再建立引导层。p如果没有按照这个顺序，则可以右击引导层，设如果没有按照这个顺序，则可以右击引导层，设置属性为置属性为“引导层引导层”，右击需要移动的层，设置，右击需要移动的层，设置属性为属性为“被引导被引导”。例1：穿花蝴蝶.fla练习：使得自己制作的蝴蝶动画沿路径飞行。关于引导层动画p引导层，是用来指示对象运行路径的，必须是分散的矢量引导层，是用来指示对象运行路径的，必须是分散的矢量图形。可以用铅笔、钢

2、笔、线条、椭圆、矩形等工具绘制。图形。可以用铅笔、钢笔、线条、椭圆、矩形等工具绘制。绘制完成后，绘制完成后，建议锁定此图层建议锁定此图层。p路径不要出现太多交叉点。路径不要出现太多交叉点。p引导层中的内容，在播放时，是看不见的。引导层中的内容，在播放时，是看不见的。p被引导层中的对象，必须依附在引导线上。具体做法，是被引导层中的对象，必须依附在引导线上。具体做法，是在动画的开始和结束帧上，让元件实例的在动画的开始和结束帧上，让元件实例的变形中心点变形中心点吸附吸附到引导线上。到引导线上。p调整到路径调整到路径：对象在沿路径运动时，能够根据路径的切线：对象在沿路径运动时，能够根据路径的切线方向调

3、整其自身的方向。方向调整其自身的方向。例2：小球沿直线或曲线运动添加引导层1.把默认的层把默认的层1改为改为“小球小球”，在第一帧上绘制小球，或者，在第一帧上绘制小球，或者事先绘制一个小球元件放入库，在第一帧中，从库里拖入小事先绘制一个小球元件放入库，在第一帧中，从库里拖入小球。球。2.新建引导层，这时出现引导标识。在引导层中用钢笔绘新建引导层，这时出现引导标识。在引导层中用钢笔绘制折线。不闭合。在第制折线。不闭合。在第30帧，按帧，按F5。3.设置设置“贴紧对象贴紧对象”。4.回到回到“小球小球”层。在第一帧中，把小球拖动到折线的起层。在第一帧中，把小球拖动到折线的起点上。因为设置了点上。因

4、为设置了“贴紧对象贴紧对象”，所以，会自动吸附起始点。，所以，会自动吸附起始点。在第在第30帧中，把小球拖动到折线的终点。帧中，把小球拖动到折线的终点。5.选中选中“小球小球”层的第一帧，设置层的第一帧，设置“移动移动”补间动画。补间动画。主要步骤：沿曲线运动：p在前面例子的基础上，把引导层的直线，用在前面例子的基础上，把引导层的直线，用”转转换点工具换点工具”改为曲线。起点和终点不动。小球就改为曲线。起点和终点不动。小球就实现了曲线运动。实现了曲线运动。采用逐帧动画中，采用逐帧动画中，“人走路动画人走路动画.fla”例子：例子：（1）先把逐帧动画做成影片剪辑元件；）先把逐帧动画做成影片剪辑元

5、件；（2）再让人物沿椭圆形路径运动；）再让人物沿椭圆形路径运动；（3）还可以转方向。）还可以转方向。例3：人沿着路径走路：例4：树叶的飘落1.先新建一个图形元件（插入菜单下面的新建元件）名为先新建一个图形元件（插入菜单下面的新建元件）名为“树叶树叶”，在其中绘制树叶。，在其中绘制树叶。2.新建一个影片剪辑元件新建一个影片剪辑元件“转动的树叶转动的树叶”，放入刚才绘制的，放入刚才绘制的图形元件图形元件“树叶树叶”，制作树叶转动一周的动画。，制作树叶转动一周的动画。3.回到场景中。把图层回到场景中。把图层1的第一帧，放入的第一帧，放入“转动的树叶转动的树叶”。4.在图层在图层1上方，建立引导层，用

6、铅笔绘制不规则的竖线。上方，建立引导层，用铅笔绘制不规则的竖线。在合适的帧，比如在合适的帧，比如50帧，按帧，按F5。帧的多少与线条的长短。帧的多少与线条的长短有关。有关。5.回到图层回到图层1的第一帧，把树叶移动到引导路线的起点。到的第一帧，把树叶移动到引导路线的起点。到第第50帧，把树叶移动到引导路线的终点。再回到第一帧，帧，把树叶移动到引导路线的终点。再回到第一帧，在帧的属性面板中设置在帧的属性面板中设置“移动移动”动画。动画。注意：坐标点的位置，引导线的长度。注意：坐标点的位置，引导线的长度。遮罩动画pFlash中非常重要的动画形式。遮罩层中的内容中非常重要的动画形式。遮罩层中的内容决

7、定着被遮罩层显示的范围。决定着被遮罩层显示的范围。关于遮罩动画p遮罩层的内容可以是填充的形状、文字对象、图遮罩层的内容可以是填充的形状、文字对象、图形元件的实例或影片剪辑，形元件的实例或影片剪辑，不能是线条不能是线条。p可以将多个图层组织在一个遮罩层下面创建复杂可以将多个图层组织在一个遮罩层下面创建复杂效果。被遮罩的内容也可以是元件实例、填充图形、效果。被遮罩的内容也可以是元件实例、填充图形、位图、文字、线条等。位图、文字、线条等。pFlash会忽略遮罩层中的位图、颜色、透明、线会忽略遮罩层中的位图、颜色、透明、线条样式，在遮罩层中的任何填充区域都是完全透明条样式，在遮罩层中的任何填充区域都是

8、完全透明的。的。关于遮罩动画p要在要在Flash舞台撒和那个显示遮罩效果，必须锁舞台撒和那个显示遮罩效果，必须锁定遮罩层和被遮罩层。定遮罩层和被遮罩层。p在被遮罩层中，不能放置动态文本。在被遮罩层中，不能放置动态文本。p一个遮罩层，可以有多个一个遮罩层，可以有多个“被遮罩层被遮罩层”。而。而“被被遮罩层遮罩层”，只能有一个，只能有一个“遮罩层遮罩层”。要点：文字不动，图片移动。要点：文字不动，图片移动。步骤：步骤：1.在图层在图层1中的第一帧，中的第一帧，“文件文件”菜单中，导入到舞菜单中，导入到舞台，导入一张图片。设置此图片的移动。台，导入一张图片。设置此图片的移动。2.在图层在图层2中，写

9、上文字。中，写上文字。3.右击图层右击图层2，设置，设置“遮罩层遮罩层”。例1：文字遮罩1.fla要点：文字移动，图片不动。要点：文字移动，图片不动。步骤：步骤：1.在图层在图层1中的第一帧，中的第一帧，“文件文件”菜单中，导入到舞菜单中，导入到舞台，导入一张图片。台，导入一张图片。2.新建图形元件，名为新建图形元件，名为“文字文字”。3.在图层在图层2中设置文字的移动。中设置文字的移动。4.右击图层右击图层2，设置，设置“遮罩层遮罩层”。例1：文字遮罩2.fla要点：把文字的移动做成一个影片剪辑符号，要点：把文字的移动做成一个影片剪辑符号，放入图层放入图层2，把图层，把图层2设置设置“遮罩层

10、遮罩层”。例1：文字遮罩3.fla要点：要点：1. 新建一个影片剪辑元件，里面放入循环展示的图新建一个影片剪辑元件，里面放入循环展示的图片。把这个元件放入图层片。把这个元件放入图层1的第一帧中。的第一帧中。2.图层图层2的第一帧中，写入文字。设置为遮罩层。的第一帧中，写入文字。设置为遮罩层。3.在时间轴的最后一帧上设置为在时间轴的最后一帧上设置为stop.（在本例中只（在本例中只有一帧）有一帧）例2：遮罩文字背景变换.fla简单版本的制作要点：简单版本的制作要点：1.在图层在图层1中制作底图，包括画卷的矩形，其上的文字等。在中制作底图，包括画卷的矩形，其上的文字等。在第第50帧上按帧上按F5.

11、2.在图层在图层2中，在画卷的中间建立一个矩形条，在第中，在画卷的中间建立一个矩形条，在第50帧上帧上按按F6.。在。在50帧上，把矩形条变成大的矩形，要盖住画卷。帧上，把矩形条变成大的矩形，要盖住画卷。3.在图层在图层2的第一帧，设置的第一帧，设置“形状形状”动画。动画。4.在图层在图层2上右击，把图层上右击，把图层2设置成遮罩层。设置成遮罩层。想一下：如何让画卷从空白的位置展开？想一下：如何让画卷从空白的位置展开？例3：展开的画卷1.fla在简单画卷的基础上做以下操作：在简单画卷的基础上做以下操作：1.新建图形元件，名为新建图形元件，名为“画轴画轴”。2.在图层在图层3上放入画轴，使画轴从

12、中心移动到上放入画轴，使画轴从中心移动到左侧。左侧。3.在图层在图层4上放入画轴，使画轴从中心移动到上放入画轴，使画轴从中心移动到右侧右侧用同样的方式，制作对联。用同样的方式，制作对联。带轴的画卷：要点：要点：p在图层在图层1上绘制一个大矩形，略小于文档尺寸，上绘制一个大矩形，略小于文档尺寸，设置彩虹渐变。设置彩虹渐变。p在图层在图层2上键入大段文字。使文字从下向上移动。上键入大段文字。使文字从下向上移动。1.把图层把图层2设置为遮罩层。设置为遮罩层。例4：电影字幕.fla要点：要点：p先制作一片百叶窗影片剪辑元件，高度由先制作一片百叶窗影片剪辑元件，高度由30像素变为像素变为1像像素，并在其

13、后插入空白关键帧。素，并在其后插入空白关键帧。p制作完整的百叶窗影片剪辑元件，把单片百叶窗复制进来，制作完整的百叶窗影片剪辑元件，把单片百叶窗复制进来，注意用注意用“信息面板信息面板”保持对齐。保持对齐。1.在场景中，图层在场景中，图层1放入图片放入图片1，图层，图层2放入图片放入图片2，图层，图层3放入完整的百叶窗元件，右击设置为放入完整的百叶窗元件，右击设置为“遮罩层。遮罩层。”例5：百叶窗.fla步骤：步骤：1.新建一个图形元件，名为新建一个图形元件，名为“半径半径”，把此线段的，把此线段的左端点的坐标设置为（左端点的坐标设置为（0，0）。）。2.回到场景，在图层回到场景，在图层1中的第

14、一帧，拖放入中的第一帧，拖放入“半径半径”，把它的变形点设置在左侧端点。在第把它的变形点设置在左侧端点。在第20帧，按帧，按F6。回到第一帧，设置移动动画，顺时针转回到第一帧，设置移动动画，顺时针转1次。次。3.在图层在图层2中，绘制一个圆形，无填充色。圆形的半中，绘制一个圆形，无填充色。圆形的半径与图层径与图层1的半径相等。的半径相等。4.新建图层新建图层4，在每个帧中逐个按，在每个帧中逐个按F6，并用笔刷涂，并用笔刷涂抹圆形的边缘，右击图层抹圆形的边缘，右击图层4，设置，设置“遮罩层遮罩层”。例6：半径作圆.fla要点：要点：1. 新建一个图形元件，名为新建一个图形元件，名为“1条光线条光

15、线”，绘制一个高为，绘制一个高为4像像素的素的矩形矩形，无线条色无线条色。一定要用矩形，不能用线条绘制一定要用矩形，不能用线条绘制2.新建一个图形元件，名为新建一个图形元件，名为“白色光线白色光线”，里面对，里面对 “1条光条光线线”进行旋转，要保证中心转出一个小圆。如下图。一次进行旋转，要保证中心转出一个小圆。如下图。一次旋转旋转-12度。度。3.新建一个图形元件，名为新建一个图形元件，名为“黄色光线黄色光线”。拖放入。拖放入“1条光条光线线”，并设置其颜色为黄色。接下来同白色光线一样，进，并设置其颜色为黄色。接下来同白色光线一样，进行旋转。但起始点不同。如下图行旋转。但起始点不同。如下图4

16、.新建一个影片剪辑元件，名为新建一个影片剪辑元件，名为“闪烁的光线闪烁的光线”。在图层。在图层1中中放入黄色光线，顺时针旋转放入黄色光线，顺时针旋转1次。图层次。图层2中放入白色光线，中放入白色光线，设置为遮罩层。设置为遮罩层。(有的版本图层有的版本图层2放入白色光线设置遮罩，放入白色光线设置遮罩，但不能出现想要的效果。可以尝试把白色光线打散但不能出现想要的效果。可以尝试把白色光线打散)5.回到场景中，在图层回到场景中，在图层1中放入中放入“闪烁的光线闪烁的光线”，在图层，在图层2中中绘制一个五角星。绘制一个五角星。例7：红星闪闪.fla毛笔写字效果。毛笔写字效果。光线划过效果和聚光灯效果。光

17、线划过效果和聚光灯效果。例10：综合遮罩层与引导层动画：例4：环绕动画.fla1.把地球的位图，转为图形元件。其上绘制圆形，做遮罩动画，实现地球的转动效果。2.在地球上加阴影。（做径向渐变）可以被遮罩，也可以不被遮罩.3.把月球的位图，转换为图形元件，做月球转动。轨道是引导层，引导层要打个小口。4.做月亮绕到地球背面的效果。实际，就是重新复制一下这段时间内的地球运动。放置到最顶层即可。黑色阴影的制作步骤：步骤：1.在图层在图层1中绘制一张白底黄边的矩形，用来写文字。中绘制一张白底黄边的矩形，用来写文字。2.在图层在图层2中写文字中写文字“马马”。3.新建图形元件，名为新建图形元件，名为“毛笔毛

18、笔”，把毛笔的笔尖位置定位为，把毛笔的笔尖位置定位为（0，0）。）。4.新建图层新建图层3，在第一帧中把，在第一帧中把“毛笔毛笔”放入此图层。在第放入此图层。在第30帧处按帧处按F6。5.新建引导层，以图层新建引导层，以图层2中的中的“马马”为基准，用铅笔绘制一个为基准，用铅笔绘制一个“马马”，注意不要有笔划的交叉。，注意不要有笔划的交叉。6.调整图层调整图层3中中“毛笔毛笔”的位置，使之位于引导层的起点和终的位置，使之位于引导层的起点和终点点7.把图层把图层2，即键入的，即键入的“马马”调整到最上层。调整到最上层。8.新建图层新建图层4，逐帧按，逐帧按F6，用笔刷描绘，设置为遮罩层。，用笔刷描绘，设置为遮罩层。例5：