实验七(续).docVIP

PAGE  PAGE 7 实验七（续） 遮罩层的应用（续） 【实例41】卷轴画 本实例的效果为一幅卷轴画卷，纵向展开又收起的效果。 原理分析：建三个层：最上层为下卷轴，创建两段移动渐变动画：一段从上至下移动，另一段从下至上移动；中间层为遮罩层，创建两段形状渐变动画：一段由小矩形变为大矩形，另一段由大矩形变为小矩形；被遮罩层为静态不动的上卷轴和其下方的画布。 主要步骤： （1）建立两个图形元件：卷轴和画布。 卷轴元件：画一黄色矩形，调整其左右两边线为弧形；再画一白色矩形，也调整其左右两边线为弧形；然后将白色矩形放置黄色矩形之上，过程如下图1所示。 图1 画布元件：画一有填充色矩形，然后导入图片文件“41国画.jpg”，调整两者的大小和位置，使之效果如下图2所示。 图2 （2）返回“场景1”，建立三个图层，如下图3所示。 图3 （3）“上卷轴和画布”层：将“卷轴”和“画布”元件拖入舞台，调整两者大小和位置，如下图4所示。然后复制上卷轴，再在第90帧处插入帧，最后锁定图层。 图4 （4）“下卷轴”层：粘贴上卷轴，调整其位置如下图5所示。 图5 然后在第15帧插入关键帧，在第15帧至第45帧创建移动渐变动画，第15帧下卷轴的位置如上图5所示，第45帧下卷轴的位置如下图6所示。 图6 鼠标右键单击第45帧，删除补间。 在第60帧插入关键帧，在第60帧至第90帧创建移动渐变动画，第60帧下卷轴的位置如上图6所示，第90帧下卷轴的位置如上图5所示。 最后锁定图层。 （5）“遮罩矩形”层：画一黑色矩形，宽度与卷轴宽度相等，高度为上下卷轴高度的和，位置如下图7所示。 图7 然后在第15帧插入关键帧，在第15帧至第45帧创建形状渐变动画，第15帧黑色矩形的位置和大小如上图7所示，第45帧黑色矩形的位置和大小如下图8所示。（第45帧只下拉黑色矩形的下边线） 图8 鼠标右键单击第45帧，删除补间。 在第60帧插入关键帧，在第60帧至第90帧创建形状渐变动画，第60帧黑色矩形的位置和大小如上图8所示，第90帧黑色矩形的位置和大小如上图7所示。（第90帧只上拉黑色矩形的下边线） 最后锁定图层。 最后三个图层的时间轴如下图9所示。 图9 （6）保存文件，文件名为“41卷轴画.fla”。 （7）测试影片，生成文件“41卷轴画.swf”。 【实例42】百叶窗 本实例的效果为百叶窗的效果切换两张图片。 原理分析：三个层：其中最下层为普通层（一般层），放置一张图片；中间层为被遮罩层，放置另一张图片；最上层为遮罩层（百叶窗），百叶窗为复制粘贴出的多个叶片，叶片为一段移动渐变动画，开始帧为一个黑色矩形，结束帧渐变为一条直线。叶片的渐变制作是最关键的操作步骤。 主要步骤： （1）设置舞台大小为800 px X 600 px，建立如下图10 所示的三个图层。 图10 （2）将素材文件“42图片1.jpg”和“42图片2.jpg”导入到库。 （3）（此步骤为关键步骤）新建一个名为“叶片”的影片剪辑元件：舞台中央绘制一个黑色矩形，如下图11所示，在第1帧至第15帧创建移动渐变动画。在第15帧，将黑色矩形用“任意变形”工具调整为一条直线，如下图12所示。然后在第16帧插入空白关键帧。接着将第15帧复制粘贴到第30帧（鼠标右键点第15帧，复制帧，鼠标右键点第30帧，粘贴帧），将第1帧复制粘贴到第45帧，（粘贴后，在第30帧至第45帧若无移动渐变动画，要创建）。最后在第60帧插入帧。最后的时间轴如下图13所示。 图11 图12 图13 说明：此步骤中，上图13中，第15帧至第30帧处的画面停顿方法，与上一实例“卷轴画”中，上图9中，第45帧至第60帧处的画面停顿方法，可以达到同样的画面停顿效果，方法不同而已。 （4）新建一个名为“百叶窗”的影片剪辑元件：将上一步做好的“叶片”元件拖入舞台，复制粘贴多个，上下依次排列，如下图14所示。 图14 （5）返回“场景1”：将库中的“42图片1.jpg”拖至“图片1”图层舞台中央，“42图片2.jpg”拖至“图片2”图层舞台中央，“百叶窗”影片剪辑元件拖至“遮罩百叶窗”图层舞台中央，并调整其大小与位置，使其完全覆盖舞台。 （6）保存文件，文件名为“42百叶窗.fla”。 （7）测试影片，生成文件“42百叶窗.swf”。 【实例43】海水微波 本实例的效果为图片中的海水具有流动效果。 原理分析：三个层：最下层为整张图片，作为背景；其上层为抠图抠出的海水（因为只有海水动，其他景物不动），海水的位置相对其在原图片中的位置应有很小的位移，该层作为被遮罩层；最上层为遮罩层，为若干个上下排列的高度很小的矩形，上下任意两矩形间留有很小的空隙，所有矩形（及空隙）由上至下创建移动渐变。 主要步骤： （1）建立三个图层，如下图15所示。