动画基本类型(四PPT课件

.,1,动画基本类型（四）,遮罩动画,.,2,教学内容,上机中存在的问题分析遮罩动画的工作原理遮罩动画的制作方法,.,3,教学目标,掌握遮罩动画的工作原理;掌握遮罩动画的制作方法；能制作简单的遮罩动画，比如，展开的画卷等动画效果。,.,4,1.遮罩动画的工作原理,利用遮罩图层的特性来实现特殊的效果有对象存在的位置为透明，空白区域则不透明（遮挡着下面的图层）。遮罩层只能对与之相连接的图层起作用。需要两个图层：遮罩层与被遮罩层遮罩层如同一个窗口，通过它可以看到其下被遮罩层中的区域对象，而被遮罩层区域以外的对象不会显示。遮罩层中的内容决定着其下层显示的范围。,.,5,2.遮罩动画的制作方法,插入两个图层，分别为遮罩图层与被遮罩图层。遮罩图层可由一般图层转化而来。遮罩图层位于被遮罩图层的上面。编辑两图层中的内容，并制作动画效果。,.,6,2.1遮罩图层的创建,方法1：选择要设为遮罩层的图层，击右键，在弹出的菜单中选择“遮罩层”；方法2：通过“图层属性”对话框来设置。,.,7,2.2遮罩图层的编辑,遮罩层的内容可以是填充的形状、文字对象、图形元件的实例或影片剪辑，不能是线条。可以将多个图层组织在一个遮罩层下面创建复杂效果。被遮罩的内容也可以是多样的。Flash会忽略遮罩层中的位图、颜色、透明、线条样式，在遮罩层中的任何填充区域都是完全透明的，任何非填充区域都是不透明的。,.,8,要点：圆形不动，图片移动。步骤：1.在图层1中的第一帧，“文件”菜单中，导入到舞台，导入一张图片。设置此图片的移动。2.在图层2中，编辑圆形。3.右击图层2，设置“遮罩层”。,例1：圆形遮罩1.fla,.,9,要点：圆形移动，图片不动。步骤：1.在图层1中的第一帧，“文件”菜单中，导入到舞台，导入一张图片。2.新建图形元件，名为“圆形”。3.在图层2中设置文字的移动。4.右击图层2，设置“遮罩层”。,例1：圆形遮罩2.fla,.,10,注意：,区分遮罩和被遮罩的标准：要显现形状的图层是遮罩层遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段不能用一个遮罩层试图遮蔽另一个遮罩层,.,11,要点：1.新建一个影片剪辑元件，里面放入循环展示的图片。把这个元件放入图层1的第一帧中。2.图层2的第一帧中，写入文字。设置为遮罩层。3.在时间轴的最后一帧上设置为stop.（在本例中只有一帧）,例2：遮罩文字背景变换.fla,.,12,简单版本的制作要点：1.在图层1中制作底图，包括画卷的矩形，其上的文字等。在第50帧上按F5.2.在图层2中，在画卷的中间建立一个矩形条，在第50帧上按F6.。在50帧上，把矩形条变成大的矩形，要盖住画卷。3.在图层2的第一帧，设置“形状”动画。4.在图层2上右击，把图层2设置成遮罩层。想一下：如何让画卷从空白的位置展开？,例3：展开的画卷1.fla,.,13,在简单画卷的基础上做以下操作：1.新建图形元件，名为“画轴”。2.在图层3上放入画轴，使画轴从中心移动到左侧。3.在图层4上放入画轴，使画轴从中心移动到右侧用同样的方式，制作对联。,带轴的画卷：,.,14,要点：在图层1上绘制一个大矩形，略小于文档尺寸，设置彩虹渐变。在图层2上键入大段文字。使文字从下向上移动。把图层2设置为遮罩层。,例4：电影字幕.fla,.,15,要点：先制作一片百叶窗影片剪辑元件，高度由30像素变为1像素，并在其后插入空白关键帧。制作完整的百叶窗影片剪辑元件，把单片百叶窗复制进来，注意用“信息面板”保持对齐。在场景中，图层1放入图片1，图层2放入图片2，图层3放入完整的百叶窗元件，右击设置为“遮罩层。”,例5：百叶窗.fla,.,16,步骤：1.新建一个图形元件，名为“半径”，把此线段的左端点的坐标设置为（0，0）。2.回到场景，在图层1中的第一帧，拖放入“半径”，把它的变形点设置在左侧端点。在第20帧，按F6。回到第一帧，设置移动动画，顺时针转1次。3.在图层2中，绘制一个圆形，无填充色。圆形的半径与图层1的半径相等。4.新建图层4，在每个帧中逐个按F6，并用笔刷涂抹圆形的边缘，右击图层4，设置“遮罩层”。,例6：半径作圆.fla,.,17,步骤：1.在图层1中绘制一张白底黄边的矩形，用来写文字。2.在图层2中写文字“马”。3.新建图形元件，名为“毛笔”，把毛笔的笔尖位置定位为（0，0）。4.新建图层3，在第一帧中把“毛笔”放入此图层。在第30帧处按F6。5.新建引导层，以图层2中的“马”为基准，用铅笔绘制一个“马”，注意不要有笔划的交叉。6.调整图层3中“毛笔”的位置，使之位于引导层的起点和终点7.把图层2，即键入的“马”调整到最上层。8.新建图层4，逐帧按F6，用笔刷描绘，设置为遮罩层。,例7：毛笔写字.fla,.,18,要点：1.制作一个激光光束图形元件，影片剪辑元件也可以。2.注意比划的拆分，时间轴的连续。3.注意连续比划要用橡皮打开一个缺口。,例8：激光写文字.fla,.,19,要点：1.新建一个图形元件，名为“1条光线”，绘制一个高为4像素的矩形，无线条色。一定要用矩形，不能用线条绘制2.新建一个图形元件，名为“白色光线”，里面对“1条光线”进行旋转，要保证中心转出一个小圆。如下图。一次旋转-12度。3.新建一个图形元件，名为“黄色光线”。拖放入“1条光线”，并设置其颜色为黄色。接下来同白色光线一样，进行旋转。但起始点不同。如下图4.新建一个影片剪辑元件，名为“闪烁的光线”。在图层1中放入黄色光线，顺时针旋转1次。图层2中放入白色光线，设置为遮罩层。(有的版本图层2放入白色光线设置遮罩，但不能出现想要的效果。可以尝试把白色光线打散)5.回到场景中，在图层1中放入“闪烁的光线”，在图层2中绘制一个五角星