Flash动画制作----遮罩图层

1、案例的名称：Flash动画制作-遮罩图层所用教材的出版社：教育科学出版社教材名称：多媒体技术应用章节：高一年级多媒体技术应用选修模块第四章第三节一、教材分析及教学调整：FLASH动画是目前互联网中应用最为广泛的动画，动画中的每个场景都是由许多图层组成的，而遮罩效果则是图层中的重要功能，灵活运用遮罩层可获得许多特殊的显示效果，使得FLASH动画变得更加形象逼真。但是教材对它的讲解十分简单，且重点一点也不突出，若单纯为让学生掌握书本上的知识而给学生演示一下，那学生只会照本宣科，不能活学活用。因此，教学这部分内容的关键是使学生在学会使用遮罩层之后，能总结出一定的规律，进一步探究创新。根据新课程教学的

2、要求，我调整了教材的教学顺序，把遮罩层单独列出来讲解，目的是让学生感受到遮罩层功能的强大，并能设计出一些效果较好的作品。在时间安排上，短短一节课的讲解是不够的，还需要学生在课后进行反复的练习及动手实践。二、教学目标：知识与技能：通过对遮罩图层的学习，让学生掌握遮罩图层建立的基本方法和常用的操作技巧，进一步深化对FLASH运用软件的认识，拓展学生的知识和能力。过程与方法：学生通过制作探照灯动画、水中倒影动画等过程的学习，从而能更好的掌握和理解遮罩图层的含义。运用所学知识解决实际问题。情感态度、价值观：利用上机分组实践操作及作品评价，充分激活学生探究思维和创新思维。培养学生探究精神，激励学生去学习

3、，同时培养学生的协作精神。三、教学重点、难点：重点：了解遮罩图层含义及遮罩的制作过程，掌握遮罩的制作方法。难点：理解遮罩与被遮罩的关系，灵活利用遮罩图层创作特殊的显示效果。四、教学对象分析： 教学对象为高一年级学生，针对高中信息技术课的特点，课时少、周期长、学生易忘、操作性强的特点，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解遮罩动画的制作过程。另外高中生自我表现力强，尽量给学生多练，多展示的机会。故本堂课是以“学生为主”，主动学，主动练为原则，达到让学生真正手动、脑动这一目的。同时根据学生现有的能力和兴趣，设计出有一定趣味、略有难度的教学

4、演示任务，吸引他们主动去思考和探索。在本堂课之前学生已经熟悉层的概念，掌握层的运用，同时也掌握了Flash逐帧动画、移动渐变动画、形状渐变动画的一般制作过程，对FLASH动画制作产生了一定的兴趣。五、教学准备：自制的遮罩演示教具、多媒体网络机房、图片素材、教学课件（网页形式）、极域多媒体网络教学系统六、教学方法及策略：采用案例、情境、启发式教学；采取由浅入深、循序渐进的教学策略；针对不同起点的学生，给出不同的要求，分层教学。七、教学过程：教师活动学生活动对应目标情境导入，引发学生学习兴趣：演示个已做好的FLASH静态遮罩效果图和个已做好的FLASH动态遮罩效果图，配有音乐、图片、动画，形象、生

5、动、直观的展示给学生，使学生感受到6张效果图的共同处，由此产生出一种“罩”的感觉。再利用自制的教具，用挖空的白纸及图片与学生进行现场模拟遮罩效果，边讲解边模拟，引出了遮罩的概念，初步了解遮罩与被遮罩关系用物理方法实现遮罩比较容易理解，也好实现，那么在计算机中FLASH又是如何实现的？那就让我们共同来探究FLASH遮罩层的运用。探究一、静态遮罩动画制作（两个图层）基础篇教师演示范例1“静态文字探照灯”的制作过程，并介绍“遮罩层”与“被遮层”的概念，引入“遮罩”的原理，留意层的顺序遮罩层是图层的一种，其主要功能是遮住下面图层的某一部分不让显示出来。演示过程：先用一个图片层和文字层做一个静态遮罩效果

6、（图片层为风景画，文字为红色），让学生观察遮罩层与被遮罩层的不同，得出结论，然后再把被遮罩层与遮罩层交换位置（即被遮罩层变成遮罩层，遮罩层变成被遮罩层），同时说明遮罩层与被遮罩层的设置及取消方法。结论：遮罩层显示的是遮罩层与被遮罩层相重叠的部分，不重叠的部分不会显示出来。显示出来的颜色是被遮罩层的颜色，与遮罩层的颜色无关，遮罩效果生成后遮罩效果区以外的内容为场景背景色或与被遮罩层相邻的下一层普通层的内容。探究二、动态遮罩动画制作（两个图层）基础篇教师演示范例2“动态文字探照灯”的制作过程，同时结合教具模拟过程。演示过程：结合刚才的演示范例1，在原有的基础上将动画时间延长，利用移动渐变动画，将图

7、层中的文字从左往右移动。思考：1、采用遮罩层静止、被遮罩层运动的方法制作遮罩效果； 2、采用遮罩层运动、被遮罩层静止的方法制作遮罩效果； 3、采用遮罩层运动、被遮罩层也运动的方法制作遮罩效果； 并分析它们的技术效果差异。选出两组学生作品进行展示，由组长简要说明其创意和创作方法，并给予肯定和鼓励，给学生以成就感，同时对作品中某些不足的地方给予可行性的建议并激励学生不断学习的求知欲望。可不可以做出更炫人的其它动态效果呢？探究三：较为复杂的遮罩效果（多图层）提升篇演示个已做好的FLASH遮罩效果图（放大镜、滚动字幕、水中倒影），同学们想不想学，进一步激发学生的兴趣。教师演示范例3“水中倒影”的制作过

8、程。要求学生掌握操作步骤同时，多思考，多问几个为什么？做一些笔记。演示过程：一、新建场景默认场景大小550400像素，背景色自定。二、 导入人物风景图片将图片导入到库，然后从库中拖出，利用任意变形工具调整图片大小为550200，靠上对齐，并将该图层命名为人物风景三、 复制人物风景图层第一帧内容添加图层，将该图层命名为倒影人物风景1，在第一帧处粘贴刚复制的内容，并将其垂直翻转，成倒影状，靠下对齐。四、 复制倒影人物风景第一帧内容添加图层，将该图层命名为倒影人物风景2，在第一帧处粘贴刚复制的内容，并向下移动一点，并转换为图形元件，透明度设80。五、 添加图层4，命名为遮罩层用无边框矩形工具绘制横的

9、长条，并复制若干，排列在场景中。选中所有横条，转换为图形原件。六、 在图层四即遮罩层的第40帧插入关键帧并将横调向下移动到下半场景，回到第一帧创建运动渐变。在图层四点击鼠标右键选择遮罩。七、 添加图层5，命名为矩形：用无边框矩形工具绘制浅蓝色矩形，调整大小覆盖场景下边部分，并转换为图形元件，设透明度为20八、 测试影片，保存，再演示过程中，教师要说明每一步的意图，让学生从感性上先理解每一步的用途。提升篇的内容不但加强了遮罩图层的应用，还结合前期所掌握的动画制作方法，综合性完成一个作品，难度和跨度稍微大了一些，但更能突出遮罩炫人的一面，吸引住学生。选出两组学生作品进行展示，教师加以点评，并给予肯

10、定和鼓励，给学生以成就感，同时对作品中某些不足的地方给予可行性的建议并激励学生不断学习的求知欲望。 总结：本节课的内容是讲解如何利用Flash中的遮罩来制作动画。通过这节课的学习，同学要掌握以下的几个概念：1、要产生遮罩，至少要有两层：遮罩层和被遮罩层。2、遮罩层决定看到的形状，被遮罩层决定看到的内容。即用遮罩层的可显示区域来显示被遮罩层的内容。3、遮罩效果生成后遮罩效果区以外的内容为场景背景色或与被遮罩层相邻的下一层普通层的内容。课后作业：继续完善本节课制作的动画，尽可能使动画形象、逼真。如果在动画中增加一些音乐，效果是不是更好一些？观察、讨论找出共同点观察教师手中的模具演示设想其制作过程根

11、据教师的讲解步骤制作完成一个探照灯的例子。学生分组（2人一组）完成有点难度的动画、并思考。（5-10分钟）针对不同起点的学生，结合学习网站，给出不同的提示： 起点1:不难呀,我自己做,无需帮助起点2:我需要一些图片就可以了图片素材下载(鼠标右击目标另存为)起点3:帮我起个头吧文字遮罩第一步源代码下载起点4:我真的不会,能否给我所有步骤文字遮罩源代码下载学生将自己认为有特色的作品上传。学生（2人一组）完成一个较为复杂的动画。（15-20分钟）针对不同起点的学生，结合学习网站，给出不同的提示： 起点1:不难呀,我自己做,无需帮助起点2:我需要一些图片就可以了图片素材下载(鼠标右击目标另存为)起点3

12、:帮我起个头吧倒影遮罩第一步源代码下载起点4:我真的不会,能否给我所有步骤倒影遮罩源代码下载 起点5：我需要动画的详细步骤动画的详细步骤下载学生在制作过程中教师要加以引导，帮助学生理清思路，理清遮罩与被遮罩的关系，同时帮助学生复习已掌握的动画制作方法。学生将自己认为有特色的作品上传。学生有了亲身经历，这样对抽象的遮罩概念就有了具体的认识，方便于难点的突破知识点由浅到深，由静态到动态，教师边讲解边操作，让学生观察效果，掌握遮罩制作方法，再加上学生的亲身体验，难点容易突破。学生动手练习时给出的提示信息，有助于不同起点的学生自主学习。炫人的动态效果符合学生的认知需求，也符合学生的发散性思维，通过“水中倒影”的学习加深学生对遮罩的了解，同时又复习已知的知识，前后内容进行了整合，这样可以引导并鼓励学生进行研究性学习。给出提示信息，关注个体差异，有利于学生自主学习总结再于加深印象，关键在于理解与灵活运用。形式一完整作品，培养成就感。八、教后记：这节课通过演示不同的Flash实例，激发学生的学习热情，学生通过亲自动手制作这些Flash实例，发现并掌握遮罩图