（中职） Animate动画设计与制作项目教程项目三 遮罩动画制作ppt教学课课件

1、YCF正版可修改PPT（中职） Animate动画设计与制作项目教程项目三 遮罩动画制作ppt教学课课件项目三遮罩动画制作【导语】“在An动画创作中，有一种技法与众不同，它能实现令人惊奇的炫目效果。例如波光粼粼的水倒影、瞬息万变的万花筒、变换整齐的百叶窗，还有探照灯、放大镜、望远镜等。想要创作出优秀的An动画，成为出色的“闪客”，必须精通这种技法。它究竟是什么？为什么具有那么神奇的功能？如何掌握和运用它？本项目将一一为您揭秘”【项目描述】在网络教学平台中，有丰富的使用遮罩动画这个技法去制作的动画效果，大家将在对遮罩动画有个直观印象的情况下，根据交互课件的指引，完成遮罩技法的系列动画，并尝试通关

2、自测游戏，检验自己的学习效果。【项目目标】知识与技能目标养成综合运用、创作、迁移能力。学会制作遮罩层动画。理解遮罩的概念及其动画原理。情感目标：激发学习动机和创作欲望。培养合作精神。【项目准备】多媒体机房教学设备网络教学平台教学课件，视频动画范例互联网资源教学资源库【项目效果图】【项目实施流程】融入情景动漫原理实例示范自测游戏扩展提升任务一融入情景【任务描述】在本课的网络教学平台上，通过多媒体交互课件，学习“片头导语”、“学习目标”、“动画原理”-“认识遮罩”。点击“认识遮罩”按钮，依次点击右侧的10个An小动画，仔细观察、体会并与小组同学一起讨论这些动画与大家之前学过普通运动动画有何区别？并

3、且尝试总结出这些动画有什么共性？【任务目标】通过网络教学平台的教学资源，领略遮罩动画的奇妙之处，融入教学情景。【任务实施】播放一段片头导语，吸引学生的注意，激发学习兴趣，引出新课主题，如图3-1-1所示。图3-1-1 片头给出10个An小动画，如图3-1-2所示，请同学们仔细观察特点，分小组讨论，并在纸上记录，抛锚引导，带着问题去学习。图3-1-2 10个An小动画 123546【思考与练习】请大家分组记录下探讨的结果。任务二 动画原理【任务描述】理解遮罩动画的原理是实现精彩动画效果的关键，也是本课的难点。为了帮助大家突破难点，我们制作了三个原理演示动画，帮助大家从不同的角度理解遮罩动画的原理

4、和基本方法。【知识点】理解遮罩动画的原理和基本方法。【任务实施】观看原理演示一：假设用2张纸来表示2个图层,在上一个图层上画一个矩形，下一个图形上有图案，最后的遮罩效果就等同于挖空了一块矩形，透过这个矩形看到下面图层的图案，如图3-2-1、3-2-2所示。图3-2-1 原理演示一图3-2-2 原理演示一【任务实施】观看原理演示二：同学们，你有晚上使用手电筒的经历吗？还记得电影、电视剧或演唱会节目中的探照灯效果吗？把遮罩层比做手电筒（探照灯），当遮罩层移动时，它下面的被遮罩层的对象就像被手电筒（探照灯）照过一样，只有有光的地方才能看到，被遮罩层只显示在遮罩层有对象的地方，如果被遮罩层是一行字，遮

5、罩层中的对象是一个圆，那么做出来的效果显示的是外形为圆内的字。而遮罩层的东西是不显示的，它是什么颜色没有关系，如图3-2-3所示。图3-2-3 原理演示二【任务实施】观看原理演示一：课堂游戏：拿出一张白纸来，在纸上挖掉一个窟窿，把纸放到照片上。大家看看，透过这个窟窿能看到什么东西？如果没有这个窟窿，又有什么不同？通过这个游戏，我们明白了，白纸上面的窟窿起到了限制的作用，当这个窟窿是什么形状，我们就只能看到这个形状里面的东西。 同样的，遮罩动画里面的遮罩层和被遮罩层也可以对应到这个游戏中来。遮罩层就相当于白纸上面的窟窿，而被遮罩层就对应于我们要看的东西。 所以，被遮罩层上面的东西，由于有遮罩层的

6、存在，而只能看到一部分，而这一部分究竟有多大呢？就要看遮罩层的形状了。如图3-2-4、3-2-5、3-2-6所示图3-2-4 原理演示三图3-2-5 原理演示三步骤提示，如图3-2-7、3-2-8、3-2-9、3-2-10所示：图3-2-7 步骤提示图3-2-8 步骤提示图3-2-9步骤提示图3-2-10 步骤提示原理解释：“原理解释”：归纳总结了遮罩原理及其实现方法。“课堂问答”：通过课堂问答检查学习者是否掌握了最重要的5个知识点，这是下一步操作的知识基础。图3- 16图3- 15【思考与练习】请大家用新学的遮罩动画的知识讨论一下，任务一中观看的10个动画你会做哪一个？任务三 实例示范【任务

7、描述】本任务采用分层教学，设置梯度，设置了3个实例制作过程的教学示范，制作复杂性和难度有所增加。通过这三个递进的任务，大家将学会遮罩动画的基本操作。【任务目标】掌握遮罩动画的基本操作。【任务实施】同学们，经过前面的学习，大家认识了遮罩动画，理解了遮罩动画的原理，大家一定跃跃欲试了吧？让我们一起通过三个范例的示范讲解试着完成三个遮罩动画的制作吧。实例一：提问：同学们，请大家根据前面学过的遮罩动画原理，想一想如何完成下面这个探照灯字的制作。先独立思考，然后与小组同学交流遮罩层放什么？被遮罩层放什么？为什么要这样做？回答：如图3-3-1所示。图3-3-1 分析动画操作步骤提示：1.新建一个文件。 2

8、.按要求设定影片的宽度和高度：宽度为 320pixes. 高度为 300pixes. 背景为白色。 3.在图层的第一帧输入文字 “青春基地” 。 4.在图层 1 的第 30 帧按 F5, 将帧延长到30 帧。 5.增加一个图层，命名为 Mask. 6.在 mask 图层的第 1 帧画一个园形，并选中这一个圆形，按 F8 将其转换为图形组件。 7.在 mask 图层的第 30 帧，按 F6 插入关键帧。 8.在 mask 图层的第 30 帧，将圆形拖到文字的右侧。 9.在 mask 图层的第 1 到 30 帧之间单击鼠标左键，将这些帧选中，然后单击鼠标右键，选择“创建补间” 命令。 10.在 m

9、ask 图层上单击鼠标右键，选择“遮罩层” 命令。 11.按回车键测试影片（或按 Ctrl+Enter 测试 ) 。对实例操作仍有疑惑的同学，请在网络教学平台中观看课件中的视频演示一、二和三。【思考与练习】请大家温习遮罩动画的制作方法，检验自己是否已经熟练掌握。任务四 自测游戏【任务描述】遮罩动画的制作原理是整个An制作中的难点知识，初学者容易搞混遮罩层和被遮罩层的使用，因此，在本任务中，设计了一个教学游戏的情景，即帮助画面中的孩子摘到树上的苹果。3种方法分别对应3个典型遮罩动画的制作方法。采用大家喜爱的游戏的方式，考察大家是否已经分清楚遮罩层和被遮罩层的使用。【任务目标】准确区分遮准确区分遮

10、罩层和被遮罩层的使用。罩层和被遮罩层的使用。【任务实施】阶段一：同学们，我们一起玩一个游戏，有个小女孩想吃树上的苹果，可是她够不着，我们分组领取一个锦囊，想办法帮助她，好吗？如图3-4-1、3-4-2、3-4-3、3-4-4所示。图3-4-1 游戏图3-4-2 游戏图3-4-3 游戏图3-4-4 游戏阶段二：各组派代表汇报分析的过程以及评价他组的作品。（比如：在完成任务的过程中有没有出错？错在哪里？是哪个知识点没掌握好，所以出错了？他组的作品完成质量如何？好在哪里？不好在哪里?）。阶段三：教师分别简单记录每个同学的回答，并点评。【思考与练习】请大家尝试归纳遮罩动画的要点。（提示：通过“概念”、

11、“原理”、“效果”、“判断”、“设置”五个方面归纳学习要点，如图3-4-5所示。）图3- 4-5 遮罩动画原理归纳【项目展示】一、展示内容展示制作的项目作品，并自我评价。讲解制作过程中运用的知识内容和过程。与大家分享制作过程中遇到的问题及解决方法。二、汇报要求语言流畅，表述清晰。【项目评价】评价形式评价指标分值自评组评师评过程性评价根据教材自主探索任务10积极参与小组协作10终结性评价了解项目实施流程5完成任务二15完成任务三20完成任务四20课后尝试完成思考与练习20合计综合评分备注综合评分=自评（30%）+组评（30%）+师评（40%）【任务描述】上述的遮罩系列动画制作过程帮助大家从概念、

12、原理、判断、效果、设置等方面全方位的了解遮罩动画技法。但是动画高手都是从基础反复练习才能达成的，因此，下面将提供多个进阶任务，帮助大家拓展提升。【任务目标】通过模仿制作，探索学习，精通遮罩动画，努力成为动画高手。拓展任务一 举一反三【任务实施】阶段一：同学们，刚才我们学到的遮罩动画原理、方法，大家会不会运用它呢？请同学们以小组为单位，研究一下本课件展示的十种遮罩动画效果，如图3-5-1所示。自学方法提示：单击遮罩动画剪辑，下载源程序，打开后进行研究，弄清楚其中的秘密，然后再独立地做出来。An高手都是从模仿开始的，多研究源文件可以帮助你从简单模仿走向独立创作的高手阶段！图3- 5-1 十种遮罩动

13、画效果阶段二：如果同学想继续挑战难度更大的遮罩动画。大家可以研究本模块中的例子，如图3-5-2所示，挑战你的知识迁移能力、想象力和创意！试一试，你会发现不一样的你！图3-5-2 遮罩案例【思考与练习】老师给大家一些网络教程的地址，如图3-5-3所示，请同学们利用课余时间去研究学习。下次课我们请同学们展示你们的学习成果。自学方法提示：互联网上的资源非常丰富，我们要懂得利用这个宝库，让自己当自己的老师！图3-5-3 网络教程地址【任务描述】本次任务取自广西一九岂非影视传媒有限公司的“小小乐园剧情动画”，需要为主角制作一个转动的风扇，如图3-6-1所示。拓展任务二 风扇转动动画图3-6-1小小乐园剧

14、情动画【任务目标】通过模仿制作，探索学习，继续学习遮罩动画。【任务实施】1.新建文档，长宽为1920*10802.新建图层，使用矩形形状工具，将属性中的矩形选项属性改为500，填充颜色改为无，笔触大小为5，颜色为黑色，绘制一个圆角矩形，如图3-6-2所示图3-6-2 矩形工具属性3.快捷键：ctrl+c，复制一个刚刚绘制的圆角矩形，ctrl+shift+v，粘贴。快捷键：ctrl+t，打开变形工具，将缩放的约束解开，将竖缩放的参数改为70%。如图3-6-3所示。4.新建图层，绘制一个横的圆角矩形，如图3-6-5所示。图3-6-3 变形效果图3-6-5 绘制圆角矩形5.绘制两条直线在如图3-6-

15、6所示的位置，后删除掉不需要的部分，如图3-6-7所示6.使用变形工具将风扇头压扁如图3-6-8所示。图3-6-6 变形效果图3-6-7 绘制圆角矩形图3-6-8 风扇头变形7.绘制一条直线在后部分的中间然后分别填充白色和灰色如图3-6-9所示，最后删除直线与边线。8.在风扇额中间再绘制一条直线，然后将所有黑色边线改为白色。9.再新建一个图层绘制一个圆形填充灰色如图3-6-10所示。图3-6-9 填充颜色图3-6-10 灰色圆形10.使用变形工具，将中心点移动到风扇的左边处，如图3-6-11所示。11.新建一个图层，命名为扇叶，新建一个圆角矩形，将边框删除掉，选中让，快捷键f8转换为图形元件，

16、命名为扇叶，如图3-6-12所示。图3-6-11 中心点调整图3-6-12新建扇叶12.新建图层2，将图层1右键转换为遮罩层将图层2，放置在遮罩层的下面，绘制一个长矩形，颜色填充蓝色如图3-6-13所示13.再使用矩形工具绘制，小矩形， 并且使用对齐工具将矩形对齐 相同间隔，如图3-6-13所示。图3-6-13 绘制矩形14.调整矩形的位置如图3-6-14所示，并快捷键f8转换为图形元件，如图3-6-15所示。15.将扇叶调整到图层1的位置，图层2在24帧插入一个关键帧，将长矩形移动到下方，如图 3-6-16所示。图3-6-14 调整位置图3-6-15转换元件图3-6-16 位置图16.在期间任意一个关键帧，右键插入传统补间，将两个图层上锁，并将风扇扇叶的透明属性减少为80%。17.进入风扇头元件，将所有图层在24帧处都插入帧，并新建一个图层，再次绘制一个矩形并填充灰色，移动到风扇扇头的中间，将图层放置在最后，如图3-6-17所示。图3-6-17 绘制矩形18.选择风扇扇叶元件，添加模