《遮罩动画》微课解说词-修改

微课解说词一、引入同学们，之前,我们学过怎样制作形状渐变和运动补间动画，知道了，动画产生的原因是对象的形状、大小、颜色、位置或者透明度发生了改变。二、案例分析，提出问题今天还是先请大家欣赏一组动画。在这组动画中，大家发现：字是慢慢的展开；地球在不断的旋转。也就是对象本身内容在发生改变。这种动画，单独的运用之前学过的形状渐变和运动补间是做不出来的，其实它们都运用了遮罩。什么是遮罩呢？如何应用遮罩来制作动画？是这节课所要解决的问题。接下来，我们先通过演示来了解遮罩和它的原理。三、遮罩的原理打开FLASH软件1、在图层1中导入一张图片。（1）选择文件导入导入到舞台。（2）调整图片的大小，使它跟舞台一样大。选择相对于舞台，水平中齐，垂直中齐，匹配宽和高。2、在图层2中绘制一个椭圆（1）新建图层，（2）绘制一个椭圆，填充颜色可以任意设置，现在我们选择为红色。大家可以看到，在图层为一般图层情况下：上面的图层内容会遮挡住下面的图层内容，被遮挡的下面图层的内容就看不到了。图层1的图片，有一部分就图层2的椭圆遮挡了，没有显现出来。那我们将图层2和图层1的改变为遮罩和被遮罩，结果，又会怎么样呢？我们现在来改变一下看看。在图层2中，右击，选择遮罩层，这时候你们就会发现，图层的标识发生了改变，同时图层也被锁定了。再看看舞台，大家可以看到，图层1中的图片，被图层2的椭圆遮挡的地方，显现出来了，没有被遮挡的不见了。所以，遮罩层与一般图层产生的情况恰恰相反：遮挡的地方就会被看见，没有遮挡的地方就看不见了。下面，让我们来仔细分析一下。遮罩原理分析：遮罩需要两个图层，上面的图层为遮罩层，下面的图层为被遮罩层。遮罩层就好比手电筒，被遮罩层就好比黑夜中景物。电筒光照到的地方就会被看见，没有被光照到的地方就看不见。同时也可以看出，遮罩层决定显示的轮廓形状，被遮罩层是所显示的内容。现在我们已经弄清了遮罩及其原理。刚才看到只是静止的画面，我们可不可以让它动起来呢？刚才讲了，遮罩层就好比手电筒，被遮罩层就好比黑夜中景物。很显然，想让遮罩产生动感，无非就是两种情况：要么是手电筒动，要么是被照的物体动。也就是说，遮罩层或者被遮罩层运动就会产生庶罩动画。我们先试一下第一种情况：遮罩层运动的遮罩动画，也就是在图层2做一个动作补间动画，让图层2的椭圆动起来。怎么做？大家还记得吗？ （1）将两图层解锁进行编辑。（2）在图层2的某一帧（就在第30帧吧）插入关键帧。（3）右击创建补间动画。（4）选中最后关键帧中的椭圆，将椭圆移动到某一位置。（5）在图层1中插入普通帧，延长显示时间和图层2相同。大家看看动画效果。第二种情况制作和第一种相同，所不同的是，被遮罩层运动，而遮罩层不动。（1）取消遮罩层运动。在图层2的最后一帧中清除关键帧，并且删除补间；（2）在图层1相应的帧，插入关键帧；（3）同样是创建补间动画；（4）将图片移动到行当的位置。大家看看动画效果。小结：好，那么我们回忆一下遮罩原理。1、遮罩是由两个图层组成，上面的图层是遮罩层，下面的图层是被罩层；2、遮罩层决定所看到的图层形状；3、被遮罩层决定所看到的图层内容；4、产生相对运动就会产生遮罩动画。案例再分析现在，同学们懂得做老师前面展示动画了吗？它是由旋转的地球和逐步展开文字，静止的背景图片组成的。其中，旋转的地球和逐步展开文字都是采用遮罩动画。旋转的地球，是由静止的圆作为遮罩层，移动的陆地表面作为被遮罩层，制作出来的遮罩动画。逐步展开的文字，是由逐渐变宽的矩形作为遮罩层，静止的文字作为被遮罩层，制作出来的遮罩动画。为了节省时间，也为了制作的思路更清晰，在制作前，我已经事先准备好了素材放在库中，同时也新建了所要使用的图层。首先制作转动的地球。（1）在图层1中，将库中的地球素材放在舞台的适当地方。（2）新建一个图层，将库中的陆地表面素材放在舞台上。那么陆地表面的素材作为被遮罩层，应该位于最下方，因为我们要调整下图层的顺序，将图层2放置最下方。然后我们在图层1的任意一帧中，插入普通帧。我们选择40帧插入普通帧。然后在图层2的相应位置上插入关键帧。然后将陆地表面素材进行移动，创建补间动画。最后在图层1中右击选择遮罩层。那么就可以产生遮罩效果了。为了展示地球的外貌形状，我们可以在图层2的下方再新建一个地球的图层，然后在第一帧中将库中的地球素材放置相应的位置。最后我们将图层3的属性设置一下，将类型改为一般也就是普通图层。那么转动的地球就做好了。接下来制作文字的部分。我们在最上方新建一个图层作为被遮罩层，我们输入一段文字“放眼世界，胸怀祖国”，自动的插入了普通帧。然后在新建一个图层作为遮罩层，在上面绘制一个矩形，颜色可以任意设置。然后在最后一帧中，我们插入关键帧。我们选择任意变形工具，将矩形扩大，将中心节点放置于最边上。选择形状渐变，最后再右击选择遮罩层。那么文字的遮罩就做好了。最后制作背景的部分了。我们在最下方新建一个图层，将库中的天安门素材放在舞台。对图片进行大小的调整，相对于舞台，水平中齐，垂直中齐，匹配宽和高就可以