中文版flash动画制作培训教程 第8章 制作特殊动画

中文版中文版FlashFlash动画制作培训教程动画制作培训教程第8课 制作特殊动画w本章要点w具体要求w本章导读w上机练习中文版中文版FlashFlash动画制作培训教程动画制作培训教程本章要点w引导层w引导动画的制作方法w遮罩层w遮罩动画的制作方法中文版中文版FlashFlash动画制作培训教程动画制作培训教程具体要求w熟悉引导层的创建方法w掌握引导动画的制作w熟悉遮罩层的创建方法w掌握遮罩动画的制作方法中文版中文版FlashFlash动画制作培训教程动画制作培训教程本章导读w引导动画和遮罩动画是两种特殊的Flash动画，制作中使用频率很高。这两种动画都w需要由至少两个图层共同构成，因此制作方法相对普通动画而言较复杂。使用引导动w画可以使对象沿设置的路径运动。使用遮罩动画可以制作不同的画面显示效果。n引导动画：树叶飘落，小鸟飞翔，星体运动，激光写字n遮罩动画：电影序幕，菜单的显示与隐藏，百叶窗效果，放大镜、探照灯效果中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.1 引导动画w引导动画是指对象沿着特定的路径运动的特殊动画。本节将介绍引导层和引导动画的制作方法。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.1 引导动画w8.1.1 知识讲解w8.1.2 典型案例飞鹰中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.1.1 知识讲解w引导动画由引导层和被引导层组成，引导层用于放置对象运动的路径，被引导层用于放置运动的对象。制作引导动画的过程实际就是对引导层和被引导层的编辑过程。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.1.1 知识讲解w1引导层简介w2引导动画制作方法w3多层引导动画中文版中文版FlashFlash动画制作培训教程动画制作培训教程1引导层简介w引导动画必须通过引导层来创建，因此制作引导动画前必须先了解引导层。引导层是一种特殊的图层，在这个图层中可以绘制一条线段作为路径，让某个对象沿着这条路径运动，从而制作出沿路径运动的动画。引导层上的所有内容只作为对象运动的参考线，而不会出现在作品的最终效果中。w创建引导层的常用方法有用 按钮创建、用菜单命令创建和将普通图层转换为引导层三种方式。中文版中文版FlashFlash动画制作培训教程动画制作培训教程1）用 按钮创建w单击图层控制区左下角的 按钮，可在当前图层上方创建一个新的引导层，并且在原当前图层与新建的引导图层之间建立链接关系。中文版中文版FlashFlash动画制作培训教程动画制作培训教程2）用菜单命令创建引导层w在要创建引导层的图层上单击鼠标右键，从弹出的快捷菜单中选择【添加引导层】命令，即可在该图层上层创建一个与它链接的引导层。中文版中文版FlashFlash动画制作培训教程动画制作培训教程3）将普通图层转换为引导层w将普通图层转换为引导层的具体操作如下：n1）双击要转换为引导层图层图标 ，打开【图层属性】对话框。n2）在【类型】栏中选中 单选按钮，单击 按钮。n3）此时图层图标由 变为 。n4）双击引导图层下层的图层图标 ，在打开的【图层属性】对话框中选中 单选按钮，即可在引导层与其下的图层之间创建链接关系。中文版中文版FlashFlash动画制作培训教程动画制作培训教程通过菜单命令创建引导层 和创建引导层的链接关系 中文版中文版FlashFlash动画制作培训教程动画制作培训教程3）将普通图层转换为引导层w如果引导层没有被引导的对象，或引导层和被引导层之间没有链接关系，它的图层会由 图标变为 图标。如在拖移被引导层中选中“图层2”，按住鼠标左键将其向左下方拖动，被引导层图标与引导层图标对齐，引导层前面的 图标变为 图标，这时的引导层没有实际意义。中文版中文版FlashFlash动画制作培训教程动画制作培训教程 拖移被引导层 和没有引导对象的引导层 中文版中文版FlashFlash动画制作培训教程动画制作培训教程2引导动画制作方法w制作引导动画的具体操作如下：n1）在普通层中创建一个对象。n2）单击 按钮，在普通层上层新建一个引导层，普通层自动变为被引导层。n3）在引导层中绘制一条路径，然后将引导层中的路径沿用到某一帧。n4）在被引导层中将对象的中心控制点移动到路径的起点。n5）在被引导层的某一帧插入关键帧，并将对象移动到引导层中路径的终点。n6）在被引导层的两个关键帧之间创建动作补间动画，引导动画制作完成。中文版中文版FlashFlash动画制作培训教程动画制作培训教程2引导动画制作方法 在制作引导动画的过程中，如果制作方法有误，可能会造成引导动画创建失败，使被引导的对象不能沿引导路径运动。在制作引导动画过程中需要注意以下几点：引导线转折处的线条弯转不宜过急、不宜过多，否则Flash无法准确判定对象的运动路径。引导线应为一条从头到尾连续贯穿的线条，线条不能出现中断的现象。引导线中不能出现交叉与重叠的现象。被引导对象必须准确吸附到引导线上，也就是元件编辑区中心必须位于引导线上，否则被引导对象将无法沿引导路径运动。中文版中文版FlashFlash动画制作培训教程动画制作培训教程引导线转折过急 中文版中文版FlashFlash动画制作培训教程动画制作培训教程3多层引导动画w多层引导动画，就是利用一个引导层同时引导多个被引导层中的对象。n一般情况下，创建引导层后，引导层只与其下的一个图层建立链接关系。如果要使引导层能够引导多个图层，可以将图层拖移到引导层下方，或通过更改图层属性的方法添加需要被引导的图层。n为一个引导层成功创建多个被引导层后，多层引导动画即创建完成。在Flash MX 2004中，为引导层添加多个被引导层的方法主要有以下两种：中文版中文版FlashFlash动画制作培训教程动画制作培训教程3多层引导动画n如果需要被引导的图层位于引导层上方，可以选取该图层，将其拖移至引导层下方。n如果需要被引导的图层位于引导层下方，双击该图层上的 图标，在打开的【图层属性】对话框中选中 单选按钮。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.1.2 典型案例飞鹰w本案例将制作一只鹰在天空飞翔的动画效果，主要巩固前面所讲引导动画的知识，重点练习引导层的创建和制作引导动画的方法。w素材位置：【第8课素材】w效果图位置：【第8课源文件飞鹰.fla】w制作思路：n1）导入“草原.jpg”图形素材到场景中作为背景。n2）导入“鹰.png”图形素材到场景中。n3）创建引导层，并绘制鹰飞翔的引导路径。n4）为被引导层创建动作补间动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程“飞鹰”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程操作步骤w根据“制作思路”，本案例分为两大部分：第一步，导入素材并制作场景；第二步，制作引导动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程1导入素材并制作场景w此动画的背景是一幅草原图形，可以通过导入的图形素材创建，动画中飞翔的鹰也可以由导入的素材来实现。其具体操作（请老师参照软件讲解）：中文版中文版FlashFlash动画制作培训教程动画制作培训教程2制作引导动画w将素材导入并制作完场景后，可以通过单击图层区域左下角的 按钮新建引导层，并制作出引导动画，其具体操作（请老师参照软件讲解）：中文版中文版FlashFlash动画制作培训教程动画制作培训教程案例小结w本案例制作了一只苍鹰在草原上空滑翔的动画效果，在制作过程中主要练习了导入素材、创建引导层和动作补间动画等操作。在创建引导层时，这里使用的是单击图层区域左下角的 按钮的方法，读者可以试试另一种方法创建：先新建一个图层，在其中绘制引导路径，再将图层转换成引导层。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.2 遮罩动画w除了可以制作引导动画外，在Flash中还可以制作遮罩动画。下面我们就来学习关于遮罩层和遮罩动画的知识。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.2 遮罩动画w8.2.1 知识讲解w8.2.2 典型案例画卷中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.2.1 知识讲解w遮罩动画由遮罩层和被遮罩层组成。遮罩层用于放置遮罩的形状，被遮罩层用于放置要显示的图像。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.2.1 知识讲解w1遮罩层简介w2遮罩动画制作方法w3多层遮罩动画中文版中文版FlashFlash动画制作培训教程动画制作培训教程1遮罩层简介w遮罩动画通过遮罩层创建。遮罩层是一种特殊的图层，使用遮罩层后，遮罩层下面的被遮罩层中的内容就像透过一个窗口显示出来一样，这个窗口的形状即为遮罩层中的内容形状。当在遮罩层中绘制对象时，这些对象具有透明效果，可以显示出图形位置的背景。w将普通图层转换为遮罩层的方法有两种：菜单命令转换和使用【图层属性】对话框。中文版中文版FlashFlash动画制作培训教程动画制作培训教程1）用菜单命令转换w在要转换为遮罩层的图层上单击鼠标右键，从弹出的快捷菜单中选择【遮罩层】命令，即可将该图层转换为遮罩层，并与其下层图层建立链接关系。中文版中文版FlashFlash动画制作培训教程动画制作培训教程2）用【图层属性】对话框转换w用【图层属性】对话框将普通图层转换为遮罩层的具体操作如下：n1）双击要转换为遮罩层的图层图标 ，打开【图层属性】对话框。n2）在【类型】栏中选中 单选按钮，单 击 按钮。n3）此时图层图标由 变为 。n4）双击遮罩图层下层的图层图标 ，在打开的【图层属性】对话框中选中 单选按钮，即可在遮罩层与其下的图层之间创建链接关系。中文版中文版FlashFlash动画制作培训教程动画制作培训教程2）用【图层属性】对话框转换w遮罩层图标为 。将图层转换为遮罩层，并与下方的图层建立链接关系后，被遮罩层图标比遮罩层图标缩进一格。遮罩层下层的图层图标将更改为被遮罩的层图标 ，成为被遮罩层。被遮罩层中的内容会透过遮罩层中的填充区域显示出来。中文版中文版FlashFlash动画制作培训教程动画制作培训教程2遮罩动画制作方法w遮罩动画的制作原理就是通过遮罩层来决定被遮罩层中的显示内容，以此出现动画效果。制作简单遮罩动画的具体操作如下：n1）创建或选取一个图层，在其中设置将在遮罩中出现的对象。n2）选取该图层，再单击图层区域的 按钮，在其上新建一个图层。n3）在遮罩层上编辑图形、文字或元件的实例。n4）选取作为遮罩层的图层，单击鼠标右键，在弹出的快捷菜单中选择【遮罩层】命令。n5）锁定遮罩层和被遮住的层即可在Flash中显示遮罩效果。中文版中文版FlashFlash动画制作培训教程动画制作培训教程3多层遮罩动画w多层遮罩动画就是指一个遮罩层同时遮罩多个被遮罩层的动画。通常在制作遮罩动画时，系统只默认遮罩层下的一个图层为被遮罩层，如果要使该遮罩层能够遮罩多个图层，可以为遮罩层添加多个被遮罩层，其方法有以下两种：n如果需要添加的图层位于遮罩层上方，选中该图层，将其直接拖动到遮罩层下方。n如果需要添加的图层位于遮罩层下方，可双击该图层上 的 图标，在打开的【图层属性】对话框中选中 单选按钮。n要断开图层和遮罩层的链接，可以先选择要断开链接的被遮罩层，再将该层拖到遮罩层的上面，或选择【修改】【时间轴】【图层属性】命令，然后选择 单选按钮。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.2.2 典型案例画卷w本例将制作一个名为“画卷”的动画，画卷从上往下逐渐展开，效果图如图8.25所示。通过本例的练习，读者可以熟悉遮罩动画的制作方法。w素材位置：【第8课素材】w效果图位置：【第8课源文件画卷.fla】w制作思路：l1）导入“画.jpg”图形素材到场景中。新建一个图层，在其中绘制矩形。l2）在“图层2”中创建矩形由上向下伸展的动作补间动画。l3）将“图层2”转换为遮罩层，使矩形对下方的画卷进行遮罩。l4）新建一个图层，绘制画轴图形，并创建动作补间动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程“画卷”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程操作步骤w根据“制作思路”，本案例分为两大部分：第一步，导入素材并绘制图形；第二步，制作遮罩动画与动作补间动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程1导入素材并绘制图形w其具体操作（请老师参照软件讲解）：中文版中文版FlashFlash动画制作培训教程动画制作培训教程2制作遮罩动画与动作补间动画w本例中的遮罩动画是将矩形所在层作为遮罩层，画卷所在层作为被遮罩层，通过矩形的伸展，将其下方的画卷逐渐显示出来。其具体操作（请老师参照软件讲解）：中文版中文版FlashFlash动画制作培训教程动画制作培训教程案例小结w本案例制作了一个画卷从上向下展开的遮罩动画，巩固了遮罩层的创建方法，掌握了遮罩动画的基本制作方法。制作遮罩动画之前一定要思路清晰，想好哪部分内容应放在遮罩层，哪部分内容应放在被遮罩层，否则得不到预想的效果。需要注意的是，本案例制作的遮罩动画是在遮罩层上创建动作补间动画完成的，读者也可以在被遮罩层中制作出动态效果，来实现遮罩动画的效果。中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.3 上机练习w8.3.1 蜻蜓点水w8.3.2 霓裳艳影中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.3.1 蜻蜓点水w本次练习将制作“蜻蜓点水”效果图。完成后，蜻蜓将在水面上翩翩飞舞，从场景右上方飞入，再从场景左下方飞出。主要练习引导动画的制作。w素材位置：【第8课素材】w效果图位置：【第8课源文件蜻蜓点水.fla】w制作思路：l文件的大小为“500300”像素。l导入“水.jpg”图形素材作为背景图片。l导入“蜻蜓.png”图形素材，并为其创建引导层。l在引导层中绘制引导路径，创建引导动画。中文版中文版FlashFlash动画制作培训教程动画制作培训教程“蜻蜓点水”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.3.2 霓裳艳影w本次练习将制作名为“霓裳艳影”的动画。完成后，场景中两张不同的图形素材将透过变幻的五边形出现。主要练习多角星形工具的应用和遮罩动画的制作。中文版中文版FlashFlash动画制作培训教程动画制作培训教程“霓裳艳影”最终效果图 中文版中文版FlashFlash动画制作培训教程动画制作培训教程8.3.2 霓裳艳影w素材位置：【第8课素材】w效果图位置：【第8课源文件霓裳艳影.fla】w制作思路：n文件的大小为“400400”像素。n导入“衣2.jpg”图形素材作为背景图片。n导入“衣1.jpg”图形素材作为被遮罩层。n用多角星形工具绘制一个五边形，再制作动作补间动画效果，最后转换为遮罩层。