flash动画实训教程课件第四章.ppt

flash动画实训教程吴桂香吕宗奇编著

第四章遮罩动画下面这个动画案例是曾经比较流行的“旋转的地球”。如果第一次看到这个效果，一定会有“这是利用3D类软件制作出来的”感觉。但实际上，它却是利用Flash遮罩动画完成的。现在我们就来揭开“魔术师的毯子”，但是首先要记住的是，遮罩动画的制作取决于看不到的部分，而不是看到的部分。第一节旋转的地球（1）制作“旋转的地球”动画，首先要做的是找到一张矢量图的世界地图。在这里建议用我们之前讲过的【修改】→【位图】→【将位图转换为矢量图】命令，将在网上或者别处找到的位图世界地图处理成矢量图，毕竟在网上找矢量素材不太容易。将舞台颜色设置为深色，在完成位图至矢量图的转换后，将地图图形导入，转换为图形元件（图4-1）。

第四章遮罩动画（2）回到场景中，新建一层。如果已经将地图元件导入舞台，那么将这一层移动到刚才放置地图元件的层的下方（图4-2）。现在利用标准几何图形工具创建一个正圆。在这里建议制作圆形的地球。可以通过按住【Shift】键拖曳的方式来创建标准圆形（图4-3）。然后，复制这个圆，新建一层。当然，这个新图层要在我们当前图层的上面和地图图层的下面（图4-4）。将这个圆缩小，并为其填充一个0%80%30%的三部分颜色渐变，颜色与之前圆保持一致。接下来，利用不同透明度的【渐变调整】工具，将这个渐变圆与之前的圆重叠，调整至如图4-5所示状态。第一节旋转的地球

第四章遮罩动画（3）再次新建一个图层，将这一层置于所有图层上方，复制地球层的圆形，并将其对位至构成地球的两个圆形上方遮盖（图4-6）。遮罩层的特点是当有遮罩层存在时，被遮罩层影响的图层上只有被遮罩图层图形挡住的部分才是生成影片中可见的。现在，点击我们新建立的圆的图层，右键拉出菜单，点击【遮罩层】（图4-7）。这时，舞台与时间轴应该呈现如图4-8所示状态，遮罩层与被遮罩图层在这种状态下不利于我们编辑，如果想暂时取消遮罩，同样利用右键点击，在菜单中再次点击【遮罩层】即可。第一节旋转的地球

第四章遮罩动画同样，我们的目的是让遮罩层罩住地图和下面圆的效果，但是目前只有地图层被遮罩，想要所有的图层都被同一个遮罩层覆盖，需要将未与遮罩层产生联系的图层拖曳到遮罩层与被遮罩层之间（图4-9），这样，原来与遮罩层无关的图层就也被遮罩了，这时可以将新的被遮罩图层拖回原来的位置，这并不会取消被遮罩属性（图4-10）。剩下的任务，就是给予之前的地图元件一段补间动画。点击第二层上地图图形元件，在其时间轴第24帧按【F6】键插入关键帧，将第24帧的地图平移至如图4-11所示位置，点击第1帧，右键打开【菜单】建立传统补间动画。第一节旋转的地球

第四章遮罩动画第一节旋转的地球

第四章遮罩动画（4）我们已经可以看到地球旋转的效果了。但是这个效果有一个问题，当地图全部通过后，再次出现得太快，看起来很不自然。为了保证地图旋转的可信视觉效果，需要再一次加入地图元件。还是在地图元件所在的“图层2”上的第1帧，将地图元件再次拖入场景，与第1帧位置稍微错开（图4-12）。之后，在第2层第48帧上再次将地图元件拖入场景，完成后，点击【第1帧】，右键打开【菜单】添加【传统补间动画】。为了保证影片的整体时间线，在其余没有后续帧的图层上的第48帧，也插入空白关键帧（图4-13）。这样，“地球的旋转”动画便宣告完成，按【Ctrl】+【Enter】可观看最终效果。第一节旋转的地球

第四章遮罩动画一般而言，很多人下意识地打算采取补间形状或者逐帧方式来制作，不过通过前面章节的学习，能想到这两种方式具有不可控性和比较费时的缺点。既然我们已经接触了遮罩动画功能，能否利用一个特定形状通过遮罩区的补间方式来制作这段动画呢？如果可以，这个看来烦琐的动画效果就变得简便易做了。第二节飘动的旗帜（1）我们先用标准几何工具建立一个矩形，这样就有了一个可以完成重复延续的图形，注意矩形的长要比宽大，而且这种差别要明显（图4-14）。按快捷键【V】进入【选择工具模式】，利用拖曳边缘、角点的方式，将刚才创建的矩形调整至如图4-15所示状态。复制刚才调整过的矩形，在同一层上粘贴它（图4-16）,之后，通过【任意变形】工具或者修改菜单下的【水平】或【垂直翻转】将图形调整至如图4-17所示状态。接下来，利用【选择】工具拖曳两个图形的相邻角点，使其重合，合并为一个图形（图4-18）。

第四章遮罩动画第二节飘动的旗帜（2）重复之前的操作，但是这一次就不需要翻转或者其他形式上的调整了。复制刚才连接好的图形，再次在同一图层上粘贴，并且通过角点合并的方式利用【选择】工具把它们连在一起。然后，再次对新制作的图形重复这一操作，完成