活动四 创建路径动画和遮罩动画 教学设计 (3)

活动四 创建路径动画和遮罩动画 教学设计
一、教学内容分析《遮罩动画》是Flash动画中最后一个内容，也是较难的一个内容。这节课中，我们通过制作文字探照灯效果动画，这是一个通过创建这早图层来实现遮罩效果的遮罩动画案例，这个相对简单的案例作为我们学习遮罩动画的基本案例，另一个文字霓虹灯效果的动画，作为拓展任务使用。二、教学对象分析学生在前面的学习中已经学会了创建逐帧动画和补间动画，具备了制作简单动画的基本技能，创建遮罩动画是结合了前面的动画，再加上遮罩层构成的。遮罩的效果很吸引学生，我们用学生易于接受的内容来创设情境，激发学生的兴趣，由浅入深，循序渐进开拓学生的创作性思维。三、教学目标知识与技能目标：了解遮罩动画的概念，学会把普通图层转变为遮罩图层。方法与过程目标：能够举一反三地运用遮罩效果，提高实际运用的能力。情感、态度、价值观目标：在制作遮罩动画中体会艺术的美，会用Flash的技术来表达心中的美。四、教学重点和难点1、教学重点：遮罩层的作用和遮罩动画的创建方法。2、教学难点：运用遮罩层，制作遮罩动画。五、教学方法1、观察法：展示包含遮罩动画技术的优秀动画作品，让学生观察，建立直接经验，并结合阅读材料思考实现的方法。2、讲授法：讲解遮罩动画实现的一般过程，强调图层的顺序。3、任务驱动法：将探究活动主题分解成小任务，进行知识讲解，做必要的铺垫，以创新活动的活动主题作为新任务，学生根据新任务的具体要求，利用探究活动学习中已经习得的知识经验开展小组协作的迁移学习。在完成创新活动任务的同时实现知识技能的灵活应用， 从而达成相应的教学目标。4、交流讨论法：组织学生交流讨论，鼓励学生敢于表达自己的看法，发扬小组互帮互助的友爱精神。在制作文字霓虹灯效果动画的主题活动中国，由于它与探照灯效果有共同之处，教师要注意引导学生找出其中不同之处。分析、对比两种不同的文字效果，从而深入掌握遮罩动画的原理。5、演示讲解法：知识技能操作采用边演示边讲解的方法，形象直观。六、教学准备1、教学环境多媒体网络教室，互联网环境，极域电子教室，Flash软件。2、教学资源资源包（遮罩动画作品、课件、学生作品范例等。）七、教学过程教学环节教师活动学生活动设计意图设置情境导入遮罩动画1、展示动画作品，如望远镜、暗中观物、探照灯、文字霓虹灯等，组织学生观察动画。2、提问：动画中我们看到了什么？一起分析动画特点，思考一下如果自己动手的话都需要准备哪些素材，从哪里 开始着手。倾听学生代表的回答，注意适当进行点评讲解。3、课件显示课题：创建遮罩动画。观看教师 展示的动画作品，在观察中体验遮罩动画的效果。倾听教师的点评和提示。明确主题。通过教师 演示讲解，学生模仿练习，讲练结合，更有利于新知识的掌握。建立概念举例验证1、提问：什么是遮罩动画？遮罩动画的原理是什么？2、引导学生阅读教材第44~45页的内容，从中归纳总结出遮罩动画的概念和 特点。3、课件显示：遮罩动画时通过遮罩 图层的方法来实现的。遮罩层时由普通图层转化来的，遮罩层的图形对象在播放时看不到，被遮罩层中的对象只能透过遮罩层中的对象被看到。明确提问。带着问题 阅读教材。理解遮罩 动画的概念和 特点。培养 学生的阅 读能力，让 学生学会 自主学习。演示讲解1、边操作边讲解探照灯效果遮罩动 画。新建“文字”元件和“光束”元件。将图层1重命名为“文字”，将“文字” 倾听教师讲解探照灯效果遮罩动画的制作过程。元件拖到舞台上，在第40帧处插入帧。在“文字”图层上新建“光束”图层，将“光束”元件拖到舞台，调整大小与位置，并将其置于文字的左端。在“光束”图层40帧处插入关键帧，把“光束”元件移到文字的右端，在第1帧和第40帧创建动作补间动画。右击“光束”图层，勾选“遮罩层”选项。测试并保存动画。2、给学生5分钟时间，根据教师演示的操作步骤，动手制作探照灯效果动画。学生操作步骤：（1）新建一个Flash文档，采用默认的文档属性。（2）新建“文字”元件。单击菜单栏中的“插入”→“新建元件”命令，新建一个图形元件，取名“文字”；单击“确定”按钮，进入元件编辑状态；单击工具箱中的“文本工具”，在属性面板设置字体为“黑体”，大小为“40”，颜色为“黑色”；在舞台上输入文字“FlashMX遮罩动画演示效果”。（3）新建“光束”元件。参考步骤2的操作方法，单击工具箱中的“椭圆工具”，设置笔触颜色为“无”，填充色为“蓝色”，按住Shift键，在舞台上绘制一个圆。（4）返回“场景1”将“图层1”重命名为“文字”；打开库面板，把“文字”元件拖到舞台上，运用对齐面板中的工具将文字居于舞台中间；在第40帧插入帧。（5）在“文字”图层上面新建一个图层，命名为“光束”。将“光束”元件拖到舞台，调整它的大小和位置，使其直径比文字的高度略大，并位于文字的左侧，运用对齐面板中的工具将文字“相对于舞台”“垂直居中”。（6）在“光束”图层的第40帧插入关键帧，把“光束”实例移到文字的右侧，在第1帧和第40帧之间创建动作补间动画。（7）图层面板上，右键单击“光束”图层，在弹出的快捷菜单中，勾选“遮罩层”选项。（8）单击菜单栏中的“控制”→“测动手操作。试影片”命令，观看测试效果。将文件保存为“座号+探照灯.swf”并上交。3、提出问题：在刚才的动画中，如果改变两个图层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？4、展示文字霓虹灯效果动画，让学生分析这个动画是如何制作的。教师给予点评和引导。5、让学生阅读并自学实现教材第46~48页的内容“制作文字霓虹灯效果动画”。学生操作步骤建议：（1）新建一个Flash文档，采用默认的文档属性。（2）新建“文字”元件。单击菜单栏中的“插入”→“新建元件”命令，新建一个图形元件，取名“文字”；单击“确定”按钮，进入元件编辑状态；单击工具箱中的“文本工具”，在属性面板设置字体为“黑体”，大小为“96”，颜色为“黑色”；在舞台上输入文字“中国梦”。（3）新建“彩色板”元件。参考步骤2的操作方法，单击工具箱中的“矩形工具”，设置笔触颜色为“无”，填充色为“彩虹色”，在舞台上绘制一个矩形，然后复制该矩形若干次，把这些矩形连接在一起。（4）返回“场景1”将“图层1”重命名为“文字”；打开库面板，把“文字”元件拖到舞台上，并调整好位置；在第60帧插入帧。（5）在“文字”图层下面新建一个图层，命名为“彩色板”。在“彩色板”图层的第1帧，将“彩色板”元件拖到舞台，调整它的大小和位置，让“彩色板”实例的右边缘与文字的左边缘对齐。（6）在“彩色板”图层的第30帧和第60帧插入关键帧。在第30帧处，调整“彩色板”实例的位置，让其与“文字”实例的中心点重合。在第60帧处，调整“彩色板”实例的位置，让其右左边缘与文字的右边缘对齐。在第1帧和第30帧之间、第30帧和第60帧之间创建动作补间动画。思考，分析如何制作文字霓虹灯动画。阅读教材第46~48页的内容，了解文字霓虹灯动画的制作方法。在新任务情境下进行迁移学习，巩固知识技能，使之逐渐达到熟练的程度，提高认知灵活性。（7）在图层面板上，右键单击“文字”图层，在弹出的快捷菜单中，勾选“遮罩层”选项。（8）单击菜单栏中的“控制”→“测试影片”命令，观看测试效果。将文件保存为“座号+霓虹灯.swf”并上交。任务探究1、布置任务：修改文字霓虹灯效果 动画，使得光束在文字上左右来回扫描。2、巡视全班，观察学生的操作过程 和学习情况，总结出学生操作中存在的常见问题，及时点评。观察发现学生有价值的解决问题的操作方式等。明确任务，动手操作。倾听点评，及时改正错误的操作。在上级实践过程中，引导学生体验 遮罩动画的操作过程以及概念特点。展示作品交流评价1、学生相互交流欣赏作品，请学生代表展示作品，引导学生对自己或别人的作品进行客观评价，重在鼓励学生相互学习和提出改进建议。2、对学生的展示交流过程进行适当点评，强调重点内容，补充不足之处。欣赏作品，尝试评价通过 展示作品，提高学生 自信心。归纳总结1、师生共同总结活动的主要内容：（1）了解遮罩动画的概念和特点。（2）学会创建遮罩动画。2、拓展学习（1）根据交流评价意见，修改完善动画作品。（2）提供作品演示录像。 回顾这节课的学习内容和学习重点，与老师一起总结。根据意见修改完善自己的作品。通过小结梳理知识，给学有余力的学生指明拓展学习的方向。21世纪教育网版权所有