遮罩动画教案Word文件下载.docx

1、教学重点和 难 点教学重点：遮罩的含义以及遮罩效果的制作方法。教学难点：理解遮罩层与被遮罩层之间的关系。复习提问补间动画有几种类型？教学内容、方法和过程7.1 遮罩动画【组织教学】清点学生人数，检查多媒体教室设备是否正常，安定课堂纪律，填写教室日志。【复习提问】提问： 学生回答：教师总结：补间动画有动画补间和形状补间两种。附 记集中学生注意力，进入课堂教学氛围。师生互动，引导学生回顾所学知识。【教学引入】教师引导学生同学们喜欢看看动画吗？非常喜欢。想不想自己动手制作呢？想！播放遮罩动画实例（探照灯、画卷、水中倒影），引导学生分析其中的组成元素，引出遮罩动画所要求学习的知识点。遮罩动画简介遮罩层

2、好比黑夜中的一支手电筒，照在哪儿（指被遮罩层）哪儿就显现。遮罩层决定形状，被遮罩层决定显示的内容！【新课讲授】导入：打开探照灯源文件，让学生主要观察遮罩层和被遮罩层回答问题。师：通过观察源文件你发现什么没有？生：光图层的探照灯经过的地方文字亮图层的内容显示，其余部分不显示！回答的很好！这就是我们这节课要讲的动画效果-遮罩动画。 原理解释：遮罩动画是利用遮罩图层创建的，使用遮罩图层后，被遮罩层上的内容就像通过一个窗口显示出来一样，这个窗口便是遮罩层上的对象。播放动画时，遮罩层上的对象不会被显示，被遮罩层上位于遮罩层对象之外的内容也不会被显示。 1.静态遮罩 实例制作镜中猫： 操作讲解：探照灯文字

3、效果有几个图层？两个，一层放的是图片，一层放的是图形（圆）哪一个图层中的内容在变化？圆“圆”图层中是什么动画类型？动作补间动画结论：遮罩层就像是一张带有镂空图形的纸，我们透过镂空的图形可以看到它下面的被遮罩层中的内容。（两者的位置：遮罩层在上，被遮罩层在下）遮罩效果的实现，需要两层：一层是遮罩层（在上层）提供了形状；另一层是被遮罩层（在下层）提供了被挡住的内容（文字、图片等）。刚才我们演示的遮罩层是静止不动的，那如果要遮罩层动起来又会产生怎样的效果呢？2.动态遮罩 实例制作探照灯效果：（1）运行Flash，设置文档属性，背景黑色（2）把图层1命名为“文字亮”图层，在第1帧键入静态文本“欢迎学习

4、遮罩动画”，文本颜色白色，并拷贝（3）新建图层“文字暗”，单击右键【粘贴到当前位置】命令，把欢迎学习遮罩动画粘贴到原来位置。并改变文本颜色为深灰（4）新建一个图形元件，命名为“光”。在编辑区里面画一个放射状填充的圆形（5）返回到场景1，新建图层“遮罩”层。把“光”图形元件拖动到第1帧，调整其在场景中的位置（6）在“遮罩”图层的第70帧插入关键帧，并调整场景中“光”图形元件的位置。（7）创建移动渐变动画。并把“遮罩”图层移动到“文字亮”图层的下面，在“文字亮”图层创建遮罩（8）测试影片操作要点：要创建动态效果，可以让遮罩层动起来。对于用作遮罩的填充形状，可以使用补间形状；对于文字对象、图形实例或

5、影片剪辑，可以使用补间动画。当使用影片剪辑实例作为遮罩时，可以让遮罩沿着运动路径运动。学生实操：教师操作演示后由学生自行在计算机上进行操作练习（练习题目彩虹字效果。）讲解练习：制作本例的重点是设置补间动画。课后思考：如何为流水瀑布效果？ 静态遮罩和动态遮罩的比较和分析：一、集体讨论：讨论：大家通过自己的操作体验，说说静态遮罩设置和动态遮罩设置有什么异同点？学生自由进行讨论后请23位同学作为代表发言。二、教师引导及总结：两者在操作上的主要不同是静态遮罩是动态遮罩的基础，动态遮罩在静态的基础上加了动画效果。学习完以上内容我们对遮罩层动画的制作基本上掌握了，可我们制作的遮罩都是比较简单的单层遮罩，那

6、如果我想要发制作一些较复杂的多层遮罩又该如何来完成呢？3.多层动态遮罩 实例制作放大镜效果1.打开Flash新建文档，大小为1100px200px，背景为淡黄色；2.将图层1命名为小字，并在舞台上打上“聪明在于勤奋，天才在于积累。”，具体属性设置如下图所示：3.新建一层，命名为大字，也打上和图层一一样的字，具体属性设置如下图所示：4.新建一层，命名为放大镜，可以在网上找一个素材，或者自己画一个也行；5.在图层3第40帧插入关键帧，在图层1、2插入帧；6.将放大镜层第一帧放在舞台左边，第四十帧放在舞台右边，并创建补间动画；7.新建一层，命名为放大镜2，将放大镜层复制，然后将放大镜2放到大字和小字

7、层中间；8.选择放大镜层右击遮罩层，到此放大镜效果就完成了！按ctrl+enter看看效果吧！1.如果需要添加为被遮罩的图层位于遮罩图层上方，则选取该图层，然后将它拖到遮罩层下方即可 2.如果需要添加为被遮罩的图层位于遮罩层下方，可打开“图层属性”对话框，在类型列表中选择“被遮罩”单选钮即可。3.在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。一个遮罩层只能包含一个遮罩项目，也不能用一个遮罩层试图遮蔽另一个遮罩层。教师操作演示后由学生自行在计算机上进行

8、操作练习（练习题目自传地球效果）制作本例的重点是为同一遮罩层选中多个被遮罩层。如何制作波纹理效果？ 单层动态遮罩和多层动态遮罩的比较和分析：大家通过自己的操作体验，说说动态遮罩和多层动态遮罩有什么异同点？两者在操作上的主要不同是单层动态遮罩的被遮罩层只有一层，多层动态遮罩的被遮罩层可以是多层。以上所演示的实例主要是通过遮罩层来实现，如果把我们以前所学习的动画制作知识结合遮罩层来制作动画，又会有什么效果呢。 综合实例水中倒影：分析动画：观察生活中的水中倒影可以看出，水波波动时，水里物体的影像会向外扩散，产生比真实物体放大的效果1制作倒影层在图层“背景”和“小熊”的第80帧插入帧新建图层，重命名为

9、“水中倒影”，在第50帧插入关键帧复制“背景”层上的倒影图案，粘贴在“水中倒影”图层的第50帧位置，使用“任意变形工具”将图像适当放大制作水波遮罩新建图层，重命名为“水波”在第50帧处插入关键帧，使用“刷子工具”绘制圆环图案在“水波”层的第80帧处插入关键帧，使用“任意变形工具”将水波图案放大在“水波”层的第50帧至80帧之间创建形状补间动画右击图层“水波”，选择“遮罩层”命令，测试影片1制作遮罩动画之前，先要明确遮罩层和被遮罩层的对象2注意遮罩层与被遮罩层的图层顺序3一种遮罩效果的实现可以有多种方法 课堂作业：展开画卷（由学生自己思考完成，教师可提供操作步骤作为参考）参考步骤：（1）新建fl

10、ash文档，在“画”图层第1帧制作自己喜欢的画面（制作完成后最好转换为元件），并延续至50帧左右（2）在“矩形”图层第帧上制作一纵向能覆盖画卷的矩形（如图2中暗红色矩形（3）在“矩形”图层的第40帧上插入关键帧（此时该帧内容现第1帧的相同），并用“任意变形工具”将该小矩形变形为如图3所示，并在第1帧和第40帧之间做形状补间，延续至50帧：（4）在“右轴”图层第1帧上制作自己喜爱的画卷卷轴，制作完成后转换为元件，延续至50帧，（5）在“左轴”图层第1帧上从库中拖入卷轴元件（6）在“左轴”图层第40帧上插入关键帧（此时该帧内容也为卷轴），将该卷轴移动到如图6所示左边位置，并在第1帧和第40帧之间做

11、动作补间，延续至50帧（7）设置“矩形”图层为遮罩层，“画”图层为被遮罩图层，如图7所示，测试影片。课堂综合练习：相邻4人分成一组，讨论生活中哪些现象可以通过遮罩层来实现，并把这些现象通过Flash动画来展现。选出两组学生作品进行展示、讲评，并给予肯定和鼓励， 并由组长简单说明一个其创意和创作方法。课堂拓展训练（选做）：利用遮罩动画制作地球自转的效果。（所需资料根据需要，可自行从网上搜集）【课堂小结】通过两节课的学习，学生掌握了遮罩动画的基本操作，并且在课堂中保持很浓的兴趣，能够认真的聆听教师讲课和观看教师的演示，对本节知识掌握较好，能够熟练应用这些知识。【作业布置】完成课后练习赏花，预习本章

12、下一节引导动画。从学生感兴趣的动画入手，激发学生学习新课的兴趣，把学生引入到学习状态。通过提问帮助学生复习前面学习的知识，并引导出新课内容。教师引导，下达任务根据学生的认知规律，知识由浅入深的重新建构，从静态到动态，教师边讲解边操作，让学生观察效果，掌握制作方法。学生通过观察，把遮罩的简单制作与图层的互换效果全部领会，为以后的重点操作打下良好的基础。教师提问，引导学生得出结论。教师总结，加深学生对遮罩层的理解与掌握。让学生积极观察教师的操作，体会到不同遮罩效果，分析这两种遮罩的不同点。强调操作要点加深学生的理解与掌握。学生相互交流分析动画构成，教师点评。通过对比与分析，使学生对这两种遮罩的特点

13、掌握的更加精确。在单层遮罩的基础上学习多层遮罩，循序渐进，利于学习。学生积极观察教师的操作，体会到不同遮罩效果，分析这两种遮罩的不同点。强调两层的文字必须是一样的。提醒学生创建的补间动画一定是在放大镜层。提醒学生遮罩层是放大镜层。通过总结和回顾加深学生对遮罩动画效果的理解。教师讲解后学生马上自己动手操作，对所学内容的识记效果最好，同时通过自主完成操作任务，感受到学习的成就感通过学生观察遮罩产生的不同效果，来引申遮罩意义上的广泛性，使遮罩的内容进一步得到升华，提醒学生遮罩还有更广泛的应用，引导学生进行思考，激发他们动手的欲望。拓展延伸，深化学习。在学生动手制作过程中，教师应适时引导，从多个方面启发学生，发散思维。教师要注意观察学生操作的情况，及时化解学生操作中的错误，在练习过程中对学生容易忽略的细节进行提醒和补充讨论中应尽量让学生自己总结得出结论，加深学习印象。