《遮罩动画》课件

1、遮罩动画PPT课件遮罩动画PPT课件2Flash动画制作有时我们需要在特定的区域中展示动画或者逐渐展开显示画面，这样的动画效果该如何制作？利用遮罩即可实现。本实例是制作画轴展开的动画。其完成效果如图-1所示。案例1画轴的展开图6-1画轴展开完成效果图4Flash动画制作有时我们需要在特定的区域中展示动画或者逐3Flash动画制作相关理论 在Flash的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、画轴打开、百页窗、放大镜、望远镜等。1.遮罩动画的概念（1）概念:在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形

2、状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。5Flash动画制作相关理论 在Flash的作品4Flash动画制作（2）遮罩的作用作用一：用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见。作用二：用来遮罩住某一元件的一部分，从而实现一些特殊的效果。2.创建遮罩的方法（1）创建遮罩 首先创建一个普通图层，然后在该图层上单击右键，在弹出菜单中选择“遮罩层”，该图层就会转变成遮罩层，系统会自动把遮罩层下面的一层关联为“被遮罩层”，如图-2所示。相关理论6Flash动画制作（2）遮罩的作用2.创建遮罩的方法相关理5Flash动画制作图-2

3、多层遮罩动画相关理论7Flash动画制作图-2 多层遮罩动画相关理论6Flash动画制作（2）构成遮罩和被遮罩层的元素 遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条。（3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。相关理论8Flash动画制作（2）构成遮罩和被遮罩层的元素（3）遮罩7Flash动画制作3.应用遮罩时的技巧(1) 遮罩层中的对象中

4、的许多属性如渐变色、透明度、颜色和线条样式等是被忽略的。(2)要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。(3)可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。相关理论9Flash动画制作3.应用遮罩时的技巧(1) 遮罩层中的对8Flash动画制作3.应用遮罩时的技巧(4)不能用一个遮罩层试图遮蔽另一个遮罩层。(5)遮罩可以应用在GIF动画上。(6)在被遮罩层中不能放置动态文本。相关理论10Flash动画制作3.应用遮罩时的技巧(4)不能用一个遮Flash动画制作【案例1】画轴的展开操作步骤 2利用遮罩动画制作卷轴的拉开1新建

5、文档，导入素材图6-3 卷轴图Flash动画制作【案例1】画轴的展开操作步骤 2利用Flash动画制作【案例1】画轴的展开操作步骤 3卷轴的移动5测试影片并保存文件4文字的出现图6-4 文字Flash动画制作【案例1】画轴的展开操作步骤 3卷轴11Flash动画制作要求表现垂直方向百页窗的效果，开始展示的是一幅图，通过垂直方向百页窗的方式切换到第二幅图片的展示画面。其完成效果如图6-5所示。案例拓展1垂直百页窗图6-5 垂直百页窗完成效果图13Flash动画制作要求表现垂直方向百页窗的效果，开始展示Flash动画制作【案例拓展1】垂直百页窗设计过程1.新建文件并添加背景2.制作窗页3.制作百页

6、窗,如图6-6所示图6-6 百页窗Flash动画制作【案例拓展1】垂直百页窗设计过程1.新Flash动画制作5.测试影片并保存文件4.制作遮罩,完成后的时间轴如图6-7所示图6-7 遮罩完成后的时间轴Flash动画制作5.测试影片并保存文件4.制作遮罩,完成后14Flash动画制作画面上有一幅模糊的图片，从中心开始向四扩开来变成清晰的画面。该实例用到了遮罩动画，但制作实例的时候需要注意清晰图片和模糊图片所放置的位置。其完成效果如图6-8所示。案例拓展2模糊变清晰 图6-8 模糊变清晰完成效果图16Flash动画制作画面上有一幅模糊的图片，从中心开始向四Flash动画制作【案例拓展2】模糊变清晰

7、设计过程1.新建文件2.新建“背景”影片剪辑3.组织场景(1)制作模糊和清晰图图6-9 模糊图图6-10 清晰图(2)制作遮罩4.测试并保存文件Flash动画制作【案例拓展2】模糊变清晰设计过程1.新16Flash动画制作舞台上显示有“动画制作”四个字，一束白光从文字的左端运动到文字的右端。要求有文字的地方有白光显示，没有文字的地方白光不显示。其完成效果如图6-11所示。案例拓展3光线掠过文字图6-11 光线掠过文字完成效果图18Flash动画制作舞台上显示有“动画制作”四个字，一束白Flash动画制作【案例拓展3】光线掠过文字1.新建文档，文字的制件4.测试影片并保存文件图6-12 文字2.白光的制作图6-13 白光的颜色面板设置3.组织场景Flash动画制作【案例拓展3】光线掠过文字1.新建文档Flash动画制作思考与练习一.选择题1被遮罩层上可以是（ ）。A矢量图形 B影片剪辑 C图像 D以上都不正确2遮罩层中不能直接使用的对象有（ ）。A影片剪辑 B图形 C按钮 D线条3遮罩层中的对象的属性被忽略的有（ ）。A形状 B颜色 C透明度 D线条样式4被遮罩层在遮罩层的（ ）。A上面 B下面 C里面 D以上都不正确Flash动画制作思考与练习一.选择题Flash动画制作思考与练习