第12课 遮罩动画(第1课时)

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

第一课时

【教学目标】

1、知识与技能1）理解遮罩的概念；

2）掌握遮罩动画的制作要领；

3）理解“遮罩层”和“被遮罩层”的关系。

2、过程与方法

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

3、情感、态度、价值观

1）激发学生的学习兴趣；

2）提高学生自主探究意识。

【教学重点】掌握遮罩动画的制作原理。

【教学难点】理解“遮罩层“和”被遮罩层“的关系。

【教学过程】

引课：Flash动画可以再现生活中有趣的情境如枫叶飘落、雪花飞舞、飞机起飞等。（回顾引导动画知识）

设问：如何利用Flash再现望远镜效果。

1、观看电影片断

2、思考如何再现望远镜效果

师：（看完片段）要解决这个问题就要用到我们今天的法宝——遮罩动画（动画来源于生活，也可以再现生活。利用电影中的情境引入，激发学生好奇心和学习兴趣

）

师：这就是我们模拟的望远镜效果（展示）是用遮罩动画来实现的

将影片中的望远镜效果和望远镜效果动画进行横向对比。（引出遮罩概念，有助理解。）

设问：什么是遮罩呢？

师：遮罩，顾名思义就是遮挡住下面的对象。要实现遮罩至少需要两个图层，一是遮罩层，另外一个是被遮罩层。（出示幻灯并讲解）

遮罩层就像是一张带有镂空图形的纸，我们透过镂空的图形可以看到它下面的被遮罩层中的内容。遮罩层提供了形状；另一层是被遮罩层——提供了被挡住的内容——（文字、图片等）。（两者的位置：遮罩层在上，被遮罩层在下）师：下面给大家布置一个小任务，模拟望远镜效果，为了能够更好地完成，老师给大家一些提示。

演示望远镜图层和背景图层的制作：

1、绘制望远镜元件（两个有填充色的圆形相交）；新建风景元件，导入风景图。

2、将默认图层改名为“风景”，拉入风景图元件；新建望远镜图层，拉入望远镜元件，望远镜设置移动动画。

3、将望远镜层属性设置为“遮蔽”即可实现“透过”望远镜浏览风景的效果。

提炼遮罩动画制作步骤

1)准备元件

2)制作各图层动画（哪一层动就给哪一层做动画）

3)设置遮罩层。

任务一（基础练习，遮罩层运动，被遮罩层不动）

初步体验

（6分钟）下发图片素材，组织学生制作望远镜效果动画并上传，教师查看并及时纠正练习中的问题。

师：对比两个遮罩动画，找不同

完成任务二（遮罩层不动，被遮罩层动）

理解操作要领

巩固练习

加深理解进阶挑战

（拓展所学）任务三

生活中还有哪些情境可以用遮罩动画模拟再现？（古诗字幕、电影文字效果动画……）

（5分钟）给出古诗字幕、电影文字效果动画，请学生观察并分析动画构成：遮罩层与被遮罩层，各层中元件的运动情况。根据老师给出的分析格式，分析两个动画中的遮罩层与被遮罩层，各层中元件的运动情况。通过分析和思考，加深对遮罩动画的理解，为下一步自主创作作准备。

自主探究：

请学生选择其中一个熟悉的情境尝试用Flash遮罩动画再现，并利用教学软件提交给老师。（设计意图：1、从简单的样例模仿逐步尝试自主创作，促进知识的迁移。2、充分考虑学生差异性，为不能完全独立进行创作的同学提供不同难度的参考样例及演示录像，满足不同学生学习需求。）

作品交流、评价总结

（5分钟）1、展示点评部分学生作品（原创性、技术性、艺术性）；

2、总结遮罩动画概念及制作要领，结课。

结束语：这节课我们学会了遮罩动画这个技术，希望同学们运用我们所学的技术来实现自己的想法，来表达自己的感情，这才是我们学习技术的最终目的。

教学反思