遮罩动画教案

1、教 学 流 程 设 计结 束 始布置作业课堂小结课堂综合练习三种遮罩的比较分析（各自的特点）多层动态遮罩单层动态遮罩教授新课复习导入组织教学开始回顾：字符格式的设置回顾：段落格式的设置课后练习静态遮罩2016年全省技工教育和职业培训参评教案学科Flash动画制作第七章 制作特殊效果动画 第一节 遮罩动画审批签字授课时数2授课方法自主学习、协作学习教具多媒体网络教室授课时间2016年4月16日授课班级计算机1541教学目的学会遮罩图层的建立和遮罩效果的实现方法，能够独立制作遮罩动画教学重点和 难 点教学重点：遮罩的含义以及遮罩效果的制作方法。教学难点：理解遮罩层与被遮罩层之间的关系。复习提问补间

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

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

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

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

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

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

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

9、行在计算机上进行操作练习（练习题目自传地球效果）讲解练习：制作本例的重点是为同一遮罩层选中多个被遮罩层。课后思考：如何制作波纹理效果？l 单层动态遮罩和多层动态遮罩的比较和分析：一、集体讨论：讨论：大家通过自己的操作体验，说说动态遮罩和多层动态遮罩有什么异同点？学生自由进行讨论后请23位同学作为代表发言。二、教师引导及总结：两者在操作上的主要不同是单层动态遮罩的被遮罩层只有一层，多层动态遮罩的被遮罩层可以是多层。导入：以上所演示的实例主要是通过遮罩层来实现，如果把我们以前所学习的动画制作知识结合遮罩层来制作动画，又会有什么效果呢。l 综合实例水中倒影：分析动画：观察生活中的水中倒影可以看出，水

10、波波动时，水里物体的影像会向外扩散，产生比真实物体放大的效果1制作倒影层在图层“背景”和“小熊”的第80帧插入帧新建图层，重命名为“水中倒影”，在第50帧插入关键帧复制“背景”层上的倒影图案，粘贴在“水中倒影”图层的第50帧位置，使用“任意变形工具”将图像适当放大制作水波遮罩新建图层，重命名为“水波”在第50帧处插入关键帧，使用“刷子工具”绘制圆环图案在“水波”层的第80帧处插入关键帧，使用“任意变形工具”将水波图案放大在“水波”层的第50帧至80帧之间创建形状补间动画右击图层“水波”，选择“遮罩层”命令，测试影片操作讲解：1制作遮罩动画之前，先要明确遮罩层和被遮罩层的对象2注意遮罩层与被遮罩

11、层的图层顺序3一种遮罩效果的实现可以有多种方法l 课堂作业：展开画卷（由学生自己思考完成，教师可提供操作步骤作为参考）参考步骤：（1）新建flash文档，在“画”图层第1帧制作自己喜欢的画面（制作完成后最好转换为元件），并延续至50帧左右（2）在“矩形”图层第帧上制作一纵向能覆盖画卷的矩形（如图2中暗红色矩形（3）在“矩形”图层的第40帧上插入关键帧（此时该帧内容现第1帧的相同），并用“任意变形工具”将该小矩形变形为如图3所示，并在第1帧和第40帧之间做形状补间，延续至50帧：(4)在“右轴”图层第1帧上制作自己喜爱的画卷卷轴，制作完成后转换为元件，延续至50帧，(5)在“左轴”图层第1帧上从

12、库中拖入卷轴元件(6)在“左轴”图层第40帧上插入关键帧（此时该帧内容也为卷轴），将该卷轴移动到如图6所示左边位置，并在第1帧和第40帧之间做动作补间，延续至50帧(7)设置“矩形”图层为遮罩层，“画”图层为被遮罩图层，如图7所示，测试影片。课堂综合练习：相邻4人分成一组，讨论生活中哪些现象可以通过遮罩层来实现，并把这些现象通过Flash动画来展现。选出两组学生作品进行展示、讲评，并给予肯定和鼓励， 并由组长简单说明一个其创意和创作方法。课堂拓展训练（选做）：利用遮罩动画制作地球自转的效果。（所需资料根据需要，可自行从网上搜集）【课堂小结】通过两节课的学习，学生掌握了遮罩动画的基本操作，并且在

13、课堂中保持很浓的兴趣，能够认真的聆听教师讲课和观看教师的演示，对本节知识掌握较好，能够熟练应用这些知识。【作业布置】完成课后练习赏花，预习本章下一节引导动画。 从学生感兴趣的动画入手，激发学生学习新课的兴趣，把学生引入到学习状态。通过提问帮助学生复习前面学习的知识，并引导出新课内容。 教师引导，下达任务根据学生的认知规律，知识由浅入深的重新建构，从静态到动态，教师边讲解边操作，让学生观察效果，掌握制作方法。学生通过观察，把遮罩的简单制作与图层的互换效果全部领会，为以后的重点操作打下良好的基础。教师提问，引导学生得出结论。教师总结，加深学生对遮罩层的理解与掌握。让学生积极观察教师的操作，体会到不同遮罩效果，分析这两种遮罩的不同点。强调操作要点加深学生的理解与掌握。学生相互交流分析动画构成，教师点评。通过对比与分析，使学生对这两种遮罩的特点掌握的更加精确。在单层遮罩的基础上学习多层遮罩，循序渐进，利于学习。学生积极观察教师的操作，体会到不同遮罩效果，分析这两种遮罩的不同点。强调两层的文字必须是一样的。提醒学生创建的补间动画一定是在放大镜层。提醒学生遮罩层是放大镜层。通过总结和回顾加深学生对遮罩动画效果的理解。教师讲解后学生马上自己动手操作，对所学内容的识记效果最好，同时