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