《FLASH遮罩动画》教学设计

教学课题 教材分析 “立”的毛笔书写过程——遮罩动画 本节内容体验动画制作是粤教版第三章第三节当中的素材加工的一个内容，前面已经初步对FLASH动画中的逐帧动画、补间动画和引导层动画的制作进行了学习。本节课在此基础上展开遮罩动画的学习。主要包含三个重要内容：（1）遮罩的概念；（2）遮罩动画；（3）实践制作遮罩动画。 前几节课的学习，学生们初步认识了补间动作，并尝试制作了形状补间和动作补间动画，并对引导层动画进行了初步的认识，初步体验到图层的价值，但是对图层的操作还不是很熟悉，因此本节课在遮罩动画学习过程中穿插图层的学习。遮罩动画与引导层动画有类似的地方，动画效果也比补间丰富了许多，相信学生们会更喜欢。 1、理解遮罩的含义，区分遮罩层和被遮罩层； 2、在实例分析、实物展示的基础上理解遮罩动画的制作原理，自主实践掌握制作遮罩动画的步骤和方法； 3、通过“立”字的毛笔动画情景创设，激发学生学习动画制作的兴趣，实践创作动画，体验动画制作的成就感。 遮罩的含义、遮罩动画的形成原理、遮罩动画的制作 理解遮罩层和被遮罩层的关系 围绕问题解决过程展开教学：问题情境创设——问题剖析——自主探究解决问题——经验总结——问题拓展延伸 实例分析法、微课学习法、任务驱动法、演示讲解法 硬件：微机、音箱 软件：教学课件、学生任务素材、机房展示平台 1 教 学 过 程 动画作品欣赏“立”的毛笔书写过程的SWF文件 师：播放课前准备的几种动画作品，其中包括写的毛笔书写过程。 引导学生思考该动画如何实现，利用我们前面学习的制作技巧能实现吗？ 由此引出本节课的学习内容——“立”的毛笔书写过程中揭开遮罩动画的神秘面纱。 【媒体技术应用】 机房展示平台呈现动画作品“立”的毛笔书写过程的SWF文件 呈现“立”的毛笔书写的动画。 【设计意图】 通过动画作品欣赏，以设计动画后传的方式引出本节课的学习主题：“立”的毛笔书写过程的——遮罩动画。 学情分析 教学目的 教学重点 教学难点 教学策略 教学方法 教学准备 课时安排 教学环节 问题情境 创设 问题剖析 自主探究 问题解决 【教师活动】 师：要实现“立”的这个毛笔字的完成，实现这个素材的建立，这个动画作品舞台如何搭建？大家来分析一下？ （作品分析、源文件分析） 问题1：该动画包含几个图层？ 问题2：如何创建动态毛笔字效果？ 问题3：如何让“立”字一笔一划的完成？ 【学生活动】 观察动画作品，思考动画作品的角色构成(1个背景、3个角色) 舞台背景：自选图片或者纯色 角色：“立”字、毛笔、毛笔的动画轨迹 得出本节课的三个任务：（1）新建背景；（2）制作动态毛笔效果；（3）制作遮罩动画。 【媒体技术应用】 机房展示平台呈现“立”字的书写场景动画，呈现问题剖析过程 【设计意图】 针对本节课的主要任务是如何使毛笔有条件的行动轨迹且呈现“立”字的书写过程进行追踪展开问题剖析，只有先明确具体的问题所在，才能逐个攻破。 【探究学习任务一】 任务要求：完成“立”字的背景添加。有问题可参考微课视频或操作步骤图文提示。 【探究学习任务二】 任务要求：完成场景2中毛笔图层动画制作，让毛笔动起来。有问题可参考微课视频或操作步骤图文提示。 【探究学习任务三】 任务要求：尝试将字的书写层转为遮罩层，实现遮罩动画。有问题可参考微课视频或操作步骤图文提示。 教师实物展示演绎遮罩的概念，介绍遮罩层和被遮罩层。介绍遮罩的两个作用。 遮罩的作用 用途1：用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见。（实例：实物展示） 用途2：用来遮罩住某一元件的一部分，从而实现一些特殊的效果。（实例：“立”的毛笔书写的SWF文件） 【媒体技术应用】 极域分发学生任务操作FLASH文档，机房展示平台分别呈现三个任务要求、微课和操作步骤图文提示，呈现遮罩的概念和作用。

【设计意图】 任务一的设计解决问题一，在解决过程中回顾图层的相关基本操作；任务二的设计解决问题二，在解决过程中回顾补间动画的制作过程；关于任务三先通过实物演示引导学生理解遮罩的概念，再展开创作。 【教师活动】 展示学生们的动画作品（完成版和问题版），引领学生总结制作遮罩动画的主要步骤和注意事项。讲解遮罩动画的形成原理，对比遮罩动画和引导层动画。 【学生活动】 分享大家完成的动画作品，总结遮罩动画的制作步骤，针对问题作品关注制作过程中的注意事项，零头教师讲解，理解遮罩动画的形成原理，区分遮罩动画和引导层动画 【媒体技术应用】 极域呈现学生们的作品，机房展示平台呈现遮罩动画相关知识点。 创建遮罩层的具体操作步骤 （1）选择或创建一个图层作为被遮罩层，在该图层中应包含将出现在遮罩中的对象。 （2）选择该图层，然后执行“插入”→“图层”命令，创建遮罩层，在该层创建填充形状、文字、图形等元素。 （3）在“时间轴”面板中用鼠标右键单击创建的遮罩层，然后选择“遮罩层”，该层将转换为“遮罩层”。 注意： （1）要在场景中显示遮罩效果，需锁定遮罩层和被遮罩层。 （2）被遮罩层可以是多个图层，但需全部拖动到遮罩层的下方。 遮罩动画的形成原理 遮罩动画在Flash中主要是通过图层来实现的，可以把它理解为一个特殊的层。为了得到特殊的显示效果，可以在这个特殊的层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 作品展示 经验总结 问题拓展 延伸 【设计意图】 在体验创作的基础上总结遮罩动画的制作步骤，理解它的形成原理，区分遮罩动画和引导层动画。 【教师活动】 师：我们已经能够利用动画书写一个字的毛笔过程，请同学们可以利用这个知识点认真的完成各自的作品。 设置拓展任务：利用本节课学习的遮罩动画或前面学习的补间动画、引导层动画创作场景更好的动画。 【学生活动】 自由发挥，创作场景更好的动画，服务于各种素材的加工。

【设计意图】 关于拓展任务的设计一方面引导学生创作一个完整的动画故事，另一方面引导学生回顾动画的几种制作方法。 学生回忆本节课学习过程，提炼本节课的关键词，浓缩为3个关键词。教师利用认知地图来进行课堂小结。 课程小结 【设计意图】 小结环节，通过提炼关键词引导学生学会自我总结。通过思维导图将本节课内容关联起来，形成本节课的知识地图。

教学流程图

教学反思：见教学反思