巧用Flash中遮罩功能演示倒水实验

　　早晨刚到学校，同事让我帮忙制作一个圆锥体倒水实验的动画，课件的需要是演示一个圆锥体型的杯子向一个圆柱体型的杯子中倒水，三次倒满，最后说明圆锥体的体积是圆柱体体积的三分之一。首先说明一下这个课件的难点。

　　1.水从圆锥体向圆柱体型的杯子中倒水，水要逐渐减少，并且水面要保持水平。

　　2.水倒完之后，圆柱体中的水面上升三分之一。

　　冥思苦想之后觉得要实现该动画只能使用Flash MX中的遮罩功能，比如说要实现圆柱体中的逐渐升高，我们能够把圆柱体作为遮罩对象，然后绘制一个淡蓝色的矩形从后面慢慢升起来，假如读者对遮罩的概念不太理解的话，我们能够把这个动画形象地比喻为在一张白纸上剪出一个圆柱体的洞，让后面的一张淡蓝色的纸从白纸后面慢慢升起，这样就会给我们一种水面上升的感觉。

　　

　　动画制作

　　１．绘制圆锥体元件：启动Flash MX 2004，首先制作一个元件，命名为圆锥体，然后在该元件中使用钢笔工具绘制一个底朝上的等腰三角形，为了绘制得精确一些，能够在视图菜单中调出网格。绘制完成之后在三角形中填充任意一种颜色，什么颜色都无所谓，反正都要被遮蔽(掏空)，但是一定要有颜色，否则就无法实现遮罩。

　　２．绘制圆柱体元件：新建一个元件，使用工具箱中的矩形工具绘制一个矩形表示圆柱体的侧面图。该圆柱体中一定要和圆锥体等高、等底，所以绘制时能够将原来的圆锥体复制过来，然后绘制一个矩形，这样就能够确保两个物体等高、等底。

　　３．绘制水：新建一个元件，使用工具箱中矩形工具绘制一个矩形，注意该矩形的宽要比圆锥体的高要长，然后填充一种淡蓝色。最后在使用工具箱中选择工具将边线选中，然后删除边线。

　　４．圆锥体倒水的动画：回到场景中将第一个图层命名为“水”，将元件“水”加入该图层。然后再增加一个图层命名为“圆锥体”，将元件“圆锥体”加入该图层，需要注意的是要将“圆锥体”的右上角和“水”的右上角对齐。然后单击圆锥体层的第20帧，按下F6键，插入关键帧。在“水”层的第20帧按下F5键插入帧和上一层补齐。好了，现在我们让圆锥体绕着他的右上角旋转一定的角度就能够了。在第20帧使用任意变形工具，然后将“圆锥体”在第一帧和最后一帧的中央点移动到“圆锥体”的右上角。在最后一帧旋转一定的角度，形成倒水结束的样子。现在运行动画还看不出倒水的效果，我们还要在“圆锥体”层上右击，选择“遮罩层”，现在运行一下是不是有点像了？只但是“圆锥体”没有轮廓。所以我们还要制作一个新元件来表示“圆锥体”的轮廓，只要将原来的圆锥体复制到新元件中，将其中的颜色选中，按下“Del”键删除就能够了。在“圆锥体”图层上增加一个图层，再将“圆锥轮廓”元件加入该图层，也和“圆锥体”同时旋转，旋转的角度也相同就能够了。现在按下回车键盘看看是不是很像了。

　　５．圆柱体接水：圆柱体接水和圆柱体倒水的不同之处就是要圆柱体作为遮罩固定不动，而后面的“水”元件向上慢慢移动。这步大家能够自己尝试去做。

　　６．绘制水流：以上完成之后，我们还要建立一个“水流”将其连接起来。首先新建立一个元件命名为“水流”，在第一个关键帧使用刷子工具从上向下绘制一个粗细合适的线条。然后在第二帧插入关键帧，使用工具箱中的选择工具调整线条，使其较第一帧有一个微小的变化。然后回到场景，新建一个层，在该层加入我们刚才绘制好的“水流”元件。

　　到此我们就完成了一次倒水，效果如图4。这里仅仅制作了该课件中关键部分，有兴趣的老师能够将本课件加以充实完善。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有