动画基本类型(四..ppt

1、动画基本类型（四）,遮罩动画,教学内容,上机中存在的问题分析 遮罩动画的工作原理 遮罩动画的制作方法,教学目标,掌握遮罩动画的工作原理; 掌握遮罩动画的制作方法； 能制作简单的遮罩动画，比如，展开的画卷等动画效果。,1.遮罩动画的工作原理,利用遮罩图层的特性来实现特殊的效果 有对象存在的位置为透明，空白区域则不透明（遮挡着下面的图层）。 遮罩层只能对与之相连接的图层起作用。 需要两个图层：遮罩层与被遮罩层 遮罩层如同一个窗口，通过它可以看到其下被遮罩层中的区域对象，而被遮罩层区域以外的对象不会显示。 遮罩层中的内容决定着其下层显示的范围。,2.遮罩动画的制作方法,插入两个图层，分别为遮罩图层与

2、被遮罩图层。遮罩图层可由一般图层转化而来。遮罩图层位于被遮罩图层的上面。 编辑两图层中的内容，并制作动画效果。,2.1遮罩图层的创建,方法1：选择要设为遮罩层的图层，击右键，在弹出的菜单中选择“遮罩层”； 方法2：通过“图层属性”对话框来设置。,2.2遮罩图层的编辑,遮罩层的内容可以是填充的形状、文字对象、图形元件的实例或影片剪辑，不能是线条。 可以将多个图层组织在一个遮罩层下面创建复杂效果。被遮罩的内容也可以是多样的。 Flash会忽略遮罩层中的位图、颜色、透明、线条样式，在遮罩层中的任何填充区域都是完全透明的，任何非填充区域都是不透明的。,要点：圆形不动，图片移动。 步骤： 1.在图层1中

3、的第一帧，“文件”菜单中，导入到舞台，导入一张图片。设置此图片的移动。 2.在图层2中，编辑圆形。 3.右击图层2，设置“遮罩层”。,例1：圆形遮罩1.fla,要点：圆形移动，图片不动。 步骤： 1.在图层1中的第一帧，“文件”菜单中，导入到舞台，导入一张图片。 2.新建图形元件，名为“圆形”。 3.在图层2中设置文字的移动。 4.右击图层2，设置“遮罩层”。,例1：圆形遮罩2.fla,注意：,区分遮罩和被遮罩的标准：要显现形状的图层是遮罩层 遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段 不能用一个遮罩层试图遮蔽另一个遮罩层,

4、要点： 1. 新建一个影片剪辑元件，里面放入循环展示的图片。把这个元件放入图层1的第一帧中。 2.图层2的第一帧中，写入文字。设置为遮罩层。 3.在时间轴的最后一帧上设置为stop.（在本例中只有一帧）,例2：遮罩文字背景变换.fla,简单版本的制作要点： 1.在图层1中制作底图，包括画卷的矩形，其上的文字等。在第50帧上按F5. 2.在图层2中，在画卷的中间建立一个矩形条，在第50帧上按F6.。在50帧上，把矩形条变成大的矩形，要盖住画卷。 3.在图层2的第一帧，设置“形状”动画。 4.在图层2上右击，把图层2设置成遮罩层。 想一下：如何让画卷从空白的位置展开？,例3：展开的画卷1.fla,

5、在简单画卷的基础上做以下操作： 1.新建图形元件，名为“画轴”。 2.在图层3上放入画轴，使画轴从中心移动到左侧。 3.在图层4上放入画轴，使画轴从中心移动到右侧 用同样的方式，制作对联。,带轴的画卷：,要点： 在图层1上绘制一个大矩形，略小于文档尺寸， 设置彩虹渐变。 在图层2上键入大段文字。使文字从下向上移动。 把图层2设置为遮罩层。,例4：电影字幕.fla,要点： 先制作一片百叶窗影片剪辑元件，高度由30像素变为1像素，并在其后插入空白关键帧。 制作完整的百叶窗影片剪辑元件，把单片百叶窗复制进来，注意用“信息面板”保持对齐。 在场景中，图层1放入图片1，图层2放入图片2，图层3放入完整的

6、百叶窗元件，右击设置为“遮罩层。”,例5：百叶窗.fla,步骤： 1.新建一个图形元件，名为“半径”，把此线段的左端点的坐标设置为（0，0）。 2.回到场景，在图层1中的第一帧，拖放入“半径”，把它的变形点设置在左侧端点。在第20帧，按F6。回到第一帧，设置移动动画，顺时针转1次。 3.在图层2中，绘制一个圆形，无填充色。圆形的半径与图层1的半径相等。 4.新建图层4，在每个帧中逐个按F6，并用笔刷涂抹圆形的边缘，右击图层4，设置“遮罩层”。,例6：半径作圆.fla,步骤： 1.在图层1中绘制一张白底黄边的矩形，用来写文字。 2.在图层2中写文字“马”。 3.新建图形元件，名为“毛笔”，把毛笔

7、的笔尖位置定位为（0，0）。 4.新建图层3，在第一帧中把“毛笔”放入此图层。在第30帧处按F6。 5.新建引导层，以图层2中的“马”为基准，用铅笔绘制一个“马”，注意不要有笔划的交叉。 6.调整图层3中“毛笔”的位置，使之位于引导层的起点和终点 7.把图层2，即键入的“马”调整到最上层。 8.新建图层4，逐帧按F6，用笔刷描绘，设置为遮罩层。,例7：毛笔写字.fla,要点： 1.制作一个激光光束图形元件，影片剪辑元件也可以。 2.注意比划的拆分，时间轴的连续。 3.注意连续比划要用橡皮打开一个缺口。,例8：激光写文字.fla,要点： 1. 新建一个图形元件，名为“1条光线”，绘制一个高为4像素的矩形，无线条色。一定要用矩形，不能用线条绘制 2.新建一个图形元件，名为“白色光线”，里面对 “1条光线”进行旋转，要保证中心转出一个小圆。如下图。一次旋转-12度。 3.新建一个图形元件，名为“黄色光线”。拖放入“1条光线”，并设置其颜色为黄色。接下来同白色光线一样，进行旋转。但起始点不同。如下图 4.新建一个影片剪辑元件，名为“闪烁的光线”。在图层1中放入黄色光线，顺时针旋转1次。图层2中放入白色光线，设置为遮罩层。(有的版本图层2放入白色光线设置遮罩，但不能出现想要的效果。可以尝试把白色光线打散) 5.回到场景中，在图层1中放入“闪烁