奇特的遮罩动画教学设计

第一篇：奇特的遮罩动画教学设计

《奇特的遮罩动画》教学设计

山西大同一中 薛明霞

【课型】 新授课 【课时】1 课时 【适用年级】八年级上 【设计意图】 Flash 动画制作技术性比较强，难于理解，而遮罩动画又是 Flash 学习的一个难点，作为一节新授课，我尝试解决两个问题，在突破难点的基础上让学生自主探究。

【教学内容分析】

《遮罩动画》是山西省中小学信息技术教育第二册第一单元第7 课内容。所用工具软件为 FlashMX。在此之前，学生已经学习了形状补间动画、移动补间动画和引导动画，尝试用 Flash 再现了小兔平移运动、小兔蹦跳运动、万花筒形变动画等有趣的情境。【教学对象分析】

本课面向的是八年级的学生，他们对于 Flash 动画的学习有着浓厚的兴趣，具有较强的竞争意识和探索精神，但分析问题能力有待提高。【教学目标】

1、知识与技能 1）理解遮罩的概念； 2）掌握遮罩动画的制作要领；

3）能够恰当运用遮罩层再现生活中一些有趣的情境。

2、过程与方法

让学生在欣赏-模仿-分析-探究的过程中学会学习。

3、情感、态度、价值观 1）激发学生的学习兴趣； 2）提高学生自主探究意识。

【教学重点、难点】

1、教学重点： 1）遮罩概念的理解；

2）恰当运用遮罩层再现生活中一些有趣的情境。

2、教学难点：

遮罩概念的理解。【教法分析】

以引导动画知识为基础，借助影片百叶窗动画的情境设置，引入本课，练习设置以基础练习-巩固练习-进阶挑战层层递进的方式进行。

分层教学法：组织学生根据自身的实际情况完成适合自己的实践探究活动。【学法分析】

探究性学习：给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现，让他们通过主动探索、发现和体验，实现学以致用。【教具准备】

网络教室、辅助学习网站、课件。【教学过程】

（一）新课导入 【师】展示Flash 动画——百叶窗效果遮罩动画。【生】让学生观察动画，看看自己发现了什么。【注】用动画引入，调动学生的积极性，激发学生学习的兴趣

（二）提纲导学

【师】幻灯片展示学习目标：

1、理解遮罩动画的原理。

2、理解遮罩层与被遮罩层的关系。

3、掌握遮罩效果的制作方法。【生】观看幻灯片，了解本节课要达到的学习目标。

（三）新知学习

【师】展示遮罩层动画实例1——窗口看枫叶，并进行分析，归纳出遮罩动画的原理； 【生】结合实例进行思考，理解原理； 【师】打开实例1 的源文件，分析图层，讲解遮罩层与被遮罩层的内容及关系； 【生】观看图层，思考并理解。

【师】展示遮罩层动画应用实例2——一个百叶窗，让学生分析遮罩层与被遮罩层的内容，落实知识点。在看每个遮照动画时首先分析动画的是哪个层（遮照层还是被遮照层？）

技术分析：移动的窗口看到了部分树叶，树叶是背景，通过窗口透出来，因此要做动画的矩形是做窗口的，即为所说的遮照层，树叶就是被遮照层。

主要步骤：①做好一个影片剪辑元件，内容为矩形的变形；

②导入图片文fs1.jpj到图层一；

③在场景中建好两个层，分别为遮照层和被遮照层（右键层，选择遮照层，下面一层会自动变为被遮照层）；

④把各个元件放到相应的位置：影片剪辑元件（矩形变形）放在遮照层，枫叶图片放在被遮照层。【师】演示并讲解遮罩效果的制作过程。

【生】观看演示； 【注】实现学习目标，遵循思维规律，提高各种能力。

（四）展示遮罩层动画应用实例3——美化百叶窗（全体学生）在实例2中，新建图层3，并拖放到图层1下边，导入图片“fs2.jpj”到舞台，调整图片大小和位置。

根据教师演示的步骤，制作百叶窗遮罩动画。并把作品保存起来。选出两名学生进行作品展示、讲评，并给予肯定和鼓励，给学生以成就感，同时指出作品中的不足，激励学生不断学习。(五)作业布置

学生可以根据自己的情况选择一个或两个动画进行制作，教师辅导，了解不同层次的学生掌握情况。学生将自己的作品上传至教师机。

任务

1、一个百叶窗口的动态效果制作 任务

2、多叶百叶窗口动态效果任务 主要步骤：

1、导入 图片“fs1.jpj”到舞台，调整图片大小和位置。

2、制作一个影片剪辑元件，内容为三个矩形的形变

3、新建一图层2，拖入影片剪辑

4、新建图层3，并拖到图层1下边，导入图片“fs2.jpj”到舞台，调整图片大小和位置。

（六）知识小结

1、要产生遮罩，至少要有两层：遮罩层和被遮罩层。制作遮罩动画之前，先要明确遮罩层和被遮罩层的对象，注意遮罩层与遮罩层的图层顺序。

2、遮罩层决定看到的形状，被遮罩层决定看到的内容。

3、遮罩效果生成后遮罩效果区以外的内容为场景背景色或与被遮罩层相邻的下一层普通层的内容。

（七）教学反思

从整节的过程来看，知识点都得到了较好的落实，学生作业完成的还可以。通过演示不同的Flash 实例，激发学生的学习热情，学生通过亲自动手制作这些Flash 实例，发现并掌握遮罩图层的具体操作方法，提升的目的是为了激发学生的兴趣，引导学生进一步探究、自主学习。

第二篇：《遮罩动画》教学设计

《遮罩动画》教学设计

【课型】：新授课 【课时】：1课时 【教学内容分析】：

遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的，同时遮罩动画也是Flash动画教学中的一个难点，特别是在理解遮罩与被遮罩的关系和遮罩动画运动效果上更是难点中的难点，只有解决好这个两个问题学生才能熟练地运用形状补间动画、动作补间动画、引导动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。针对本节课的教学内容我主要是通过任务驱动、合作探究与操作演示，展示成果等方法进行教学。【教学目标】：

1.知识与技能：

让学生理解遮罩动画的含义；掌握遮罩动画制作方法和技巧。

2.过程与方法：

让学生在欣赏-模仿-分析-探究的过程中学会学习，培养学生分析问题、解决问题的能力。

3.情感、态度、价值观：

让学生理解遮罩动画在动画制作方面的重要作用，激发学生对Flash的学习兴趣，养成主动学习积极实践的学习态度。

【教学重、难点】：

1.教学重点：

（1）遮罩动画的含义（2）遮罩动画制作方法和技巧 2.教学难点：

理解遮罩与被遮罩的关系，实现遮罩动画的举一反三 【教学过程】：

一、导入新课：

给学生欣赏一些flash中的神奇动画效果（遮罩动画）；通过播放动画引起学生的好奇心激发学生学习兴趣，从而引出本节新课内容：“遮罩动画”。

二、讲授新课：

1.举例讲解遮罩动画的含义，“利用小纸片进行直观的讲解”（通过教具帮助学生更加直观理解遮罩动画）

遮罩动画的含义：遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。

提问：遮罩动画至少由几个图层构成？通过遮罩我们所看到的“形状”和“内容”是由什么决定的？

师生归纳总结：

（1）至少有两层，上层“遮罩层”，下层“被遮罩层”。（2）遮罩层决定看到的“形状”，被遮罩层决定看到的“内容”。

2.创建遮罩动画：

任务一：静态遮罩效果（遮罩动画的创建方法）(1)利用静态探照灯实例来讲解遮罩动画的创建方法，教师先展示探照灯实例，让学生思考哪个是遮罩层哪个是被遮罩层。

(2)演示制作静态探照灯实例的制作过程。

(3)教师要求学生按照老师所讲解的过程自己练习制作静态探照灯效果；并要求学生熟悉遮罩层与被遮罩层的关系。

(4)学生在教师机上操作演示，指导学生，帮助学生解决可能出现的问题，对出现的问题进行分析讲解，完成后展示学生作品。

任务二：动态遮罩效果（1）演示动态探照灯效果；

（2）提问：思考如何让探照灯动起来，是遮罩层还是被遮罩层中的内容运动？（可以使用形状补间动画、动作补间动画、引导动画等动画手段）

（3）演示制作动态遮罩效果。（4）学生上机操作练习制作动态遮罩效果动画，指导学生完成遮罩动画。（培养学生信息素养和技能获取方面的能力）

(5)学生在教师机上操作演示，指导学生，帮助学生解决可能出现的问题，对出现的问题进行分析讲解，完成后展示学生作品。

三、师生归纳小结：

（一）遮罩与被遮罩的关系：

1.至少有两层，上层“遮罩层”，下层“被遮罩层”； 2.遮罩层决定看到的“形状”，被遮罩层决定看到的“内容”。

（二）运动效果：

1.是遮罩层还是被遮罩层中的内容运动。

2.可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。

四、布置作业：

1.制作“地球自转”遮罩动画。

2.发挥你的想象制作一个有特色的遮罩动画。（培养学生创新能力，引导学生可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导动画等动画手段，制作动作效果丰富的Flash动画）

第三篇：1.7《奇特的遮罩动画》

1.7《奇特的遮罩动画》

【教学目标】

1、理解遮罩图层的含义和作用，遮罩与被遮罩的关系。

2、会导入外部图片文件，设置元件实例的色调属性。

3、能正确复制帧、粘贴帧，创建遮罩图层。

4、掌握遮罩动画的制作要点。【教学重点】

1、理解遮罩图层的含义和作用，遮罩与被遮罩的关系。

2、掌握遮罩动画的制作要点。【教学难点】

理解遮罩图层的含义和作用，遮罩与被遮罩的关系。【教学方法】

任务驱动法讲解演示法问题探究法合作学习法 【教学过程】

一、导入

教师演示遮罩动“模拟地球自转”，（师）大家现在看到的这个动画是利用了一个特殊的图层制作出来的，这个图层就是——遮罩层。

遮罩层是一个特殊的图层，就像在一张不透明的纸上挖一个洞，洞的大小和形状就是遮罩层上图形的大小和形状，所以透过遮罩层看到的内容，其颜色是被遮罩层的颜色，大小和形状。

教师用一张纸和一个图片来模拟演示遮罩层和被遮罩层的关系。

遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状（与颜色无关），如刚才我们看到的模拟地球自转动画中的“圆”。被遮罩层用于放置要显示的图像，如地图。

二、讲授新课

现在我们就以“模拟地球自转”为例来学习一下遮罩动画的制作过程和技巧。

1、外部图片的导入

单击菜单“文件”|“导入”|“导入到舞台”，在“导入”对话框中选择“map.gif”文件。

2、编辑图片

3、创建遮罩层（将普通图层转换为遮罩层的方法有两种）：

（1）菜单命令转换:在要转换为遮罩层的图层上单击鼠标右键，从弹出的快捷菜单中选择【遮罩层】命令，即可将该图层转换为遮罩层，并与其下层图层建立链接关系。

（2）使用【图层属性】对话框: 1）双击要转换为遮罩层的图层图标，打开【图层属性】对话框。2）在【类型】栏中选中单选按钮，单击确定按钮。3）此时图层图标由 变为。

4）双击遮罩图层下层的图层图标，在打开的【图层属性】对话框中选中 单选按钮，即可在遮罩层与其下的图层之间创建链接关系。

教师讲解：遮罩层/被遮罩层说明

遮罩层图标为。将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改为被遮罩层图标，成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。

三、学生参考课本制作“模拟地球自转”动画，教师巡视指导。教师解决学生制作过程存在的问题。

四、展示学生作品，师生互评。

五、课堂小结

制作遮罩动画之前一定要思路清晰，想好哪部分内容应放在遮罩层，哪部分内容应放在被遮罩层，否则得不到预想的效果。需要注意的是，刚才制作的遮罩动画是在被遮罩层上创建动作补间动画，同学也可以在遮罩层中制作出动态效果，来实现遮罩动画的效果。

六、布置作业

制作一个颜色不断变化的运动文字

第四篇：遮罩动画教学反思

《Flash遮罩层动画》教学反思

遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。它是FLASH课程中的综合应用能力部分，它在利用特殊动画形式吸引学生的基础上更加强调对FLASH中图层、元件、补间动画等概念的理念和综合运用。在实际教学活动中，我以任务驱动的方法，注重分层教学，放手学生自主探究，取得了良好的教学效果。

反思这节课，成功之处在于：

1．情境创设良好：我设计了一个“熊猫选美”动画，当灯光照在众佳丽漂亮裙子上的时候，谁长得怎样没人知道，最后当灯光落在脸上的时候，才知道是一只熊猫，这一个动画，马上吸引了学生的眼球，在一片笑声中开始了这一部分内容的教学。

2．突出重难点：遮罩概念的理解既是本节课的重点又是难点，我借助望远镜效果来讲明遮罩原理，并和学生一起探讨“当遮罩层和被遮罩层交换位置的时候”遮罩效果的改变，学生在我的引导下清晰地理解了这一较为抽象的的概念。我为学生重点强调：<1>做完遮罩效果时层要锁定；<2>一个遮罩动画里，遮罩层只有一个。

3．任务分层，学生自主探索：在讲清楚原理后，让学生自主探索，并给学生提供分层任务。任务一要求设置一个遮罩层和一个被遮罩层；任务二要求设置一个遮罩层、两个被遮罩层；任务三则要求设置遮罩层和被罩层都进行补间动画。学生可根据自己的能力水平选择对应的任务，从而让每一位学生都有发挥自己能力的空间。

本节课的不足：学生的探究和动手操作时间不够，影响了部分学生的作品完成，从而在课堂上也不能及时地对作品进行评价，只能留待下一节课进行评价。

第五篇：遮罩动画教学案例

遮 罩 动 画

【内容提要】

本课教学内容选自山东省青岛出版社，初二第二单元第六课《遮罩动画》，介绍了遮罩的概念及特点，如何制作遮罩效果，并且制作遮罩动画的步骤。主要目标是掌握使用遮罩层，制作遮罩动画的步骤与方法。

【学习者分析】

学生已经初步掌握了Flash软件的一些基本操作方法，并且学会了制作三种基本动画，对用Flash制作新型动画有浓厚的探究兴趣与欲望。因为学生已经掌握了三类基本动画的制作，所以遮罩动画效果的制作不会有太困难，但由于遮罩效果的特殊性，对于绕口的解释和复杂的操作，适宜学生了解。

【教学目标】

知识与技能：掌握遮罩层的概念，了解遮罩层的特点与作用，学会使

用遮罩层，理解遮罩层与被遮罩层之间的关系，进一步深化对Flash的认识。

过程与方法：采用任务驱动法、发现法，探索法，掌握遮罩制作的三步骤，加深对遮罩原理的理解，通过制作遮罩实例，提高学生灵活运用遮罩效果的应变能力，培养学生用基础知识解决问题的学习能力。

情感、态度与价值观：培养学生学习动画的兴趣和探究欲望；提高对动画的审美能力并养成热爱大自然的情感。

【教学重点及解决措施】 本节课的重要内容是使用遮罩层

首先掌握遮罩层的概念及特点，其次学会创建遮罩层，再通过完成教师的任务驱动，学会使用遮罩层。

【教学难点及解决措施】 学生总结制作遮罩动画的步骤。

扎实掌握有关遮罩层的信息，类比引导层动画，结合基本动画制作，同学之间交流、总结制作遮罩动画的步骤。

【教具】：微机、凌波软件 【教学设计思路】

通过课件让学生形象认识遮罩动画的优势，回顾学过的基本动画及制作步骤，学习遮罩层，制作遮罩动画，总结制作遮罩动画步骤，创作作品，评价作品。

教学过程

一、紧扣主题、回顾学习

师：我们刚刚学完使用引导层制作运动渐变动画。同学们回顾一下，我们认识了哪几个基本动画电影，生（齐答）：三个，关键帧动画，运动渐变动画，形状渐变动画。

二、情境创设、激发兴趣

师：今天，我给大家带来一部动画片段，请同学们欣赏。师操作播放动画“我是一只小小鸟.swf” 学生欣赏

(通过新鲜事物，调动学生兴趣，激发学习欲望，加强同学们保护环境 的责任感。)

师：你们发现在动画中，哪些是我们现在能操作的？哪些是我们现在无法操作的？

生：关键帧动画，引导层的使用。生：运动渐变动画，形状渐变动画。生：不能操作的是:把瞄准镜对准小鸟。（温故知新）

师：你们观察的很细心，并且牢固掌握了前面的知识，说明同学们非常好学。把瞄准镜对准小鸟的情况，是遮罩效果，同学们想不想研究它？

生:想。

二、自主探究、交流共享

师：无论多么伟大的工程，都是由基础构成的。因此，需要我们做一些基础工作。我们通过完成下列任务，掌握基本信息。

师下发任务驱动 任务：

⑴遮罩层的概念及特点

⑵什么是遮罩动画，最少 有几个图层，⑶创建遮罩层的方法，并观察遮罩效果。打开Flash, 在图层1中，选中文本工具，设置字体隶书，字号60，新建一个图层“图颜色红色。在舞台输入“123456789”。单击“插入图层”层2，” 选用椭圆工具，设置无边框，在文字上画一个椭圆图形，然后在该图层上单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”命令，“图层2”就成为遮罩层（如课本中的图例）。(遮罩效果显现，仅被椭圆盖住的部分显现。)某生读题(加深题目印象)师下去观察指导

生已预习，很快解决任务⑴⑵，生操作练习，小组内指导交流，完成任务（3）。

（体现以学生为主体，学生能完成的，要让他们积极主动的自己完成、完善。）

师：同学们已经基本完成了，谁来回答问题，完成操作？ 生举手

生回答问题（1）（2）； 生操作演示讲解任务（3）。

师：注意，在“遮罩层”和“被遮罩层”同时添加小锁，被锁定。再次编辑时，要解除锁定。

(学生将自主探究的结果进行分享交流，使得学生的思维得到充分的激活，获得解决问题的最佳途径，并使学生在独立探索过程中不断获得成就感。)

师：场景布置好了，聚光灯已经开启了，请同学们根据任务驱动二，我们来创作电影吧！因为多图层，注意结合引导层动画的制作方法。

生查看任务驱动,操作、讨论、要求老师帮助

师：我看同学们通过研究，已经大有收获了。下面，请把自己的收获和小组内的同学交流交流，然后选出代表，积极准备讲解演示你们小组的研究结果。

生积极交流，发表见解，推选代表

师：同学们讨论的这么热烈，哪个小组代表来做汇报演示。生积极举手

师选择最积极的小组代表。

师：其他同学注意观看倾听，有不同意见，等他演示完，请指出来，并补充完善。

生：在图层上单击小锁，解除锁定。在图层1的时间轴上，在第20帧，单击右键，选择“插入关键帧”； 在图层2的时间轴上，在第20帧，单击右键，选择“插入关键帧”，再用选定工具，将椭圆横向拖动到文本“1234567899”右侧；在第1帧点击，在属性面板设置“补间”为“运动渐变”。执行“控制—测试影片”,观察效果。

师：你讲得非常精彩，其他同学还有要补充的吗？ 生：没有。

三、合作学习，释疑解难

师：我们听取了这个小组的汇报，同学们的收获还真不小。对于这些

图形的画法，你们还有那些不明白的地方，可以提出来，我们大家一起来共同探讨一下。

生：没有问题。

师：通过操作，我们发现在遮罩层设置动画前，需要在被遮罩层添加完善关键帧。请同学们注意一下。

师：我们这是在遮罩层制作动画，还可以在被遮罩层设置动画，或者在遮罩层和被遮罩层都设置动画，其中动画可以是关键帧动画，也可以是运动渐变动画或形状渐变动画。

生讨论

师：根据我们的研究和上面的信息，类比引导层动画，研究总结遮罩动画的制作步骤。

生：遮罩动画的制作步骤：

在被遮罩层创建动画或完善普通帧；然后插入新图层，设置为遮罩层；最后在遮罩层创建动画或完善普通帧。

（将学生在自主探究中未发现或未解决的问题，再次交给学生，通过

学生再次分析讨论，找出方法，使问题得以解决，进一步理解相关知识。）

四、实践创作,展示评价

生：在被遮罩层创建动画或完善普通帧；然后插入新图层，设置为遮罩层；最后在遮罩层创建动画或完善普通帧。

师：看来同学们已经掌握遮罩动画的制作，现在，我们运用今天所学的知识来创作一部电影，办一个影展，内容是关于保护生态环境的，怎么样？

生积极性很高，跃跃欲试。

师：我已经把相关的素材下传到大家的电脑上。从现在开始，给大家10分钟时间，展示你的才华，展现你的创意，开始行动！

学生制作动画。师下去观察指导。

师：大多数同学的作品已经完成，我们一起来欣赏欣赏。师使用凌波软件展示学生作品

师：（第一幅作品）能介绍一下你的作品吗？

生：我的动画是飞翔的小鸟，使用了关键帧动画和运动渐变动画，我把镜头聚焦在小鸟身上，表现出小鸟的开爱，激发我我们的同情心和爱心。

师：你的创意很棒，基本知识掌握的很牢固，并且运用灵活。师：（第二幅作品）你对自己的作品，感觉哪里不满意，哪里值得发扬。生：我的动画是荒芜，使用了运动渐变动画。我觉得使用基本动画不够娴熟。但创意是提醒大家爱护森林，保护环境。

师：你的想象力很丰富，相信如果时间多一点，你的作品会更优秀，同时加强学习基本知识。

……

师：大家制作了关于保护环境的电影，作品使用了多种技能，体现个性创意。我相信如果时间再多些，大家的作品会更优秀。

（对学生的作品进行展示、交流、评价，增强自信心和成就感，达到交流思想、取长补短的目的。）

五、梳理总结，拓展延伸

师：这节课我们学习了制作遮罩动画的方法，并且创作了很多优秀的 10

作品，希望同学们能将今天所学的内容运用到现实生活中去，比如宣传公益活动，等等。

师：请同学们欣赏。

师播放“鸟是人类的好朋友.swf” 师控制全屏或停止。

师：同学们想知道老师师怎么做到的吗？这就是我们下一节课要学习的内容，同学们课下预习、研究一下。

（通过梳理、总结，学生进一步拓展延伸，进一步调动学生学习兴趣，激发学生学习欲望。）

教学反思: 在本节课中，本校学生大多电脑基础较薄弱的实际情况，设计任务由浅入深，由点到面，加强学生基础知识学习，基本技能练习。学生学习积极性很高，通过使用任务驱动法学习，学生掌握基本概念和基本技能，并能利用学习过的知识技能，创作简单作品。在总结制作遮罩动画的步骤中，教师介绍引导过于粗糙，学生总结按照课本，不够全面；教师在介绍信息 11

时，涉及内容要多一些。