逐帧动画与渐变动画教学目标

Flash 遮

罩

动

画

■教材分析

本节课以新教材苏科版的《初中信息技术》（下册）第八单元教学内容为依据拓展开来讲授的。本节课的教学内容是Flash遮罩动画。作为拓展课，着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画，进一步提升学生动画制作技能水平。

■学情分析

由于新教材上没有专门安排遮罩动画的这一章节，但是学生前面已学习过的基本动画又不能满足学生的认知拓展需要，学生在掌握简单的逐帧动画、动作补间之后，渴望掌握更深的操作技能，本课学生通过学习Flash遮罩动画的制作原理及基本应用，培养学生深入学习Flash的兴趣以及动手探究实践的学习能力。

■教学目标

1.知识与技能

（1）理解遮罩动画的基本原理；

（2）掌握遮罩层与被遮罩层之间的关系；

（3）利用遮罩知识，学会探照灯、滚动字幕、彩虹文字、电影胶片效果的制作；

2.过程与方法

（1）分析遮罩实例，掌握遮罩制作的三步骤，加深对遮罩原理的理解；

（2）制作遮罩实例，提高学生灵活运用遮罩效果的能力；

3.情感态度与价值观

（1）培养学生深入学习Flash的兴趣，体验作品创作成功的喜悦和成就感；

（2）发现江阴和校园之美，通过知识点的迁移，培养学生创新精神和能力；

■课时安排

1课时

■教学重点与难点

教学重点

遮罩的原理和遮罩效果的制作三步骤方法。

教学难点

理解遮罩与被遮罩层的关系，创意效果的实现。

■教学方法

讲授法、演示法、任务驱动法、自主探究法

■课前准备

多媒体机房，网页学案

■教学过程

一．情境导入，创设思维

师：首先请同学们一起来欣赏两段视频，注意观察视频中的共同点。

生：望远镜。

师：那么我们能不能用Flash动画来制作这样的效果呢？

生：……

师：这就是我们今天学习的“Flash遮罩动画”，可以实现视频中的望远镜效果？（提出主题，先让学生直接感受和体验遮罩的效果）

1

设计意图：采用视频导入的教学情境可以增强学生的注意力，调动学习积极性，形成直观的思维体验，达到良好的教学开端。

二．实践探究，展现风采

1．【分组活动1：小试牛刀】（网页学案）

教师演示和学生活动

A组：长江大桥

B组：南菁老校门

C组：华西村

D组：南菁新校区

强调：制作思路3步骤：

（1）先做哪个层？再做哪层（遮罩层/被遮罩层）？

（2）再分析谁是遮罩层，谁是被遮罩层？

（3）最后分析谁在移动？做哪种移动？

演示动画的制作过程（方法指导）：

（1）先做被遮罩层，再做遮罩层；

（2）背景是被遮罩，圆形是遮罩；

（3）圆在做动作补间动画。

指导学生将图形所在的层设置为“遮罩层”，完成后透过图形看到遮罩效果，从而达到望远镜效果。

设计意图：通过分组制作，采用不同的素材实现“望远镜”效果，可以培养学生人文情怀和乐观心态，激发学生兴趣，保持积极向上的课堂氛围。通过小组合作可以增强协作能力和培养团队精神，主动参与并体验成功的乐趣。

2．

【分组活动2：融会贯通】（网页学案）

【实例分析】

以“望远镜效果”为例

通过网页学案展示源文件时间轴面板，帮助学生共同分析动画的构成。

提问：

1、有几个图层？

两个，一层放的是背景图片，一层放的是图形（圆）

2、“圆”图层中是什么动画类型？（动作补间动画）

思考：如果要把图片通过望远镜放大，应如何做？（图片放大）

【原理讲解】

遮罩的含义有点抽象，可用事先准备好的教具——两张图片演示：首先，在一张白纸（遮罩层）上挖出一个“圆”，把它放在另一张图片（被遮罩层）之上，随着白纸的移动，大家可以观察到的一个“望远镜”在缓缓移动。望远镜所到之处可见，而望远镜之外的景象被遮罩。这个望远镜（圆）是透光区，所在层为遮罩层。

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

2

遮罩动画的原理：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果）。如图：

遮罩层

被遮罩层

引出遮罩层与被遮罩层：遮罩层在上，被遮罩层在下（两者的位置）

设计意图：实践活动的分析可以顺利地阐述遮罩原理，实践与理论相结合，主要目的是让学生更容易理解，为下面的实践做好铺垫，提供感性认识和理性思考。

思考：将刚才的实例中的单筒望远镜换成双筒望远镜，效果如何呢？

请好的学生回答并演示。（改变圆的元件）

3．【分组活动3：大展身手】（网页学案）

师：刚才我们一起做了望远镜效果，遮罩层是圆，假如改成其它图形，比如矩形、文字等图形，是不是也能做成遮罩动画呢？

要求学生在自主学习的情况下尝试制作动画效果。（能力强的可以多做实例）

A组：长江大桥（探照灯效果）

遮罩层——圆的移动

B组：校园美景（滚动字幕效果）

被遮罩层——文字移动

C组：天下第一村（彩虹效果）

遮罩层——字

被遮罩层——色彩移动

D组：南菁夜景（电影胶片效果）

遮罩层——矩形

被遮罩层——图片移动

教师提示：

1. 制作思路3步骤；

2. 有可能是3个层；

3.

学生可从网页学案中获取相关帮助。

教师巡视辅导，及时集中纠正学生易错问题

总结：

1.遮罩层——提供了形状；（圆、矩形、文字等）

2.被遮层——提供了被挡住的内容（文字、图片等）

设计意图：学生对Flash遮罩动画已初步熟悉，让他们自己去体验运用，有利于自主学习能力的提高。教师加强巡视，可根据操作情况，适时提醒与辅导，对于常见出现的问题，加强引导，培养学生实践能力，提升学生信息素养。

三．总结反馈，点评作品

1．展示学生完成的作品

评价标准：作品完成效果，素材使用效果，技术应用效果。

设计意图：通过作品展示可以让全体学生体验成功的乐趣，进一步提高学习的积极性，主动探索Flash动画的魅力。特别给有能力的同学提供个性发展的积极作用。

2．总结遮罩动画知识要点、欣赏其他优秀的遮罩动画作品

设计意图：让学生亲历Flash遮罩动画制作整个过程，增强小组协作能力和培养团队精神，自主能力的提升和个性思维的发展。交流和感受实践活动带来的成就感，进一步冲击思想使之震撼，提高学习积极性的探索思维。

3．学生自我评价，反馈不足

设计意图：通过评价可以让学生了解到Flash动画的无限魅力，进一步提高学习的兴趣，也客观认识到自己水平还有很大的拓展空间，激发学习的潜能。

3