1.7《奇特的遮罩动画》（五篇材料）

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

1.7《奇特的遮罩动画》

【教学目标】

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

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

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

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

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

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

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

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

一、导入

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

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

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

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

二、讲授新课

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

1、外部图片的导入

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

2、编辑图片

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

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

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

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

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

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

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

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

五、课堂小结

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

六、布置作业

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

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

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

山西大同一中 薛明霞

【课型】 新授课 【课时】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 实例，发现并掌握遮罩图层的具体操作方法，提升的目的是为了激发学生的兴趣，引导学生进一步探究、自主学习。

第三篇：遮罩动画教案

《Flash遮罩动画》教学设计

教材分析

遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩效果来实现的。然而这个内容也是本门课的重点和难点。因此，我通过多媒体技术，利用图片与动画相结合的方法让学生掌握Flash遮罩应用的各种技巧，从简单到复杂，逐层递进，步骤精要，图片清晰，还附有操作演示及各种效果图，大力增强了学生学习的主动性和积极性，激发学生的兴趣。从知识性、教育性、创新性等方面使学生展开学习，进而学会学习，学会做人，学会创新，达到培养综合素质人才的要求。

教学目的

1、认知目标：理解遮罩的概念，掌握遮罩层的应用。

2、能力目标：培养学生举一反三，分析解决问题的能力。

3、情感目标：提高学生的鉴赏分析能力，激发学生设计与学习的欲望，培养他们对本课程的热爱

学生分析

四年级学生，对计算机操作不够熟练。以制作简单动画的能力来锻炼举一反三的能力，通过本节课对这些内容进行锻炼，以接近生活的实例培养学生的学习兴趣。

教学过程设计

边演示教学软件边进行教学，在计算机教室进行教学

（打开软件，欣赏软件片头）

1．师：同学们，今天我们的活动就围绕着“遮罩动画”这个话题展开。课前，大家都搜集了大量有关遮罩动画的资料，下面我们来交流一下，你都搜集到了哪些资料？

2．引导学生回答。（说说对遮罩动画的印象，资料是怎么得来的？）（播放软件，单击）3.开门见山，明确这次课的学习目的，重难点。

讲授新课

A、认识遮罩：

1．师：同学们观察所给出的Flash小动画，仔细观察、体会并且小组同学一起讨论这些动画与大家以前学过的普通运动动画有什么区别？能否总结出这些动画有什么共性？ 2．生：各自说出自己的观点。

3．师：看完了这些动画，此时此刻你们有什么感受？

4．生：这些动画很漂亮，要是我也能做出这么好的作品该多好！(此时，学生的学习兴趣被充分调动起来了)B、操作步骤：

第一步：打开Flash软件，新建两个图层，分别命名为“遮罩层”和“被遮罩层” 注意：“遮罩层”位于“被遮罩层”上方 第二步：在“被遮罩层”中输入文字。点击第一帧，输入文字“和硕县第一中学”，在第40帧插入关键帧。

第三步：在“遮罩层”中绘制图形。在第一帧绘制一个矩形，在文字左边，与文字不相交。在第30帧处，将矩形并行移动到文字上直至完全与文字重叠。然后在第1帧与第30帧之间创建运动补间动画。

第四步：右键单击“遮罩层”，在菜单中选择“遮罩层”。遮罩动画制作完成。

练习巩固

回答一些简单的概念题，从而巩固基础知识，更进一步理解遮罩动画的特点。

实例进阶

将所做过的遮罩动画按给出的4个要求进行修改实现不同的效果，培养学生举一反三的能力。

课后作业

让学生观看给出的动画，回想以前学过的知识，实现综合嵌套效果的遮罩。

第四篇：遮罩动画说课稿

《遮罩动画》说课稿

尊敬的各位领导、各位老师：

大家好！本次我的信息化教学设计内容是：《遮罩动画》。

大数据时代，合理利用信息技术，整合教学资源，让课堂更加高效，是每一位教师追求的目标。在实践中，我通过运用信息化手段开展教学，起到了很好的效果。下面我将从以下四个方面和大家分享。

一、教学分析

（一）教学内容

根据我校实际情况，我们选用了十二五规划教材《Flash CS3 动画制作案例教程》开展教学。本课选自教材项目

五、任务2——遮罩动画，它是Flash动画设计的重要应用之一。

（二）教学对象

本次授课对象是中职动漫专业一年级学生。通过前期的学习，他们已掌握了Flash动画中的形状补间和动作补间动画，有一定的绘画基础。学生勤动手，擅比拼，学习兴趣浓厚，但软件的操作还不是很熟练，在日常生活中使用手机学习的习惯还在逐步养成中。

（三）教学目标：

根据以上分析，制定了如下：

1、知识目标：了解遮罩动画的原理 ；理解遮罩层与被遮罩层之间的关系；掌握遮罩动画的制作流程。

2、技能目标：学会制作遮罩动画，灵活运用遮罩技巧；

3、情感目标：培养学生的创新意识和团结协作精神，提高学生的审美 情趣。

依据课程标准，确定教学重点——遮罩动画的原理和制作方法。

结合学生灵活运用图层较难的特点，确定教学难点——遮罩动画的综合应用。

二、教学策略

依据学情及教学目标，以任务驱动法、案例分析法开展“课前导预习、课上导学习、课后导拓展”的教学活动。通过分析探究、合作交流等学习手段来完成学习任务，让学生在做中学，学中做。在教学活动中我使用了 微课视频、蓝墨云班课、极域电子教室软件等现代化的教学手段，组织开展2课时的理实一体化教学。

三、教学过程

课前，老师通过“蓝墨云班课”平台推送学习任务，要求学生通过查阅资料了解遮罩动画的含义和实现原理，并完成相关理论练习题，为课堂学习做好准备。通过微课视频领会制作遮罩动画。老师根据学生任务完成情况对课中教学设计做针对性调整，并按照分层次教学原则，将学生按4人一组进行分组，为课中学习做好准备。

下面，让我们一起走进快乐、高效的课堂吧！

（一）创设情境，任务驱动

为了使学生能更好的理解遮罩原理，我设计用情境演示的方式。每组推荐一名代表演示遮罩效果，组织学生讨论并总结出遮罩效果的实现方法。随后教师提出任务：三十周年校庆之际，我系动漫专业承担了学校校庆系列活动制作宣传片任务，请学生将所学的遮罩动画运用到本次制作中。

（二）自主学习，教师引导

学生通过FTP资源管理平台下载教学课件、教学视频、范例及相关素材。学生收到资料后观看教学视频，学习探照灯动画的具体制作过程，此动画可用于校庆宣传片片头动画的制作。学生可以结合视频上的操作步骤完成任务，整个过程学生还可根据自己的学习习惯和步调进行调整。

这一阶段的任务，学生难免会遇到各种问题。这时可借助“蓝墨云班课”平台进行师生交流和生生交流。师生交流过程中教师及时答疑，并对学生提出的问题进行统计，对于共性问题集中进行解疑，个别问题单独辅导。生生交流则更加自由和活跃，学生之间可对学习状态、学习感想、作品效果进行交流，并通过互相帮助的形式解决一些问题，有利于提高自主学习、合作学习能力。通过这一环节让学生掌握了本课的重点知识。

（三）逐层深入，综合应用

为了让课堂更有趣，也让同学们找回童年的回忆，我提出让同学们玩“小灰灰万花筒”游戏。游戏之后，老师引导学生利用所学遮罩动画知识制作万花筒动画。通过小组讨论，同学们动手创作动画，教师结合巡查结果转播一位同学的操作过程，并对此过程中出现的问题给予点评。

1、遮罩动画元件的制作

2、复制对象时中心点的位置

3、遮罩动画元件直接复制或（水平翻转）

学生通过这一阶段的学习和讨论，对实训任务又有了更深入的认识，完成作品，突破教学难点———遮罩动画的综合应用。

（四）展示成果，评价交流

学生将自己的作品上传到云班课。在这个环节里，学生展示自己的作品，并和同学们进行交流。教师根据学生作品完成情况进行点评，鼓励作品亮点，指出作品的不足和完善的方法。系统根据老师点评情况给予学生经验值奖励。

（五）教学小结，课后拓展

师生共同梳理本课的主要内容，进行知识总结，学生填写实训报告手册。

老师通过云班课平台发送任务，通过网络课程对遮罩动画应用进行创新设计。

（www.xiexiebang.com flash在线）。

四、教学反思

在信息化环境下，教学效果有了巨大的变化。对于教师来说，利用“蓝墨云班课”，将课前、课中和课后三个阶段紧密结合，原来4课时才能完成的内容，现在只需要2课时，提高了教学效率，并能及时得到学生学习的信息，让我的教学更具有针对性；利用微课视频，让教学主题更突出，目标更明确；利用极域电子教室和云班课，帮助我准确、及时、客观地对学生作品和职业素养进行考核评价；“小灰灰游戏”、“万花筒动画”，让学习不再枯燥，学习效率更高。

信息技术，让教与学更加有趣，更加轻松，更加快乐！让我们多一点努力，实现更好的智慧教学！

各位评委、老师们，以上就是我对本次教学设计的汇报，谢谢大家！

第五篇：引导动画、遮罩动画教案

课题：引导动画、遮罩动画综合练习（1）

一、教学目标

学习目标：了解和掌握遮罩的运用

技能目标：学会遮罩的运用以及变形的使用与操作，进而创作出更加生动的特效动画

情感目标：提高学生的FLASH操作能力和兴趣

二、教材重点、难点

教学重点：遮罩、变形。

教学难点：遮罩、变形。

三、教学环境：多媒体教室

四、教学手段：任务驱动法

五、教学过程：

1、复习引导动画、遮罩动画

2、授新课：

（1）总任务分析

展示福娃百叶窗

分析百叶窗原理 如图

（2）布置任务：制作百叶窗

分析：百般叶窗结构由（遮罩层—矩形元件，被遮罩层—背景图形）难点：元件百叶窗效果制作（3）作品展示，学生评价 参考步骤：

1、打开FLASH软件，新建一个空白的FLASH文档，场景大小默认。点插入→点新建元件，新建命名为长方形的图形元件，点确定。

利用工具栏中矩形工具，笔触颜色设置为无色，填充色设置为红色，在场景中拖动鼠标，画一个宽为56，高为400的矩形，（画出来的肯定不符合上述的尺寸，你可在属性栏中输入上述的大小），然后调出对齐面板，做水平居中对齐。

2、回到场景1，（点场景1），点插入→点新建元件，新建一个命名为百叶窗片的影片剪辑，点确定。在百叶窗片的影片剪辑的场景中，点图层1的第1桢，拖入刚才的那个百叶窗的图形元件，保持选中状态，作水平居中对齐。然后，在图层1的第三十桢处插入一关键桢。回到第一桢，在属性栏里把改为高1，高宽不变，然后作补间动作。复制第1图层的所有帧，新建图层，粘贴帧，并进行移动矩形。同理进行第3、4、5、6、7、8层。就完成了“百叶窗片”元件的制作。

3、回到场景1，图层1的第1帧中导入我们要的图片，然后新建图层2，将“百叶窗片”元件拖 到第1帧中

4、将图层2、1分别设制成遮罩层与被遮罩层

总结：每个复杂的FLASH都可以化简为几个元件组成，元件再进行编辑复杂的动作。

根据刚才的做法，学生完成一个百叶窗的制作任务。上传素材。

六、课堂小结：

我们将复杂的FLASH可以分成一个个元件来完成。上面的百叶窗效果也可以在元件中镶嵌元件的原理来完成。元件box绘图,元件boxd由元件box组成，动作帧为，元件box3由元件boxd元件组成，动作帧为