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