（中职）Flash CS6动画制作（第2版）1.5教学课件（）.ppt

《（中职）Flash CS6动画制作（第2版）1.5教学课件（）.ppt》由会员分享，可在线阅读，更多相关《（中职）Flash CS6动画制作（第2版）1.5教学课件（）.ppt（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、（中职）Flash CS6动画制作（第2版）1.5教学课件（工信版）L/O/G/O项目一项目一 FlashFlash制作基本功制作基本功任务任务5 5 掌握遮罩动画制作掌握遮罩动画制作任务目标1 12 23 34 4 了解遮罩的原理及概念掌握遮罩动画的基本制作方法熟练遮罩层动画制作熟练被遮罩动画制作1.了解什么是遮罩 运用遮罩制作而成的动画叫做遮罩动画。遮罩效果的获得一般需要两个图层，上面的图层叫遮罩层，看到的是形状，下面的图层叫被遮罩层，是通过上面图层的形状看到的该层内容。Flash遮罩层动画，能够透过该动画遮罩图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中

2、的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现要求的一些特殊的效果。1构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。2遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用补间形状

3、动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。1.了解什么是遮罩2.掌握遮罩动画的操作方法 创建简单的遮罩动画，首先在Flash动画源文件时间轴上分别建立遮罩层和被遮罩层，然后再分别在这两个图层中添加对象，最后执行建立遮罩命令，就实现了遮罩动画的效果，如图1-5-1所示。要建遮罩动画，至少需要两个图层，下面被遮罩的图层是看到的内容，还需要在被遮罩图层上创建一个遮罩图层，作为看到下面被遮罩层的窗口。图1-5-1 遮罩动画效果 “图层1”：图层的图标改变了，从普通图层变成了被遮罩层（被拍摄图层）。并且图层缩进，图层被自动加锁。“图层2”：图层的图标改

4、变了，从普通图层变成了遮罩层（放置拍摄镜头的图层）。并且图层被加锁。舞台显示也发生了变化。只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象都没有显示。通常我们制作比较一些精心、复杂的动画，如在图片上抠取一些人物、物体等时，一般都要用到遮罩，因为遮罩出来的对象边沿比较实，像素点较好，清晰度和原图是一样的，这是遮罩最大的一个优点。2.掌握遮罩动画的操作方法3.熟练遮罩层动画制作 遮罩层动画，就是在遮罩层上使用补间形状动画、动作补间动画、引导线动画等，如图1-5-2所示。图1-5-2 制作遮罩层动画案例 1-5-1 制作“探照灯”动画 下面通过案例进一步熟悉遮罩层动画的制作。在黑夜

5、中，随着椭圆形的探照灯的移动，物体就从黑暗的背景中凸显出来，如图1-5-3所示。图1-5-4 探照灯动画效果4.熟练被遮罩层动画制作 被遮罩层动画，就是固定遮罩层的形状、大小或位置，通过在被遮罩层上使用补间形状动画、动作补间动画等来制作动画效果，如图1-5-5所示。图1-5-5 制作被遮罩层动画案例 1-5-2 制作“古诗”动画 下面通过案例进一步学习被遮罩层动画的制作。繁星满天的背景下，一首静夜思古诗的文字由下而上缓慢地出现，效果如图1-5-6所示。图1-5-6“古诗”效果案例 1-5-3 制作“时尚服装秀”动画 下面通过一个综合实例来学习和理解遮罩动画的制作。输入文本，文本为遮罩层，再制作

6、旋转的球体，作为被遮罩层。效果如图1-5-7所示。图1-5-7 时尚服装秀任务小结 本任务主要介绍了遮罩的基本概念、遮罩动画的制作方法、遮罩层和被遮罩层动画制作等。通过案例将补间动画、引导线动画灵活运用到遮罩当中，制作出炫目神奇的动画效果。模拟实训一、实训目的1掌握遮罩动画的制作方法2掌握遮罩层和被遮罩层动画的制作方法3能够运用遮罩来制作各种动画效果二、实训内容1制作文字从左到右的“滚动字幕”效果，如图1-5-8所示。图1-5-8 滚动字幕效果模拟实训2制作百叶窗。百叶窗关闭时是一副美景图，当百叶窗“拉开”时，又是另一幅山水风景画，效果如图1-5-38所示。（提示：可导入两张图片，一张作为背景层，一张作为被遮罩层。再制作窗叶粗细变化的影片剪辑元件作为窗叶，用制作的窗叶影片剪辑元件排列组合成窗帘作为遮罩层。）如图1-5-10 所示。图1-5-10 百叶窗