Flash遮罩动画制作课件ppt.pptx

《Flash遮罩动画制作课件ppt.pptx》由会员分享，可在线阅读，更多相关《Flash遮罩动画制作课件ppt.pptx（26页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用Flash”遮罩层”动画 Flash”遮罩层”动画 2 教学重难点教学目标教学内容教学方法结束播放教学过程拓展资源课后练习经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的

2、金额为消费者购买商品的价款或接受服务的费用 使学生了解遮使学生了解遮罩动画的原理；罩动画的原理；能理解遮罩层能理解遮罩层与被遮罩层的关系；与被遮罩层的关系；能将普通图层能将普通图层转换成遮罩层，并转换成遮罩层，并实现遮罩效果实现遮罩效果。技能目标技能目标知识目标知识目标情感目标情感目标 能从动画实例的能从动画实例的分析中分析中获取制作方获取制作方法，并实现动画制法，并实现动画制作；作；培养培养学生自主学学生自主学习和探究问题的能习和探究问题的能力力。激发学生激发学生进一步学进一步学习习动画制作的兴趣动画制作的兴趣;由浅入深由浅入深，由表及里，由表及里掌握动画制作的掌握动画制作的方法方法;提高提

3、高其制作动画和欣其制作动画和欣赏动画的水平；赏动画的水平；我是导航页我是导航页 3 教学重难点教学目标教学内容教学方法结束播放教学过程拓展资源课后练习经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用教学内容123加深理解遮罩层与被遮罩层的概念。掌握使用遮罩原理制作遮罩动画的方法和技巧。了解复杂遮罩动画设计的方法和技巧。4 教学重难点教学目标教学内容教学方法结束播放教学过程拓展资源课后练

4、习经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用教学重、难点教学重、难点重重 点点难难 点点 将普通图层转化成遮罩层，并实现遮罩效果；遮罩动画的原理。对遮罩层、被遮罩层的理解;遮罩效果的分析及其制作方法。5 教学重难点教学目标教学内容教学方法结束播放教学过程拓展资源课后练习经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价

5、款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用任务驱动法任务驱动法案例教学法案例教学法问题式教学策略问题式教学策略教学练一体化教学练一体化教学方法与手段教学方法与手段任务驱动法：以遮罩效果，百叶窗效果，瀑布、画轴、等多种特效为具体的任务，让学生在做中学，在做中感悟；案例教学法：通过每个的案例演示，让学生明白动画创作的一般过程；问题式教学策略：让学生分析案例，以问题为导向让学生习得知识与技能；利用设疑策略进一步培养学生创意思维。教学练一体化：通过教师多媒体教学讲解演示，学生上机实践操作，讲、学、

6、练一体化。遮罩动画遮罩动画教学过程教学过程小小 结结上机实习上机实习Page 6基本概念基本概念动画实例动画实例返回导航返回导航遮罩遮罩动画的基本概念画的基本概念基本构成03基本原理02案例导入01实现方法04请点击进入请点击进入四个子项目四个子项目小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 7遮罩动画遮罩动画教学过程教学过程返回导航返回导航 课堂堂激激趣趣导入入 利用遮罩制作的一个探照灯效果（通过拖动圆来改变可看的内容）案例一案例一 返返 回基本概念回基本概念更多更多案例案例点这点这里里小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 8遮罩动画遮罩

7、动画教学过程教学过程返回导航返回导航案例二：小惊喜，请同学们按住左案例二：小惊喜，请同学们按住左键不放拖动，你会有惊喜的发现哦！键不放拖动，你会有惊喜的发现哦！课堂激趣堂激趣导入入 返返 回基本概念回基本概念小小 结结上机实习上机实习Page 9基本概念基本概念动画实例动画实例遮罩动画遮罩动画教学过程教学过程返回导航返回导航遮罩遮罩动画动画的基本原理的基本原理 只有遮罩层覆盖的区域才能显示出被遮罩层的内容来，没有遮罩层覆盖的区域，不会显示任何内容。在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。形状形状遮罩层遮罩层 返返 回基本概念回基本概念被遮罩层被遮罩层内容内容小小 结结上

8、机实习上机实习基本概念基本概念动画实例动画实例Page 10遮罩动画遮罩动画教学过程教学过程返回导航返回导航遮罩遮罩动画的构成画的构成遮罩层遮罩层被遮罩层被遮罩层 遮罩动画就是使用一个动画层遮住图片的一部分或全部，使其部分或全部显示出来的动画。要创建遮罩动画，至少需要有两层，图片做为被遮罩层，动画层做遮罩层。遮罩动画构成 返返 回基本概念回基本概念小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 11遮罩动画遮罩动画教学过程教学过程返回导航返回导航遮罩遮罩动画的画的实现方法方法 你能概括出制作遮罩效果的三个主要步骤吗？接着将上方的图层转换为遮罩层即可完成一个遮罩动画的创建。然

9、后在普通层上方新建一个图层，在其中创建一个对象或一段动画用来遮罩对象。我认为首先要在在普通层中创建要显示的内容。我认为关键是区分遮罩层和被遮罩层 返返 回基本概念回基本概念小小 结结上机实习上机实习Page 12基本概念基本概念动画实例动画实例遮罩动画遮罩动画教学过程教学过程返回导航返回导航文字遮罩动画实例文字遮罩动画实例遮遮罩罩动画画实例例百百 叶叶 窗窗水波荡漾水波荡漾 画画 轴轴 瀑瀑 布布小小 结结上机实习上机实习Page 13基本概念基本概念动画实例动画实例遮罩动画遮罩动画教学过程教学过程返回导航返回导航文字遮罩动画实例文字遮罩动画实例百百叶叶窗窗效效果果 返返 回动画实例回动画实例

10、 点我点我看思路看思路 点我点我看思路看思路小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 14遮罩动画遮罩动画教学过程教学过程返回导航返回导航百百叶叶窗窗效效果果导入图片到图层导入图片到图层1设置其大小为舞台大小，并放置在舞台的中央设置其大小为舞台大小，并放置在舞台的中央位置。位置。插入一个图形元件，并在此元件中利用矩形工具画一条长矩形，插入一个图形元件，并在此元件中利用矩形工具画一条长矩形，宽度要同图片的宽度，高度可自已设置，但不要太高。宽度要同图片的宽度，高度可自已设置，但不要太高。再插入一个影片剪辑元件，并将刚建立的图形元件拉入舞台中，再插入一个影片剪辑元件，并将刚

11、建立的图形元件拉入舞台中，分别在分别在25和和50帧插入关键帧，在帧插入关键帧，在25帧将矩形条的高度压为最小，帧将矩形条的高度压为最小，并创建补间动画。并创建补间动画。回到场景中，插入一个新图层，将影片剪辑元件拉进舞台中，回到场景中，插入一个新图层，将影片剪辑元件拉进舞台中，利用时间轴特效中复制到网格设置好参数，将其布满舞台。利用时间轴特效中复制到网格设置好参数，将其布满舞台。将此图层设置为遮罩将此图层设置为遮罩 层。层。【设计思路设计思路】返返 回动画实例回动画实例小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 15遮罩动画遮罩动画教学过程教学过程返回导航返回导航流流动

12、的的瀑瀑布布流动的瀑布动画效果：流动的瀑布动画效果：返返 回动画实例回动画实例 点我点我看思路看思路小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 16遮罩动画遮罩动画教学过程教学过程返回导航返回导航流流动的的瀑瀑布布【设设计计思思路路】导入一幅有瀑布的图片到图层导入一幅有瀑布的图片到图层1设置其大小为舞台大小，并放置设置其大小为舞台大小，并放置开舞台的中央位置，然后将其打散，用套索工具将有水的地方选开舞台的中央位置，然后将其打散，用套索工具将有水的地方选中，然后复制所选内容，插入一新图层，将复制的内容利用中，然后复制所选内容，插入一新图层，将复制的内容利用“粘粘贴到当前位

13、置贴到当前位置”粘贴在新图层中并将其转换为图形元件，并将元粘贴在新图层中并将其转换为图形元件，并将元件件向左或右或上或下移动一到两个像素向左或右或上或下移动一到两个像素位置。位置。插入图形元件，利用刷子工具画许多条波浪形状的线条，宽度插入图形元件，利用刷子工具画许多条波浪形状的线条，宽度要同图片的宽度，高度要大于刚才所复制内容的高度。要同图片的宽度，高度要大于刚才所复制内容的高度。回到场景中，插入一个新图层，将图形元件拉进舞台中，然后回到场景中，插入一个新图层，将图形元件拉进舞台中，然后分别在分别在30和和60帧插入关键帧，并将帧插入关键帧，并将30帧的图形元件移动位置，帧的图形元件移动位置，

14、然后创建补间动画。然后创建补间动画。将此图层设置为遮罩层。将此图层设置为遮罩层。返返 回动画实例回动画实例小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 17遮罩动画遮罩动画教学过程教学过程返回导航返回导航画画轴画轴的动画效果：画轴的动画效果：返返 回动画实例回动画实例 点我点我看思路看思路小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 18遮罩动画遮罩动画教学过程教学过程返回导航返回导航画画轴【设设计计思思路路】导入一幅图片到图层导入一幅图片到图层1设置其宽大于高，并放置在舞台的合适位设置其宽大于高，并放置在舞台的合适位置。置。插入一个矩形图形元件，并

15、在此元件中利用矩形工具画竖长条插入一个矩形图形元件，并在此元件中利用矩形工具画竖长条矩形，高度大于图片的高度。矩形，高度大于图片的高度。插入一个画轴图形元件，在此元件中画一根画轴。插入一个画轴图形元件，在此元件中画一根画轴。插入一个画轴头图形元件，在此元件中画两端的画轴头。插入一个画轴头图形元件，在此元件中画两端的画轴头。回到场景中，插入一新图层，将矩形元件拖入到此图层中，将回到场景中，插入一新图层，将矩形元件拖入到此图层中，将将元件旋转在图片的中间位置，然后在将元件旋转在图片的中间位置，然后在90帧插入关键帧，并在帧插入关键帧，并在90帧的时候将矩形的宽度拉成图片的宽度并创建补间动画，然后帧

16、的时候将矩形的宽度拉成图片的宽度并创建补间动画，然后设置其为遮罩层。设置其为遮罩层。返返 回动画实例回动画实例小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 19遮罩动画遮罩动画教学过程教学过程返回导航返回导航水水波波荡漾漾水波荡漾的动画效果：水波荡漾的动画效果：返返 回动画实例回动画实例 点我点我看思路看思路小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 20遮罩动画遮罩动画教学过程教学过程返回导航返回导航水水波波荡漾漾【设设计计思思路路】1.导入一幅图片到图层导入一幅图片到图层1设置其宽为舞台宽，高为其设置其宽为舞台宽，高为其一半一半，并，并转换为图

17、形元件，放置于舞台的转换为图形元件，放置于舞台的上半部上半部，插入，插入一新图层一新图层，将，将图片图片复制复制于此图层中，并垂直翻转置于舞台的于此图层中，并垂直翻转置于舞台的下半部分下半部分，再，再插入一个新图层，然后将翻转的图片复制到此图层中，并将插入一个新图层，然后将翻转的图片复制到此图层中，并将元件元件向左或右或上或下移动一到两个像素向左或右或上或下移动一到两个像素位置。位置。2.插入一个图形元件，并在此元件中利用插入一个图形元件，并在此元件中利用刷子工具刷子工具画许多条波画许多条波浪形状的线条，宽度要浪形状的线条，宽度要同图片的宽度同图片的宽度，高度要，高度要大于大于刚才所复刚才所复

18、制内容的高度。制内容的高度。3.回到场景回到场景中，插入一个中，插入一个新图层新图层，将，将图形元件拉进舞台图形元件拉进舞台中，然中，然后分别在后分别在30和和60帧插入关键帧，并将帧插入关键帧，并将30帧的图形元件移动帧的图形元件移动位置，然后创建补间动画。位置，然后创建补间动画。4.将此图层将此图层设置为遮罩层。设置为遮罩层。返返 回动画实例回动画实例小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 21遮罩动画遮罩动画教学过程教学过程返回导航返回导航上上机机实习任务一 制作“地球旋转效果”本例将使用多重遮罩的方法制作一个本例将使用多重遮罩的方法制作一个地球旋转的动画。蓝

19、色背景中的地球模地球旋转的动画。蓝色背景中的地球模型均匀转动，可以清晰地看到其上的大型均匀转动，可以清晰地看到其上的大陆版块图，最终效果如图所示。陆版块图，最终效果如图所示。【设计效果设计效果】小小 结结上机实习上机实习基本概念基本概念动画实例动画实例Page 22遮罩动画遮罩动画教学过程教学过程返回导航返回导航上上机机实习任务一 制作“地球旋转效果”【设计思路设计思路】首先制作蓝色方格背景。首先制作蓝色方格背景。然后制作半透明圆形球体作为然后制作半透明圆形球体作为 遮罩层。接着利用勾勒出来的遮罩层。接着利用勾勒出来的大陆版块作为被遮罩层。圆形球体大陆版块作为被遮罩层。圆形球体是不运动的，但如

20、果让被遮罩的大是不运动的，但如果让被遮罩的大陆版块运动起来，圆形球体看起来陆版块运动起来，圆形球体看起来就是运动的。就是运动的。对大陆版块要分正面和背面，对大陆版块要分正面和背面，因此需要使用多个被遮罩层。因此需要使用多个被遮罩层。小小 结结上机实习上机实习Page 23基本概念基本概念动画实例动画实例遮罩动画遮罩动画教学过程教学过程返回导航返回导航上机上机实习任务二：模拟“物体在管道中下落的效果（学有余力者做）使用遮罩效果模拟现实生活中物体在管道中使用遮罩效果模拟现实生活中物体在管道中下落的运动效果，动画中使用简单的箭头图下落的运动效果，动画中使用简单的箭头图形来代表物体和管道，物体以不变的

21、速度在形来代表物体和管道，物体以不变的速度在管道中下落，在转弯处自动改变方向，最后管道中下落，在转弯处自动改变方向，最后的设计效果如图所示的设计效果如图所示。【设计效果设计效果】小小 结结上机实习上机实习Page 24基本概念基本概念动画实例动画实例遮罩动画遮罩动画教学过程教学过程返回导航返回导航遮罩是Flash中的重要工具，其功能强大，使用方法却很简单，许多优秀的Flash作品中都有其身影，希望大家能熟练掌握并灵活运用遮罩技术。本章通过大量的遮罩实例，由浅入深地介绍了遮罩效果，为同学们全面展示了遮罩动画的魅力。同学们可以通过模拟本章的实例来进一步熟悉遮罩工具。在制作时，请同学们从遮罩的原理出

22、发，并充分发挥自己的创意，从而创作出更为生动有趣的Flash作品。小小结别忘了返回导航别忘了返回导航还有课后练习哦还有课后练习哦经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用课件使用帮助课件使用帮助这节课是清华大学出版社出版的信息技术八年级上册、第三单元第12课。本课以制作遮罩动画为主要内容，掌握遮罩层、被遮罩层的概念、了解遮罩动画原理并学会使用遮罩层。学生已经掌握了Flash动画的基础操作，能够利用图层制作逐帧、补间等多种形式的动画。学生在学习本课之前已学习制作滚动皮球和再现准确投篮动画。（1）课程内容：制作遮罩动画（2）课时安排：40分钟（3）所属学科：信息技术 （4）教学对象：初二年级学生返回导航页经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用经营者提供商品或者服务有欺诈行为的，应当按照消费者的要求增加赔偿其受到的损失，增加赔偿的金额为消费者购买商品的价款或接受服务的费用谢谢各位专家