《遮罩动画》PPT课件.ppt

《《遮罩动画》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《遮罩动画》PPT课件.ppt（19页珍藏版）》请在三一办公上搜索。

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

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

3、字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层，可以使用按钮、影片剪辑、图形、位图、文字、线条。,（3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。,相关理论,7,Flash动画制作,3.应用遮罩时的技巧,(1)遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等是被忽略的。,(2)要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。,(3)可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alp

4、ha属性。,相关理论,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

5、垂直百页窗,图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】模糊变清晰设计过

6、程,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.在一幅风景图上有一个圆从左运动到右，只有圆经过的地方可以看到风景图，其它地方的风景图片不可见。其效果如右图。,