Flash动画制作第6章引导层和遮罩层动画61课件

1、第6章 引导层和遮罩层动画 教师：孙杰2014年4月25日第6章 引导层和遮罩层动画 教师：孙杰2014年4月25日本章学习目标掌握图层的基本知识和使用方法掌握引导层动画的制作方法掌握遮罩层动画的制作方法本章学习目标掌握图层的基本知识和使用方法掌握引导层动画的制作本章目录6.1 图层6.2 引导层动画6.3 遮罩动画6.4 综合案例课后实训本章目录6.1 图层6.2 引导层动画6.3 遮罩动画6.1 图层类似于叠在一起的透明纸。更好地安排图形、文字和动画，并在放映时合成。不会增加动画文件的大小。特殊类型的图层引导层和遮罩层。6.1 图层类似于叠在一起的透明纸。更好地安排图形、文字和动6.1.2

2、图层的创建系统都会自动建立好一个图层，默认为“图层1”，实际中，需要根据动画制作的要求创建新图层。创建图层的方法有以下三种。（1）选择“插入”“时间轴”“图层”菜单命令。（2）在时间轴的层操作区底部单击“新建图层”按钮。（3）在时间轴的层操作区单击鼠标右键，在弹出的菜单中选择“插入图层”命令。6.1图层6.1.2图层的创建系统都会自动建立好一个图层，默认为“图层6.1.3图层的编辑图层的编辑包括选取图层、排列图层、复制和删除图层、重命名图层、锁定和解锁图层、隐藏和显示图层，以及创建图层文件夹等。1选取图层，选取图层就是将图层变为当前图层。2排列图层，按下鼠标左键，将所选图层拖曳到目标位置，释放

3、左键即可。3复制、粘贴图层，可以将整个图层包括图层中的所有对象复制到其他场景或其它文件中。6.1图层6.1.3图层的编辑图层的编辑包括选取图层、排列图层、复制和4删除图层，选中要删除的图层，单击“删除”；也可以选中要删除的图层后，按住鼠标左键，将其向下拖曳到“删除”按钮。5隐藏、锁定图层和图层的显示模式6重命名图层7创建图层文件夹6.1.3图层的编辑6.1图层4删除图层，选中要删除的图层，单击“删除”；也可以选中要删6.1.1案例湖边小屋 【案例学习目标】学习图层的创建与使用【案例知识要点】用椭圆工具绘制花朵和小鸭用钢笔工具绘制白云和波浪用矩形与线条工具绘制小屋用铅笔工具绘制小山效果如图6-1

4、所示。6.1图层图6-1湖边小屋效果图注意：一个对象一层6.1.1案例湖边小屋 【案例学习目标】6.1图层图6-6.2引导层动画 引导层分为普通引导层 和运动引导层 将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式即被称为“引导层动画”，这种动画可以使一个或多个元件完成曲线或不规则运动。6.2引导层动画 引导层分为普通引导层 和运动引导6.2.2普通引导层普通引导层图标为 主要用于为其他图层提供辅助绘图和绘图定位可以单独使用。播放动画时引导层中的图形不显示与一般图层相似的图层属性对已存在的普通图层，可将其设置为普通引导层选定一个普通图层，右击，在弹出快捷菜单中选择

5、“引导层”命令，可以将普通图层转换为普通引导层。选定一个普通图层，打开该层的“属性”面板，在该面板中选择层的类型为引导层。6.2引导层动画6.2.2普通引导层普通引导层图标为 6.2引导层动画6.2.3运动引导层运动引导层与至少一个图层关联，这些被引导的图层为被引导层设置对象运动路径的导向，使与之相链接的被引导层中的对象沿着路径运动播放动画时运动引导层上的路径不显示在引导层上可以创建多个运动轨迹引导被引导层上的多个对象沿不同的路径运动创建运动引导层动画时要求用动作补间动画，形状补间动画不可用6.2引导层动画6.2.3运动引导层运动引导层6.2引导层动画引导层动画的制作步骤在被引导层上添加一个引

6、导层（指运动引导层），可以命名为引导层在引导层中画出元件引导路径在被引导层第一帧，将需要引导的元件挪动到引导路径的开始在被引导层加入关键帧，将需要引导的元件挪动到引导路径的末端在被引导层的帧中创建传统补间动画注意：在挪动元件的时候一定要让它的圆圈吸附到引导路径上引导层动画的制作步骤在被引导层上添加一个引导层（指运动引导层6.2.1 案例飘落的秋叶【案例学习目标】利用引导层设置元件运动的路径，制作不规则运动的动画效果。【案例知识要点】枫叶元件：导入枫叶图片到库，去掉背景色，制作枫叶元件背景图层制作，完成并锁定添加需要引导的图层制作枫叶飘落的引导层动画如图6-32所示。6.2引导层动画图6-32秋

7、叶效果图6.2.1 案例飘落的秋叶【案例学习目标】6.2引导层动6.2.4创建沿曲线运动的动画蝴蝶飞舞【案例学习目标】利用引导层设置曲线运动路径，制作元件沿曲线运动的动画效果。【案例知识要点】蝴蝶元件：导入蝴蝶图片序列到库，去掉背景色，制作蝴蝶飞舞影片剪辑元件背景图层制作，完成并锁定添加需要引导的图层制作蝴蝶飞舞的引导层动画如图6-44所示。6.2引导层动画图6-44 蝴蝶飞舞设计图6.2.4创建沿曲线运动的动画蝴蝶飞舞【案例学习目标】66.3遮罩层动画 遮罩层动画是为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对

8、象将不会显示。6.3遮罩层动画 遮罩层动画是为了得到特殊的显示效果，6.3.2遮罩层动画的原理及使用新建遮罩层在Flash中没有一个专门的按钮来创建遮罩层，它是由普通层转化而来的。在某个图层上右击，选择“遮罩层”命令，该图层即成为遮罩层，层图标就会从普通图标变为遮罩图标，并且系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标会变化。如果要关联更多层被遮罩，只要把这些层拖到被遮罩层下面即可。6.3遮罩层动画6.3.2遮罩层动画的原理及使用新建遮罩层6.3遮罩层动画6.3.2遮罩层动画的原理及使用遮罩层中的图形对象在播放动画时是看不到的。遮罩层中的内容可以是按钮、影片剪辑、图形、位图

9、或文字等，但不能使用线条，如果一定要使用线条，可以将线条转化为“填充”。对于用作遮罩的填充形状，可以使用形状动画；对文字对象、图形实例或影片剪辑，可以使用运动动画；当使用影片剪辑实例作为遮罩时，可以让遮罩沿运动路径运动。6.3遮罩层动画6.3.2遮罩层动画的原理及使用遮罩层中的图形对象在播放动画6.3.2遮罩层动画的原理及使用透过遮罩层中的对象可看到被遮罩层中的对象及其属性，包括它们的变形效果；遮罩层中对象的许多属性，如渐变色、透明度、颜色和线条样式等却是被忽略的，例如，不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。在被遮罩层中，可以使用按钮、影片剪辑、图形、位图、文字和线条。若要在场景中

10、显示遮罩效果，可以锁定遮罩层和被遮罩层。6.3遮罩层动画6.3.2遮罩层动画的原理及使用透过遮罩层中的对象可看到被遮6.3.1 案例卷轴画【案例学习目标】使用形状补间、动作补间创建遮罩层动画，制作画面展开的动画效果【案例知识要点】制作被遮罩层：即古画层制作遮罩层：右键，选择遮罩层在遮罩层中，绘制矩形，用形状补间动画使矩形由窄变宽另外分别新建2个图层，制作左画轴和右画轴的动作补间动画，播放时左右画轴分别向古画的两侧运动如图6-54所示。6.3遮罩层动画图6-54卷轴画效果图6.3.1 案例卷轴画【案例学习目标】6.3遮罩层动画图6.4 综合案例6.4.1 综合案例1星星字6.4.2 综合案例2太

11、阳地球月亮6.4 综合案例6.4.1 综合案例1星星字6.4.1 综合案例1星星字【案例学习目标】使用引导层制作动画【案例知识要点】使用椭圆工具和线条工具绘制星星使用文本工具输入文字并将它们放置于两个图层的相同位置对下层的文字进行填充，作为文字背景将上层的文字打散，作为运动路径，将该层设为引导层，使星星沿着文字边框移动，如图6-60所示。6.4 综合案例 图6-60星星字效果图6.4.1 综合案例1星星字【案例学习目标】6.4 综合6.4.2 综合案例2太阳地球月亮【案例学习目标】使用引导层、遮罩层制作动画。【案例知识要点】使用椭圆工具绘制太阳、地球、月亮，在引导层中绘制椭圆轨道，使得月亮围绕

12、地球转，地球围绕太阳转。太阳的光芒利用遮罩层动画实现，即用线条遮罩线条，但线条必须转化为填充。在遮罩层中设置传统补间动画，让线条旋转，从而看到被遮罩层中的线条的局部，实现光芒闪烁的动画效果，如图6-77所示。图6-77 太阳地球月亮效果图 6.4 综合案例 6.4.2 综合案例2太阳地球月亮【案例学习目标】图6-课后实训1. 制作动画：走路的绣花鞋2. 制作动画：车子开过家门前课后实训1. 制作动画：走路的绣花鞋1. 制作动画：走路的绣花鞋【练习要点】导入红舞鞋图片序列，制作逐帧动画的影片剪辑绘制曲线作为引导路径，在被引导层中放入制作好的影片剪辑，使影片剪辑沿着曲线运动，如图6-95所示。课后实训 图6-95走路的红舞鞋效果图1. 制作动画：走路的绣花鞋【练习要点】课后实训 图6-952. 制作动画：车子开过家门前【