《《Flash动画设计——使用遮罩层设计动画》》由会员分享，可在线阅读，更多相关《《Flash动画设计——使用遮罩层设计动画》（4页珍藏版）》请在金锄头文库上搜索。
1、Flash动画设计使用遮罩层设计动画教学设计使赵中学 王月英一、教学目标1、知识与技能目标：使学生进一步体会Flash作品制作的一般流程及设计方法；通过运用遮照层设计动画，让学生体会遮照动画是Flash中的一个很重要的动画类型,许多丰富的动画效果都是通过遮照动画来完成；掌握Flash设计动画的基本方法和常用操作技巧，进一步深化对FLASH运用软件的认识，拓展学生的知识和能力。2、过程与方法： 拓展学生思维，使学生在制作过程中不断发现、探究新问题（例如：如何通过设置Alpha值透明度来体现图形的立体效果；如何渐渐显示一个图形等）探索制作过程中如何同时使用引导层与遮照层完成特效作品（探究“毛笔写字
2、动画”的设计，将知识前后连接，总结利用Flash实现生活中许多特效的方法）。3、情感、态度与价值观：培养学生自主解决问题的成就感，为今后自主学习打下良好基础；通过协作学习，培养学生的团体合作精神。二、知识体系和能力培养1、知识理论体系：深刻领会Flash中遮照层的基本原理，进一步体会元件在动画中的作用，掌握和理解引导图层以及遮照层的含义。2、能力实践体系：运用所学知识解决实际问题，将美学与信息技术知识有机的整合。3、情感、思维体系：充分激活学生探究思维和创新思维。三、教学重点、难点1、教学重点：遮罩图层的含义和建立方法、作用；2、教学难点：理解遮照与被遮照的关系。四、教学对象分析学生仅有初步的
3、动画基础：形变、“元件”概念、逐帧动画、补间动画等知识及“帧”和“层”的作用。同时，学生刚学习了引导层设计动画的内容。对能否理解遮照与被遮照的关系，这是教学难点所在。同时激发学生探索使用引导层与遮照层完成作品的特效，要让学生在渴望中积极探究，逐步逼近理想的方法，不急于告诉学生的结果，不管学生完成作品，也要培养学生的发散思维。教师要有适时、恰如其分的点拨。五、教学设计流程：一、创设问题情景，任务驱动1、设置悬念，引出问题。展现利用Flash遮照层制作出的目标作品（“探照灯、百页窗”），让学生思考该动画效果生成的基本原理。2、展现目标，任务驱动。展示“探照灯的动画”，提出任务：要体现探照灯的效果，
4、就必须增加遮照层，这就是我们今天研究的内容。二、激发探究热情，自主实践1、讲授“遮照层”的基本原理：通过该图层中的对象看到“被遮照层”中的对象及其属性（包括它们的变形效果），使用遮照功能，可以制作出许多特殊的效果来，如探照灯、百页窗、放大镜、波浪等。2、教师指导，讲授新课，师生共同完成 以“探照灯”为题，引导学生探究，在探照灯的光线从左端移向右端的过程中，在圆形光圈下，显示出相应的文字。效果如下：讲解制作过程： 新建元件（“文字”、“圆”类型均为：图形）； 图层1（“文字”图层）：i单击工具栏中的“矩形工具”，在画面中绘制一个与画面同样大小的矩形，在“填充”面板中，创建线形渐变色。（为了体现探
5、照灯的灯光效果）ii将图库中的“文字”元件拖动到画面中，并在“效果”面板中，设置Alpha透明度为50%，使文字变为半透明；复制相同效果的文字，使它们在水平方向错开一些位置。再拖动图库中的“文字”元件到画面中，并在“效果”面板中，设置颜色效果为“彩色”，使文字设置为白色，将白色文字拖动到阴影的上面，完成阴影文字的制作。（让学生体会图像“透明度”的设置方法及含义）图层2（“探照灯”图层）：将图库中的“圆”元件拖动到画面中，并将圆放置在主画面外的左窗格中部，作为动画的起始位置。单击“文字”图层的第50帧，按F5键新建帧，将帧扩展到第50帧。单击“探照灯”图层的第50帧，按F6键新建关键帧，将圆拖动
6、到主画面外的右窗格中部，作为动画的结束位置。将画面中的文字、圆都放置在同一水平线上。在“探照灯”图层的第1帧上点鼠标右键“创建动画动作”，建立了圆从画面左端移动到右端的运动动画。（现在播放动画，让学生先体会制作遮照前时的动画效果 需被制作遮照的对象被遮挡了）。在“探照灯”图层上，单点鼠标右键，在弹出的快捷菜单中选择“遮蔽”命令，将“探照灯”图层由普通层变为遮蔽层。（现在再播放动画，学生即可体会到遮照的动画效果通过该图层中的对象“圆”看到了“被遮照层”中的对象“文字”。）生：老师，怎么制作出来的动画效果除了被遮照的地方，其他地方都是背景色，看不出探照灯的夜晚效果。师：那么，请同学思考如何体现？生
7、：添加一个背景图层，在画面中绘制一个与画面同样大小的矩形，将背景色设置为黑色,并将背景图层置于最底层。师：好的，那就请同学自己试做一下。师：各位同学，现在我们的探照灯已经基本完成，为了使它看起来更生动一些，老师请大家再在背景图层中添加一个相同的文字，与“文字”图层中的重合，不过要将其“效果色调”改为“深灰色”（颜色值为：#333333）,这样看起来就更像我们夜晚看到的探照灯效果。三、拓展思维，完善作品1、展示成果，评价交流。学生测试自己的作品，领悟获得成功的喜悦。教师选取典型作品，师生相互评价，交流心得。2、学生归纳总结 要产生遮罩，至少要有两层：遮罩层和被遮罩层;使用遮照层设计动画，遮罩层决
8、定看到的是形状，被遮层决定看到的是内容。即用遮罩层的可显示区域来显示被遮罩层的内容；遮照层中的对象的属性设置可以用来实现被遮照层的许多动画变化；遮照层中的图形对象在播放时是看不到的，遮照层中内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要线条，可以将线条转化为“填充”。3、积极引导，拓展思维。 师：同学们，我们刚才所做的“探照灯”其实是一个图形遮蔽的效果，是“用一个圆来遮蔽文字效果动画，圆运动到的位置处就显示底下白色的文字；否则不显示白色文字，只显示暗色文字”。那么，你们能否根据“遮照”的原理，做出“用文字作为遮蔽层，图形为被遮蔽层；文字层不运动，底下的图形运动”的动画
9、呢？效果如下: 生：实践操作。师：注意要让文字底下一直有图形的话，图形要比文字要长一些，并且起始帧和末尾帧文字底下要有图形。 生：四、积极评价引导，拓展创新总结，设置悬念：完成了探照灯的制作，同学们是否能把今天所学的知识与前面的知识联系起来,运用引导层和遮蔽层技术来制作毛笔写字的动画呢？教师引导、学生探究 展示“毛笔写字”动画（1）制作毛笔书写的动画建立“文字”图层，在该图层中输入汉字“一”，并将其转换为图形元件；插入“毛笔”图层，在该图层中新建一个“毛笔”图形元件，并进行编辑；指导学生给“毛笔”图层添加引导图层，构造引导图形运用铅笔工具（选择“铅笔模式”为“平滑”），描出一条文字的笔画路径，
10、它即为毛笔的动画路径。（2）制作文字渐显的动画教师引导刚学习了遮照层的概念，同学们是否能利用它来完成随着毛笔的移动，文字壁画渐渐显示出来呢？学生探究：让学生充分利用自己的发散思维进行思考。教师引导： 将“文字”层作为被遮蔽层，在它上面制作遮蔽层，遮蔽层的制作过程用逐帧进行，每一帧的图形随着毛笔的移动而扩大，并且图形形状仅仅覆盖毛笔已写的文字笔画部分。学生探究：尝试动手实践。教师演示：（3）学生自主尝试制作，教师进行指导。（此过程教师可适时点拨，由学生课下完成）五、教学反思在课堂上，学生的学习积极性较高，也非常地配合，他们通过这一节课进一步了解了Flash动画设计的功能，整个过程中都较为投入地制
11、作动画。课堂中教师通过引导性教学，使学生自主、探究合作性学习，较好地激发了学生的探索积极性，特别是“毛笔书写”的制作，培养了学生认真思考，大胆发言的良好习惯，为学生提供良好的创新空间，在促进学生自身发展的同时，自主、探究合作性的学习能力以及合作意识和解决问题的能力也就相应得到了提高。在这堂课中，掌握好了重点、难点，也攻破了重点、难点，其他的细小的知识情节也就迎韧而解了。简单的说，把握好了知识情节的脉络也就掌握了本节课的知识了，并收到了良好的教育教学效果。课堂中合理地组织学习小组，在小组中形成“我教人人，人人教我”的良好合作学习风气，真正发挥小组以自主、探究合作学习的优良品德，同时也要根据学生的知识水平基础、学习能力、性别等进行小组人员的合理分配，使每个小组成员之间形成互补。
