Flash多媒体课件制作案例教程 曹帮琴 陈军 吴明慧 第六章 遮罩动画新.pptVIP

* * * * * 第六章 遮罩动画 * * 有时我们需要在特定的区域中展示动画或者逐渐展开显示画面，这样的动画效果该如何制作？利用遮罩即可实现。本实例是制作画轴展开的动画。其完成效果如图６-1所示。 案例1——画轴的展开 图6-1画轴展开完成效果图 * 相关理论 在Flash的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、画轴打开、百页窗、放大镜、望远镜等。 1.遮罩动画的概念 （1）概念:在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 * （2）遮罩的作用 作用一：用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见。 作用二：用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2.创建遮罩的方法 （1）创建遮罩 首先创建一个普通图层，然后在该图层上单击右键，在弹出菜单中选择“遮罩层”，该图层就会转变成遮罩层，系统会自动把遮罩层下面的一层关联为“被遮罩层”，如图６-2所示。 相关理论 * 图６-2 多层遮罩动画 相关理论 * （2）构成遮罩和被遮罩层的元素 遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 相关理论 * 3.应用遮罩时的技巧 (1) 遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等是被忽略的。 (2)要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。 (3)可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。 相关理论 * 3.应用遮罩时的技巧 (4)不能用一个遮罩层试图遮蔽另一个遮罩层。 (5)遮罩可以应用在GIF动画上。 (6)在被遮罩层中不能放置动态文本。 相关理论 【案例1】——画轴的展开操作步骤 2．利用遮罩动画制作卷轴的拉开 1．新建文档，导入素材 图6-3 卷轴图 【案例1】——画轴的展开操作步骤 3．卷轴的移动 5．测试影片并保存文件 4．文字的出现 图6-4 文字 * 要求表现垂直方向百页窗的效果，开始展示的是一幅图，通过垂直方向百页窗的方式切换到第二幅图片的展示画面。其完成效果如图6-5所示。 案例拓展1——垂直百页窗 图6-5 垂直百页窗完成效果图 【案例拓展1】——垂直百页窗设计过程 1.新建文件并添加背景 2.制作窗页 3.制作百页窗,如图6-6所示 图6-6 百页窗 5.测试影片并保存文件 4.制作遮罩,完成后的时间轴如图6-7所示 图6-7 遮罩完成后的时间轴 * 画面上有一幅模糊的图片，从中心开始向四扩开来变成清晰的画面。该实例用到了遮罩动画，但制作实例的时候需要注意清晰图片和模糊图片所放置的位置。其完成效果如图6-8所示。 案例拓展2——模糊变清晰 图6-8 模糊变清晰完成效果图 【案例拓展2】——模糊变清晰设计过程 1.新建文件 2.新建“背景”影片剪辑 3.组织场景 (1)制作模糊和清晰图 图6-9 模糊图 图6-10 清晰图 (2)制作遮罩 4.测试并保存文件 * 舞台上显示有“动画制作”四个字，一束白光从文字的左端运动到文字的右端。要求有文字的地方有白光显示，没有文字的地方白光不显示。其完成效果如图6-11所示。 案例拓展3——光线掠过文字 图6-11 光线掠过文字完成效果图 【案例拓展3】——光线掠过文字 1.新建文档，文字的制件 4.测试影片并保存文件 图6-12 文字 2.白光的制作 图6-13 白光的颜色面板设置 3.组织场景 思考与练习 一.选择题 1．被遮罩层上可以是（ ）。 A．矢量图形 B．影片剪辑 C．图像 D．以上都不正确 2．遮罩层中不能直接使用的对象有（ ）。 A．影片剪辑 B．图形 C．按钮 D．线条 3．遮罩层中的对象的属性被忽略的有（ ）。 A．形状 B．颜色 C．透明度 D．线条样式 4．被遮罩层在遮罩层的（ ）。 A．上面 B．下面 C．里面 D．以上都不正确 思考与练习 二．操作题 1.一幅荷花背景，在水下有其倒影图，在倒影图上一池清水荡漾。其效果如右图。 2.在一幅风景图上有一个圆从左运动到