单元九 遮罩动画的制作(课件)-《Flash CC 2015动画制作案例教程》同步教学（哈尔滨工程大学出版社）

单元九 遮罩动画的制作 单元9 遮罩动画的制作 遮罩动画是Flash动画中最重要的动画形式之一,运用遮罩动画能够创建出令人惊奇的动画效果。本单元将结合丰富多彩的案例讲解遮罩层的设置与运用,使读者在学完本单元之后能够灵活运用遮罩层创建出神奇而漂亮的动画。 学习目标 了解遮罩动画的制作原理。 01 理解遮罩与被遮罩的关系。 02 掌握遮罩层与被遮罩层的创建与编辑方法。 03 掌握遮罩动画的创建与操作技巧。 04 任务1 创建遮罩动画 1.遮罩动画的含义 遮罩动画是利用遮罩层来制作的动画,在Flash中遮罩层是一种特殊的图层,它就像一个神奇的幕布,我们可以在这张幕布上开一扇窗,透过这扇窗可以看到下面被遮罩层的内容,这个窗口的位置、形状和大小由遮罩层上的图形对象的位置、形状和大小来决定,可以说遮罩对象就是遮罩层上的窗口。如果在遮罩层上绘制一个五边形,那么窗口的形状就是五边形。而且遮罩层的图形罩住哪里,哪里就显示被遮罩层相应位置的内容,罩住多大面积就显示多大面积。 遮罩层中的遮罩对象可以是图形、文字、组合图形,也可以是图形元件、影片剪辑元件。 遮罩动画既可以是遮罩层中的遮罩对象的动画,也可以是被遮罩层中的动画。我们可以灵活运用遮罩层实现不同的动画效果。 任务1 创建遮罩动画 2.遮罩层的创建方法 在Flash中没有一个专门的按钮来创建遮罩层,遮罩层是通过普通图层转化而来的。右击某一图层,在弹出的快捷菜单中选择“遮罩层”命令,就可以将一个普通图层转化为遮罩层,图层的图标也从普通图层图标转化为遮罩层图标 ,此时遮罩层下面的一个图层的名字会向右缩进,自动关联为“被遮罩层”,在缩进的同时图标变为 。 在建立遮罩层后,Flash会自动锁定遮罩层和被遮罩层,如果需要编辑相应图层,应先解锁,再编辑。注意,解锁后遮罩效果将会消失,如果需要显示遮罩效果,则需再次锁定图层。 被遮罩层可以有多个图层,如果想让多个图层关联为“被遮罩层”,只需将这些图层拖到遮罩层下面,与遮罩层形成缩进关系即可,如图9-1所示。 3.遮罩动画的功能 利用遮罩动画的功能,可以制作出多种有奇特视觉效果的动画,如探照灯、电影字幕、飘动的旗帜、展开的画面、流动的水流等。 图9-1 遮罩两个图层的时间轴 案例9-1 制作探照灯的动画 案例描述 夜幕下,玉带河和红色的宫墙若隐若现,探照灯的光圈缓缓移动,最终照亮故宫一角。动画效果如图9-2所示。 图9-2 探照灯动画效果 案例9-1 制作探照灯的动画 制作步骤 (1)新建FlashActionScript3.0文档。 (2)执行菜单命令“文件”→“导入”→“导入到库”,将素材图像“角楼.jpg”导入到库中。 (3)将“图层1”重命名为“暗图”,选中该图层的第1个关键帧,将图片“角楼.jpg”从库中拖动到舞台。单击舞台空白处,在“属性”面板中单击“编辑文档属性”按钮 ,如图9-3所示,弹出“文档设置”对话框,单击“匹配内容”按钮,然后单击“确定”按钮,如图9-4所示,使舞台自动调整大小与图片匹配并对齐。 图9-3 单击“编辑文档属性”按钮 图9-4 “匹配内容”按钮 案例9-1 制作探照灯的动画 制作步骤 (4)单击选定图片,执行菜单命令“修改”→“转换为元件”,设置“名称”为“中国古建筑”,“类型”为“图形”。单击该元件实例,在“属性”面板中设置“色彩效果”选项区中的亮度为“-80%”,如图9-5所示。 (5)在“暗图”之上新建图层重命名为“亮图”,选中第1帧,将“中国古建筑”元件拖动到舞台上,在属性面板中“位置和大小”栏设置X和 Y值均为0,使图片与舞台对齐,如图9-6所示。 图9-5 属性面板中“色彩效果”设置 图9-6 图片的“位置和大小”设置 案例9-1 制作探照灯的动画 制作步骤 (6)在“亮图”之上创建新图层并命名为“遮罩”。单击“椭圆工具”,在“属性”面板中设置无边框,填充色任意,按Shift键,在舞台上拖动绘制正圆形。右击圆形,在快捷菜单中选择“转换为元件”命令,设置名称为“圆”,类型为“图形”。 (7)在“遮罩”图层的第30帧按F6键,插入关键帧,移动“圆”的位置并使用“任意变形工具”放大一点;在第60帧插入关键帧,移动圆的位置并再次放大;在第90帧插入关键帧,将圆移动到正好罩住故宫一角并调整大小;在第100帧按F5键插入普通帧,延长第90帧的画面。在下面两个图层的第100帧分别按F5键插入普通帧,延续画面。这样可以使动画有10帧的定格。 (8)右击图层“遮罩”的图层名,在快捷菜单中选择“遮罩层”命令,则该图层被设置为遮罩层,图层“亮图”变为被遮罩层。 案例9-1 制作探照灯的动画 制作步骤 (9)按组合键Ctrl+Enter测试动画效果。动画的时间轴如图9-7所示。 图9-7 按照灯动画的