搜索
高二信息技术多媒体技术flash专题授课老师：张鹏第六课遮罩动画【学习目标】认知目标：1、理解遮罩的原理。2、了解遮罩动画的作用。3、掌握创建方法。4、明确制作遮罩动画的要求。能力目标：1、能够将遮罩动画配合其他动画制作丰富的动画效果，并且能将遮罩灵活的应用于综合实例中。2、培养学生分析问题、解决问题的能力以及合作能力和审美能力。情感目标：以制作简单动画为任务驱动，激发学生学习flash的兴趣，培养学生的成就感。重点：遮罩动画的创建方法引出动画——学生分析——我总结——我制作——学生模仿——布置作业—-学生相互交流——引出更多更精彩的实例……难点：遮罩原理的理解从一个简单实例入手——完整案例的制作——学生举一而反三【教学过程】导入：观察三个动画作品，找出其中的共同点。在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。那么，“遮罩”如何能产生这些效果呢？在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。理论讲解：1．遮罩动画的概念“遮罩”，顾名思义就是遮挡住下面的对象。在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。2．创建遮罩的方法（1）创建遮罩在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。高二信息技术多媒体技术flash专题授课老师：张鹏图3-5-1多层遮罩动画（2）构成遮罩和被遮罩层的元素遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。（3）遮罩中可以使用的动画形式可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。实例训练：卡拉ok字幕（请同学们注意参考视频教程，打开方式为windowsmediaplayer）（1）遮罩效果--“卡拉OK字幕”1．演示卡拉OK字幕效果。2．分析卡拉OK字幕的形成。卡拉OK字幕的实现需要三个层，分别为静态的文字层，动态的文字层和遮罩层。3．操作步骤：步骤一：新建“FLASH文档”，按CTRL+J电影幕布属性修改为长条形。宽为720像素、高为100像素；步骤二：选择文字工具，并在属性面板，设置文字的属性，输入文字内容，如图5示；图5高二信息技术多媒体技术flash专题授课老师：张鹏步骤三：新建图层2，复制图层1的文字内容到图层2，与图层1的文字内容对齐，更改图层2文字颜色为红色；如图6示；图6步骤四：新建图层，命名为“遮罩层”，在这一层，选择矩形工具，画一个无边线的和图层2一个汉字大小一样的蓝色矩形，如图7示；图7步骤五：图层1、图层2第30帧按F5键（插入帧）；步骤六：在遮罩层第15帧处，插入关键帧，并将矩形变形为覆盖“在那遥远的地方”七个字的矩形条，如图8示；高二信息技术多媒体技术flash专题授课老师：张鹏图8步骤七：点击遮罩层第1帧处在属性面板设置补间动画为形状动画；步骤八：在遮罩层第20帧处，插入关键帧，画一个矩形，覆盖“有”字，如图9示；图9步骤九：在遮罩层第30帧处，插入关键帧，将覆盖“有”字的矩形变形为覆盖“有位好姑娘”的矩形条，如图10；图10步骤十：点击遮罩层第20帧处在属性面板设置补间动画为形状动画；步骤十一：锁定时间轴中的遮罩层与图层2，测试影片（快捷键Ctrl+Enter）.如图11示；