,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,遮罩动画,教学过程,小 结,上机实践,基本概念,动画实例,返回导航,Page,导航,教学重难点,教学目标,教学内容,教学方法,结束播放,教学过程,拓展资源,课后练习,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,遮罩动画,教学过程,小 结,上机实践,基本概念,动画实例,返回导航,Page,导航,人,教,版,初,中,信,息,技,术,Flash,遮罩动画制作,加深对遮罩层的基本概念的了解;,掌握遮罩动画的制作要点。,技能目标,知识目标,情感目标,掌握创建遮罩动画的方法;,培养学生想象能力和合作能力。,激发学生学习动画的兴趣,培养学生的动手能力和创造力,体验成功的喜悦,教学目标,教学内容,1,2,3,加深理解遮罩层与被遮罩层的概念。,掌握使用遮罩原理制作遮罩动画的方法和技巧。,了解复杂遮罩动画设计的方法和技巧。,教学重、难点,重 点,难 点,了解多层遮罩动画的运用和。,掌握使用遮罩原理制作动画的方法和技巧。结合实践巧妙地运用遮罩设计制作出各种,遮罩,动画效果,分析遮罩层内容的形状。,学习遮罩动画的概念、各种表现形式和制作技巧。理解遮罩层与被遮罩层的概念和遮罩动画产生的设计原理。,任务驱动法,案例教学法,问题式教学策略,教学练一体化,教学方法与手段,任务驱动法:以遮罩效果,百叶窗效果,瀑布、画轴、等多种特效为具体的任务,让学生在做中学,在做中感悟;,案例教学法:通过每个的案例演示,让学生明白动画创作的一般过程;,问题式教学策略:让学生分析案例,以问题为导向让学生习得知识与技能;利用设疑策略进一步培养学生创意思维。,教学练一体化:通过教师多媒体教学讲解演示,学生上机实践操作,讲、学、练一体化。,课堂激趣导入,利用遮罩制作的一个探照灯效果(通过拖动圆来改变可看的内容),案例一,案例二:小惊喜,请同学们按住左键不放拖动,你会有惊喜的发现哦,!,课堂激趣导入,遮罩,动画,的基本原理,只有遮罩层覆盖的区域才能显示出被遮罩层的内容来,没有遮罩层覆盖的区域,不会显示任何内容。,在一个遮罩动画中,“遮罩层”只有一个,“被遮罩层”可以有任意个。,形状,内容,遮罩层,被遮罩层,遮罩动画的构成,遮罩层,被遮罩层,遮罩动画就是使用一个动画层遮住图片的一部分或全部,使其部分或全部显示出来的动画。要创建遮罩动画,至少需要有两层,图片做为被遮罩层,动画层做遮罩层。,遮罩动画构成,遮罩动画的实现方法,你能概括出制作遮罩效果的三个主要步骤吗?,接着将上方的图层转换为遮罩层即可完成一个遮罩动画的创建。,然后在普通层上方新建一个图层,在其中创建一个对象或一段动画用来遮罩对象。,我认为首先要在在普通层中创建要显示的内容。,我认为关键是区分遮罩层和被遮罩层,遮罩动画实例,百 叶 窗,水波荡漾,画 轴,瀑 布,文字遮罩动画实例,点我,看思路,百叶窗,【,动画效果,】,导入图片到图层,1,设置其大小为舞台大小,并放置在舞台的中央位置。,插入一个图形元件,并在此元件中利用矩形工具画一条长矩形,宽度要同图片的宽度,高度可自已设置,但不要太高。,再插入一个影片剪辑元件,并将刚建立的图形元件拉入舞台中,分别在,25,和,50,帧插入关键帧,在,25,帧将矩形条的高度压为最小,并创建补间动画。,回到场景中,插入一个新图层,将影片剪辑元件拉进舞台中,利用时间轴特效中复制到网格设置好参数,将其布满舞台。,将此图层设置为遮罩 层。,百叶窗,【,设计思路,】,返回,流动的瀑布,【,动画效果,】,流动的瀑布,【,设计思路,】,导入一幅有瀑布的图片到图层,1,设置其大小为舞台大小,并放置开舞台的中央位置,然后将其打散,用套索工具将有水的地方选中,然后复制所选内容,插入一新图层,将复制的内容利用“粘贴到当前位置”粘贴在新图层中并将其转换为图形元件,并将元件,向左或右或上或下移动一到两个像素,位置。,插入图形元件,利用刷子工具画许多条波浪形状的线条,宽度要同图片的宽度,高度要大于刚才所复制内容的高度。,回到场景中,插入一个新图层,将图形元件拉进舞台中,然后分别在,30,和,60,帧插入关键帧,并将,30,帧的图形元件移动位置,然后创建补间动画。,将此图层设置为遮罩层。,返回,画轴,【,动画效果,】,导入一幅图片到图层,1,设置其宽大于高,并放置在舞台的合适位置。,插入一个矩形图形元件,并在此元件中利用矩形工具画竖长条矩形,高度大于图片的高度。,插入一个画轴图形元件,在此元件中画一根画轴。,插入一个画轴头图形元件,在此元件中画两端的画轴头。,回到场景中,插入一新图层,将矩形元件拖入到此图层中,将将元件旋转在图片的中间位置,然后在,90,帧插入关键帧,并在,90,帧的时候将矩形的宽度拉成图片的宽度并创建补间动画,然后设置其为遮罩层。,画轴,【,设计思路,】,返回,水波荡漾,【,动画效果,】,水波荡漾,【,设计思路,】,导入一幅图片到图层,1,设置其宽为舞台宽,高为其,一半,,并转换为图形元件,放置于舞台的,上半部,,插入,一新图层,,将图片,复制,于此图层中,并垂直翻转置于舞台的,下半部分,,再插入一个新图层,然后将翻转的图片复制到此图层中,并将元件,向左或右或上或下移动一到两个像素,位置。,插入一个图形元件,并在此元件中利用,刷子工具,画许多条波浪形状的线条,宽度要,同图片的宽度,,高度要,大于,刚才所复制内容的高度。,回到场景,中,插入一个,新图层,,将,图形元件拉进舞台,中,然后分别在,30,和,60,帧插入关键帧,并将,30,帧的图形元件移动位置,然后创建补间动画。,将此图层,设置为遮罩层。,任务一,制作,“,地球旋转效果,”,本例将使用多重遮罩的方法制作一个地球旋转的动画。蓝色背景中的地球模型均匀转动,可以清晰地看到其上的大陆版块图,最终效果如图所示。,【,设计效果,】,上机实习,上机实习,任务二:,模拟“物体在管道中下落的效果(学有余力者做),使用遮罩效果模拟现实生活中物体在管道中下落的运动效果,动画中使用简单的箭头图形来代表物体和管道,物体以不变的速度在管道中下落,在转弯处自动改变方向,最后的设计效果如图所示,。,【,设计效果,】,遮罩是,Flash,中的重要工具,其功能强大,使用方法却很简单,许多优秀的,Flash,作品中都有其身影,希望大家能熟练掌握并灵活运用遮罩技术。本章通过大量的遮罩实例,由浅入深地介了遮罩效果,为同学们全面展示了遮罩动画的魅力。,同学们可以通过模拟本章的实例来进一步熟悉遮罩工具。在制作时,请同学们从遮罩的原理出发,并充分发挥自己的创意,从而创作出更为生动有趣的,Flash,作品,。,小结,赶紧动手试试吧!,