1、1 课题课题：遮罩动画的制作 学科学科：信息技术 授课时间：授课时间：1 1 课时课时 教材教材 西交大出版社信息技术八年级上册第八课 年年 级级 八年级(上) 1、 教学内容分析教学内容分析 教材中对遮罩这部分内容的介绍是万花筒， 只是利用遮罩效果制作了一个标题， 没有深入研究遮罩的原理， 也没能体现出遮罩的一些有意思的应用。 其实利用遮罩能实现很多新奇的效果， 这恰好迎合初中生的心理， 他们喜欢一切新鲜的事物。因此我把遮罩动画单拿出来用一节课时间学习探究。在课堂中我多加了一些范 例，有利于学生创新意识的树立。 2、 教学目标分析教学目标分析 知识与技能： （1） 使学生理解 Flash 中
2、遮罩动画的含义及工作原理。 （2） 理解遮罩层与被遮罩层的关系，掌握简单遮罩效果动画的制作方法。 过程与方法： （1）学生通过制作三个动画：望远镜看风景、多彩文字、文字的遮罩动画。引导学生从中学习其使用的技 术、技巧。 （2）通过自主探究完成遮罩动画的创作，培养学生探索创新的能力和综合运用知识的能力。 情感态度、价值观： （1）感受运用 flash 软件创作动画作品的乐趣，使学生在操作的同时获得成功的喜悦。 （2）体验信息技术蕴含的神奇功能，形成和保持对信息技术的求知欲。 3.3.教学重点和难点教学重点和难点 重点：遮罩动画的原理及利用遮罩图层实现遮罩动画效果 难点：理解遮罩层与被遮罩层的关系
3、并灵活运用创作不同的特殊效果 4.4.教学策略教学策略 教具演示分析法、演示讲解法、任务驱动法、自主探究法 5. 5. 教学环境及设备教学环境及设备 多媒体网络机房、 、教学课件、传奇电子广播教学软件 6. 6. 资源准备资源准备 Flash8 软件、图片素材、微课素材 教学过程设计教学过程设计 教 学 环教 学 环 节节 师师 生生 活活 动动 设设 计计 意意 图图 前面我们学习了 flash 补间动画的制作，包括形状补间和动画补间，下面欣 赏作品，思考此作品中用到了前面学习的哪些知识？ 激发学生求知欲 2 作作 品品 欣欣 赏赏 新新 课课 引引 入入 范例导入范例导入 观看已经做好的“
4、望远镜看风景”动画。边看边提出问题，截图如下： 1.这个动画效果中哪些是我们已经学过的呢？ 2.哪种效果是我们没见过的呢？ 请同学们回答 总结学生的答案：从这个例子看出， “望远镜从左到右移动”是用补间 动画的方法来制作；可是从望远镜还能看到它后面的图，这个效果就是学生 不会的了。今天我们就来学习这种被遮住的动画效果。 巩固旧知识，为新课 做铺垫 引出新课，激发学生 的学习兴趣 分分 析析 实实 例例 讲讲 解解 概概 念念 新课讲授新课讲授 1、我用挖空的白纸及图片做道具，对学生进行现场模拟遮罩效果：将 挖空的白纸放在图片前面，从左到右缓慢移动白纸，边讲解边模拟，引出了 遮罩的概念，使学生初
5、步了解遮罩的含义。 遮罩的概念：透过上面图层的区域，看到它下面图层的内容，而这个区 域以外的其它部分则被遮了， 这就是遮罩。 上面设置了遮罩的图层叫遮罩层， 它下面的图层叫被遮罩层。 利用挖空的纸和图片模拟演示其原理 2、遮罩层是图层的一种类型，其主要功能是遮住下面图层的某一部分不让 显示出来。 用自制的教具模拟， 将知识点由具体到抽 象，由浅入深，重点 和难点个个突破 帮助学生理解遮罩的 含义 学生观察教具演示效 果，结合动画中的两 个图层，加深理解遮 罩动画原理 遮罩层 被遮罩层 3 探探 究究 演演 示示 找找 出出 特特 点点 得出结论遮罩动画的特点： 1要被看见的图层摆下层 2遮罩层
6、只需要设定形状，颜色不影响效果 初步体验初步体验 【任务一】 用老师给的素材图片制作望远镜效果（下静上动） 分析： 1、先做哪个层？再做哪层（遮罩层/被遮罩层）？ 2、再分析谁是遮罩层，谁是被遮罩层？ 3、最后分析谁在移动？做哪种移动？ 【方法指导】演示动画的制作过程： 1、 绘制望远镜元件（两个有填充色的圆形相交）；将风景图片导入到库。 2、 将默认图层改名为“风景”，拉入风景图；新建望远镜图层，拉入望远 镜元件，望远镜设置移动动画。 通过看老师演示 学习制作望远镜的方 法，充分理解遮罩层 只管形状不管颜色的 含义 4 教教 师师 演演 示示 学学 3、 在望远镜名称处单击鼠标右键-单击遮罩
7、层，即可实现“透过”望远 镜浏览风景的遮罩效果。 4、 为了获得更好的望远镜效果，可以把场景背景设置为黑色 5、 提炼遮罩动画制作步骤： （1） 准备元件 （2） 制作各图层动画 （3） 设置遮罩层 下发图片素材，组织学生完成任务一制作望远镜效果动画并上传，教师巡 视查看并及时纠正练习中的问题。 通过看老师演示 学习遮罩动画的制作 方法 教会学生改变 背景颜色 通过学生亲自体验， 5 生生 体体 验验 学学 习习 制制 作作 教教 师师 进进 一一 步步 演演 示示 加深理解加深理解 【任务二】制作看电影的效果（上静下动） ，即遮罩层为静止的，被遮罩层 是动画 【方法指导】演示动画的制作过程：
8、 1、 绘制长方形元件，将图片导入到库。 2、 将默认图层改名为“图片”，拉入图片元件；新建长方形图层，拉入长 方形元件，下层图片设置移动补间动画。 3、在上层长方形处单击鼠标右键-单击遮罩层，即可实现看电影的遮罩效 果。 学会遮罩动画的制作 方法 加深学生对遮罩上静 下动的理解 6 下发图片素材， 组织学生完成任务二上静下动的遮罩效果， 教师巡视并指导。 进阶挑战进阶挑战 教师播放作品，文字的遮罩效果和彩虹效果，并且下发样例演示微课，学生 可以自行学习。 讨论：生活中还有哪些情境可以用遮罩动画模拟再现？ （探照灯、放大镜、水波纹、地球自转） 【任务三】请学生选择其中一个熟悉的情境尝试用 Fl
9、ash 遮罩动画再现，设 计文字的遮罩效果或者自主设计遮罩动画，并利用教学软件提交给老师。 作作 品品 展展 示示 及总结及总结 学生完成任务后把优秀作品一一展示， 使学生在学会操作的同时获得成功的 喜悦。总结本课所学知识，掌握遮蔽罩动画的基本原理，完成教学目标。 增强学生学习的兴趣 和自信心 从简单的样例 模仿逐步尝试 自主创作，促进 知识的迁移。充 分考虑学生差 异性，为不能完 全独立进行创 作的学生提供 不同难度的参 考样例及演示 录像，满足不同 学生学习需求 让学生掌握遮罩 动 画 的 两 种 方 式：下静上动， 上静下动 出出 示示 拓拓 展展 任任 务务 7 板书设计：板书设计：
10、遮罩动画的特点： 1要被看见的图层摆下层 2遮罩层只需要设定形状，颜色不影响效果 Flash 遮罩动画两种类型：下静上动、上静下动 遮罩动画制作步骤： （1）准备元件 （2）制作各图层动画 （3）设置遮罩层 在上层处单击鼠标右键-单击遮罩层，即可实现“透过”上层浏览下层的遮罩 效果。 教学反思：教学反思： 遮罩动画一直是教材中一节比较有意思的课，我采用了教师演示加微课自 学的方式，方便学生探究学习。在本节课中，结合本校学生大多电脑基础较薄 弱的实际情况，我设计了三个任务，基础层： 望远镜看风景和多彩文字 的作品；提高层：制作文字的遮罩效果 ；拓展层：根据所学知识，发挥想象 力，自主创作。例如在
11、设计最后的拓展任务时，效果牵涉到多层，多对象动画， 一般学生很难完成，我设计的放大镜效果只需要 3 层，稍加提示，学生很容易 实现。这三个任务给每个学生留出空间，让每个学生都有成功的机会。 在教学重难点的突破上，我采用实物现场演示的方法，即利用挖空的纸和 图片模拟演示其原理，让学生对遮罩层和被遮罩层有一个直观的形象的认识， 这样便于他们识别区分，从而更好的理解遮罩的原理，另外我将遮罩动画的制 作规律总结为 3 步骤，以公式化的方法，强化学生记忆，学生按照这样的步骤， 就能够很轻松的完成简单的遮罩效果，这在后面的教学中取得了较好的效果。 所以整节课无论好班和差班，任务达成率都比较高！ 但是本节课也有不足之处，我在演示的过程中有些细节被我忽略了。如面 8 板的打开与关闭；图片与舞台大小的调整；影片长度的设定；字体的大小等等； 这些看似很小的问题，却难倒了一部分 flash 基础薄弱的学生，影响了课堂的 整体进度。其实往往只要我们在课堂上稍加提醒，这样的问题就可以避免，在 后面的教学中我会注意改进的。
