1、第6章 引导层和遮罩层动画 教师:孙杰教师:孙杰20142014年年4 4月月2525日日本章学习目标本章目录6.1 图层6.2 引导层动画6.3 遮罩动画6.4 综合案例课后实训6.1 图层类似于叠在一起的透明纸。更好地安排图形、文字和动画,并在放映时合成。不会增加动画文件的大小。特殊类型的图层引导层和遮罩层。6.1.2图层的创建系统都会自动建立好一个图层,默认为“图层1”,实际中,需要根据动画制作的要求创建新图层。创建图层的方法有以下三种。(1)选择“插入”“时间轴”“图层”菜单命令。(2)在时间轴的层操作区底部单击“新建图层”按钮。(3)在时间轴的层操作区单击鼠标右键,在弹出的菜单中选择
2、“插入图层”命令。6.1图层图层6.1.3图层的编辑图层的编辑包括选取图层、排列图层、复制和删除图层、重命名图层、锁定和解锁图层、隐藏和显示图层,以及创建图层文件夹等。1选取图层,选取图层就是将图层变为当前图层。2排列图层,按下鼠标左键,将所选图层拖曳到目标位置,释放左键即可。3复制、粘贴图层,可以将整个图层包括图层中的所有对象复制到其他场景或其它文件中。6.1图层图层4删除图层,选中要删除的图层,单击“删除”;也可以选中要删除的图层后,按住鼠标左键,将其向下拖曳到“删除”按钮。5隐藏、锁定图层和图层的显示模式6重命名图层7创建图层文件夹6.1.3图层的编辑6.1图层图层6.1.1案例湖边小屋
3、【案例学习目标】学习图层的创建与使用【案例知识要点】1.用椭圆工具绘制花朵和小鸭2.用钢笔工具绘制白云和波浪3.用矩形与线条工具绘制小屋4.用铅笔工具绘制小山5.效果如图6-1所示。6.1图层图层图6-1湖边小屋效果图6.2引导层动画 引导层分为普通引导层 和运动引导层 将一个或多个层链接到一个运动引导层,使一个或多个对象沿同一条路径运动的动画形式即被称为“引导层动画”,这种动画可以使一个或多个元件完成曲线或不规则运动。6.2.2普通引导层普通引导层图标为 主要用于为其他图层提供辅助绘图和绘图定位可以单独使用。播放动画时引导层中的图形不显示与一般图层相似的图层属性对已存在的普通图层,可将其设置
4、为普通引导层选定一个普通图层,右击,在弹出快捷菜单中选择“引导层”命令,可以将普通图层转换为普通引导层。选定一个普通图层,打开该层的“属性”面板,在该面板中选择层的类型为引导层。6.2引导层动画引导层动画6.2.3运动引导层运动引导层与至少一个图层关联,这些被引导的图层为被引导层被引导层设置对象运动路径的导向,使与之相链接的被引导层中的对象沿着路径运动播放动画时运动引导层上的路径不显示在引导层上可以创建多个运动轨迹引导被引导层上的多个对象沿不同的路径运动创建运动引导层动画时要求用动作补间动画,形状补间动画不可用6.2引导层动画引导层动画引导层动画的制作步骤1.在被引导层上添加一个引导层(指运动
5、引导层),可以命名为引导层2.在引导层中画出元件引导路径3.在被引导层第一帧,将需要引导的元件挪动到引导路径的开始4.在被引导层加入关键帧,将需要引导的元件挪动到引导路径的末端5.在被引导层的帧中创建传统补间动画注意:注意:在挪动元件的时候一定要让它的圆圈吸附到引导路径上6.2.1 案例飘落的秋叶【案例学习目标】利用引导层设置元件运动的路径,制作不规则运动的动画效果。【案例知识要点】1.枫叶元件:导入枫叶图片到库,去掉背景色,制作枫叶元件2.背景图层制作,完成并锁定3.添加需要引导的图层4.制作枫叶飘落的引导层动画5.如图6-32所示。6.2引导层动画引导层动画图6-32秋叶效果图6.2.4创
6、建沿曲线运动的动画蝴蝶飞舞【案例学习目标】利用引导层设置曲线运动路径,制作元件沿曲线运动的动画效果。【案例知识要点】1.蝴蝶元件:导入蝴蝶图片序列到库,去掉背景色,制作蝴蝶飞舞影片剪辑元件2.背景图层制作,完成并锁定3.添加需要引导的图层4.制作蝴蝶飞舞的引导层动画5.如图6-44所示。6.2引导层动画引导层动画图6-44 蝴蝶飞舞设计图6.3遮罩层动画 遮罩层动画是为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。6.3.2遮罩层动画的原理及使用新建遮罩层在Flash中没有一个专门的按钮来创建遮罩层,
7、它是由普通层转化而来的。在某个图层上右击,选择“遮罩层”命令,该图层即成为遮罩层,层图标就会从普通图标变为遮罩图标,并且系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标会变化。如果要关联更多层被遮罩,只要把这些层拖到被遮罩层下面即可。6.3遮罩层动画遮罩层动画6.3.2遮罩层动画的原理及使用遮罩层中的图形对象在播放动画时是看不到的。遮罩层中的内容可以是按钮、影片剪辑、图形、位图或文字等,但不能使用线条,如果一定要使用线条,可以将线条转化为“填充”。对于用作遮罩的填充形状,可以使用形状动画;对文字对象、图形实例或影片剪辑,可以使用运动动画;当使用影片剪辑实例作为遮罩时,可以让遮罩
8、沿运动路径运动。6.3遮罩层动画遮罩层动画6.3.2遮罩层动画的原理及使用透过遮罩层中的对象可看到被遮罩层中的对象及其属性,包括它们的变形效果;遮罩层中对象的许多属性,如渐变色、透明度、颜色和线条样式等却是被忽略的,例如,不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。在被遮罩层中,可以使用按钮、影片剪辑、图形、位图、文字和线条。若要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。6.3遮罩层动画遮罩层动画6.3.1 案例卷轴画【案例学习目标】使用形状补间、动作补间创建遮罩层动画,制作画面展开的动画效果【案例知识要点】1.制作被遮罩层:即古画层2.制作遮罩层:右键,选择遮罩层3.在遮罩层中,
9、绘制矩形,用形状补间动画使矩形由窄变宽4.另外分别新建2个图层,制作左画轴和右画轴的动作补间动画,播放时左右画轴分别向古画的两侧运动5.如图6-54所示。6.3遮罩层动画遮罩层动画图6-54卷轴画效果图6.4 综合案例6.4.1 综合案例1星星字6.4.2 综合案例2太阳地球月亮6.4.1 综合案例1星星字【案例学习目标】使用引导层制作动画【案例知识要点】1.使用椭圆工具和线条工具绘制星星2.使用文本工具输入文字并将它们放置于两个图层的相同位置3.对下层的文字进行填充,作为文字背景4.将上层的文字打散,作为运动路径,将该层设为引导层,使星星沿着文字边框移动,如图6-60所示。6.4 综合案例综
10、合案例 图6-60星星字效果图6.4.2 综合案例2太阳地球月亮【案例学习目标】使用引导层、遮罩层制作动画。【案例知识要点】1.使用椭圆工具绘制太阳、地球、月亮,2.在引导层中绘制椭圆轨道,使得月亮围绕地球转,地球围绕太阳转。3.太阳的光芒利用遮罩层动画实现,即用线条遮罩线条,但线条必须转化为填充。4.在遮罩层中设置传统补间动画,让线条旋转,从而看到被遮罩层中的线条的局部,实现光芒闪烁的动画效果,如图6-77所示。图6-77 太阳地球月亮效果图 6.4 综合案例综合案例 课后实训1.制作动画:走路的绣花鞋2.制作动画:车子开过家门前1.制作动画:走路的绣花鞋【练习要点】1.导入红舞鞋图片序列,2.制作逐帧动画的影片剪辑3.绘制曲线作为引导路径,4.在被引导层中放入制作好的影片剪辑,5.使影片剪辑沿着曲线运动,如图6-95所示。课后实训课后实训 图6-95走路的红舞鞋效果图2.制作动画:车子开过家门前【练习要点】1.首先创建影片剪辑“车”;2.在场景中把家的图片作为背景,沿着半开的房门和门框绘制一个多边形作为遮罩形状,3.被遮罩层中放入影片剪辑“车”,并创建传统补间动画,让车子从右上角驶向左下角,在经过房门时,透过半开的房门可看到车子,如图6-96所示。课后实训课后实训 图6-96车子开过家门前效果图