动画设计基础-特殊动画制作

第六章特殊动画制作本课要点具体要求本课导读综合实例本章要点引导动画遮罩动画滤镜动画具体要求了解引导层的基本概念，并掌握利用引导层制作引导动画的方法。了解遮罩层的基本概念，并掌握利用遮罩层制作遮罩动画的方法。了解滤镜的概念，掌握滤镜的添加方法，并学会制作滤镜动画。本课导读

在Flash8中，除了创建逐帧动画、动作补间动画和形状补间动画等三种基本动画外，还可通过利用引导层和遮罩层创建引导动画和遮罩动画。

另外，应用Flash8新增的滤镜功能，可以为文本、按钮和影片剪辑添加特定的滤镜效果，为创建的动画添加适当的滤镜，从而制作出效果精美的滤镜动画。6.1引导动画

通过为动画对象创建引导动画，可以使动画对象沿用户指定的路径运动（如沿指定路径飘落的树叶）。

巧妙地应用引导动画，并通过将引导动画与其他动画类型相结合，可以制作出具有引导效果的精美动画。6.1引导动画

6.1.1

知识讲解6.1.2典型案例——制作“平抛运动”动画6.1.3

典型案例——制作“翻山越岭”

动画6.1.1知识讲解

在Flash8中，引导动画的创建主要通过引导层来实现，下面就对引导层的基本概念、新建引导层，以及利用引导层创建引导动画的方法进行讲解。6.1.1知识讲解1.引导层2.创建引导动画3.创建运动引导线1.引导层引导层是Flash8中的特殊图层之一，在引导层中，用户可绘制作为运动路径的线条，然后在引导层与普通图层建立链接关系，使普通图层中动作补间动画中的动画对象沿绘制的路径运动，从而制作出沿指定路径运动的引导动画。引导层中的图形只能在舞台工作区内看到，在输出的影片中不会出现。另外，还可以把多个普通图层关联到一个引导层上。

新建引导层的常用方法在Flash8中新建引导层的常用方法主要有以下三种。利用按钮创建利用菜单创建通过改变图层属性创建2.创建引导动画在Flash8中创建引导动画的操作如下：（1）在普通图层中绘制要被引导的图形。（2）在图层区域中单击按钮，在普通图层上方新建引导层，然后使用铅笔工具在场景中绘制作为路径的引导线条。（3）根据要创建的引导动画长度，在引导层中的相应位置插入普通帧（如引导动画的长度为70帧，就在第70帧插入普通帧）。2.创建引导动画

（4）选中普通图层的第1帧，单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令，创建补间动画。

（5）按住鼠标左键，将第1帧中的图形拖动到引导线的一端，此时图形将自动吸附到引导线上。

（6）在第70帧插入关键帧，然后将第70帧中的图形拖动到引导线的另一端，并使其吸附到引导线上。

（7）至此即完成了引导动画的创建。3.创建运动引导线运动引导线用来控制对象的运动轨迹。创建运动引导线的过程就是在引导层上描绘出一条路径。可以使用任何工具来绘制运动引导线，常用的是钢笔、铅笔或线条工具，如果使用椭圆或矩形来描绘，则不要使用任何填充色。“被引导层”中的对象是跟着引导线走的，可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状。“被引导”层中最常用的动画形式是动作补间动画，当播放动画时，一个或数个元件将沿着运动路径移动。3.创建运动引导线创建运动引导线的基本方法是：选中引导层，使用铅笔或其他工具在舞台上描绘运动引导线。需要注意的是，绘制的运动引导线不要过于陡峭，平滑的运动路径更有利于引导层动画的成功。使对象沿运动引导线运动要使运动补间对象更好地沿着描绘好的运动引导线移动，还需要以下设计：（1）在运动补间动画的开始关键帧，将对象拖动到引导线的一端，使对象的中心点与引导线的起始点对齐。（2）在运动补间动画的结束关键帧，将对象拖动到引导线的另一端，使对象的中心点与引导线的终点对齐。使对象沿运动引导线运动（3）一般情况下，运动补间对象沿着引导线一直保持水平移动。为使对象能够随着引导线旋转或改变方向做相切运动，可选中该运动补间动画，在“属性”面板中勾选【调整到路径】选项。如果在【对齐】前打勾，元件的注册点就会与运动路径对齐。（4）在让对象沿运动引导线移动的同时，还可以应用其他的动画效果，如旋转、放大、缩小等。6.1.2典型案例——制作“平抛运动”动画源文件位置：【\第6课\源文件\制作“平抛运动”动画.fla】6.1.3典型案例——制作“翻山

越岭”动画案例目标

本案例将应用本节所学的知识，利用制作的“汽车”影片剪辑，创建一个汽车沿山坡运动的引导动画，制作出如图所示的“翻山越岭”动画效果。

素材位置：【\第6课\素材】源文件位置：【\第6课\源文件\制作“翻山越岭”动画.fla】6.1.3典型案例——制作“翻山

越岭”动画操作思路（1）新建“汽车”影片剪辑，制作表现汽车颠簸和尾气排放的动画效果。（2）将图层1重命名为“天空”图层，将导入的“天空.jpg”图片素材放置到图层中。（3）新建“山坡”图层，在该图层中绘制表现山坡的渐变色图形。（4）新建“汽车”图层并新建引导层，然后利用“汽车”影片剪辑制作引导动画。6.2遮罩动画

通过为动画对象创建遮罩动画，可以在遮罩图形所创建的图形区域中显示动画对象。通过改变遮罩图形的大小和位置，即可对动画对象的显示范围进行控制。6.2遮罩动画 在遮罩层上创建对象，相当于在遮罩层上挖掉了相应形状的洞，形成挖空区域，挖空区域将完全透明，其他区域都是完全不透明的。通过挖空区域，下面图层的内容就可以被显示出来，而没有对象的地方成了遮挡物，把下面的被遮罩图层的其余内容遮挡起来。6.2遮罩动画因此可以透过遮罩层内的对象（挖空区域）看到其下面的被遮罩图层的内容。利用遮罩层的这一特性，可以制作很多特殊效果。常见的遮罩动画如在舞台上扫来扫去的聚光灯、滚动的文本字幕、水波、百叶窗等。

6.2遮罩动画 6.2.1

知识讲解 6.2.2

典型案例——制作“星际

之门”动画

6.2.3典型案例——制作“探照灯效果”动画6.2.1知识讲解

在Flash8中，遮罩动画的创建主要通过遮罩层来实现，下面就对遮罩层的基本概念、新建遮罩层以及利用遮罩层创建遮罩动画的方法进行讲解。6.2.1知识讲解1.遮罩层2.创建遮罩动画1.遮罩层

遮罩层是Flash8中的一种特殊图层，在遮罩层中用户可绘制任意形状的图形，然后在遮罩层与普通图层之间建立链接关系，使普通图层中的图形通过遮罩图层中绘制的图形显示出来，从而制作以指定形状显示的遮罩动画。

遮罩层的特点1）遮罩层是一种比较特殊的图层，它影响了被遮罩层上的对象的可见性。2）遮罩层中的内容可以是图形、文字、影片剪辑、位图等，但不能使用线条，如要用线条，可以“将线条转化为填充”。3）在遮罩层中还可以使用形状补间动画、运动补间动画，创作出更富有想象力的遮罩动画。遮罩层的特点4）一个遮罩层能影响其下方的多个被遮罩的图层，但不能用一个遮罩层遮罩另一个遮罩层。5）遮罩层在播放动画时是看不见的，只能看到遮罩的效果。因此，在遮罩层中主要是设置对象的大小和形状，而不必设置对象的渐变色、透明度等其他属性。例如，可以将遮罩层中的对象颜色设置为黑色，更便于区分。6）在设计动画的过程中，只有将遮罩层和被遮罩层同时锁定，才能看到遮罩的效果。遮罩层的特点7）在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。8）一个遮罩层中只能存在一个遮罩物。也就是说，只能在一个遮罩层中放置一个文本对象、影片剪辑实例或其他东西。9）在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，还可以拖动边框调整遮罩图形的外形和位置。2.创建遮罩动画在Flash8中创建遮罩层的常用方法主要有以下两种:利用菜单创建通过改变图层属性创建

转换为遮罩层的图层的图标会从普通层图标变为遮罩层图标，同时系统会自动把紧挨在遮罩层下方的一层关联为“被遮罩层”，被遮罩层的图标向右缩进，如果要关联更多被遮罩的图层，只要把这些图层拖到该遮罩层下面就可以了。

6.2.2典型案例——制作“星际

之门”动画案例目标

本案例将应用本节所学知识，利用制作的“标志”图形元件和导入的图片素材，创建一个利用标志遮罩图形的遮罩动画，制作出“星际之门”动画效果。素材位置：【\第6课\素材】源文件位置：【\第6课\源文件\制作“星际之门”动画.fla】

6.2.2典型案例——制作“星际

之门”动画操作思路

（1）在“图片1”图层中利用导入的“AT01.bmp”图片素材制作图片翻转和变色的动画效果。（2）新建“方框”图层，并在该图层中制作白色方框旋转的补间动画。

6.2.2典型案例——制作“星际

之门”动画（3）新建“文字遮罩”图层，在该图层中利用制作的“标志”图形元件，制作图形元件缩放的补间动画，然后将“文字遮罩”图层转换为遮罩层，使其遮罩下方的两个图层。（4）用类似的方法，新建“图片2”图层和“标志遮罩”图层，并利用“AT02.bmp”图片素材制作出类似的遮罩动画效果。

6.2.2典型案例——制作“星际

之门”动画案例小结

本案例通过制作“星际之门”动画，练习了在Flash8中创建遮罩动画的基本方法。在制作遮罩动画时，通过在遮罩层和被遮罩层中同时创建动画，并通过加大遮罩层和被遮罩层中图形的变化程度，可以使遮罩动画的视觉表现力更为突出。6.2.3典型案例——制作“探照灯效果”动画案例目标：创建探照灯效果的遮罩动画。源文件位置：【\第6课\源文件\制作“探照灯效果”动画.fla】

制作步骤1启动Flash8，新建一空白文档，设置影片尺寸为400*200，背景颜色为#333333，帧频为12，标尺单位保持不变。双击时间线上的文本“图层1”，将图层命名为“背景”。制作步骤2单击工具箱中的文本工具图标，在舞台工作区中输入文本“FLASH动画”。设置文本类型为“静态文本”，字体为“隶书”，大小为“50”，颜色为#999999，字符间距为2，坐标轴X为70，Y为70，其余保持不变。制作步骤3新建一图层，并命名为“底层”。执行选择新建的“底层”为当前层，鼠标单击工具箱上矩形工具图标，在舞台上画一矩形，去掉边线，设置其坐标轴X为0，Y为0，宽度为400，高度为200，背景色为#FFFFFF。在矩形上方输入文字“FLASH动画”，设置文本类型为“静态文本”，字体为“华文中宋”，大小为“50”，颜色为#FF9933，字符间距为2，坐标轴X为70，Y为70，其余保持不变。制作步骤4新建图层，并命名为“遮罩”。选中“遮罩”层，在舞台工作区中画一个圆，去掉边线，设置其坐标轴X为5，Y为65，宽度为80，高度为80。

鼠标右击“遮照”层第一帧，执行“创建补间动画”命令。然后选择第35帧，插入关键帧。然后选择第35关键帧中的圆，设置坐标轴X为315，Y为65。制作步骤5选择“背景”和“底层”图层中的第35帧，按F5键，插入帧。鼠标右击“遮罩”层，执行“遮罩层”命令。动画创作完毕后时间轴如图所示。舞台如图所示。制作步骤6动画创作完毕，按Ctrl+Enter键测试动画。保存文件并发布动画。6.3滤镜动画

滤镜动画是Flash8中新增的一种动画形式，和引导动画与遮罩动画不同，滤镜动画并不是一种特殊的动画类型，而是通过为创建的动画添加指定的滤镜，所获得的一种特殊动画效果。6.3滤镜动画6.3.1

知识讲解6.3.2

典型案例——制作“故乡的云”

动画6.3.1知识讲解

在Flash8中，滤镜动画主要通过为动画中的文本、影片剪辑或按钮对象添加指定的滤镜效果来实现。下面就对滤镜的基本概念、添加滤镜，以及制作滤镜动画的基本方法进行讲解。6.3.1知识讲解 1.

滤镜概述 2.滤镜的添加方法 3.制作滤镜动画1.滤镜概述

滤镜是Flash8的新增功能，Flash8中的滤镜可以为文本、按钮和影片剪辑增加特殊的视觉效果（如投影、模糊、发光和斜角等效果）。在之前的Flash版本中，没有滤镜功能，在Flash8中，只需为图形添加相应的滤镜，就可以制作出这类特殊的视觉效果。2.滤镜的添加方法

在Flash8中为文本、影片剪辑或按钮对象添加滤镜的具体操作如下：（1）在场景中选择要添加滤镜的文本（也可以是影片剪辑或按钮）。（2）在【属性】面板中单击【滤镜】选项卡，出现【滤镜】面板。（3）在面板中单击按钮，在快捷菜单中选择【发光】命令，为文字添加【发光】滤镜效果。在【滤镜】面板中将出现滤镜的相关参数。2.滤镜的添加方法（4）在面板中对发光滤镜的模糊、强度、品质以及颜色等参数进行适当设置，设置参数的同时，在场景中可预览该文字添加滤镜的效果。（5）当设置完成后，在场景中单击鼠标左键，即可完成滤镜的添加操作。3.制作滤镜动画

在Flash8中利用滤镜功能制作滤镜动画的具体操作如下：（1）将制作滤镜动画的影片剪辑放置到场景中。（2）选中影片剪辑，然后在【属性】面板中单击【滤镜】选项卡，在面板中单击按钮，在弹出的快捷菜单中选择【模糊】命令，然后在【滤镜】面板中调整参数。3.制作滤镜动画（3）再次单击按钮，在弹出的快捷菜单中选择【调整颜色】命令，为影片剪辑添加【调整颜色】滤镜，并保持其默认设置。（4）选中第1帧创建补间动画，然后在第60帧插入关键帧。（5）选中第60帧中的影片剪辑，在【滤镜】面板左侧的列表框中选中【模糊】滤镜，然后将其【模糊】参数设置为10，使场景中的影片剪辑出现模糊的效果。（6）在【滤镜】面板左侧的列表框中选中【调整颜色】滤镜，然后对亮度、对比度、饱和度和色相参数进行设置，使场景中的影片剪辑出现颜色变化的效果。6.3.2典型案例——制作“故乡

的云”动画案例目标

本案例将通过为导入的图片素材创建相应的动作补间动画，并为动画添加相应的滤镜效果，制作“故乡的云”滤镜动画。可掌握在Flash8中为动画对象添加滤镜的基本操作，并练习制作滤镜动画的方法。素材位置：【\第6课\素材】源文件位置：【\第6课\源文件\制作“故乡的云”.fla】6.3.2典型案例——制作“故乡

的云”动画操作思路

（1）将素材图片导入到库中，并创建表现风车叶片旋转的“风车”影片剪辑，然后在“天空”图层中绘制用于表现天空的矩形。（2）新建“云”图层，利用“云.png”图片素材制作云向右移动的动作补间动画，并添加【斜角】滤镜效果。

（3）利用“小屋.png”、【发光】滤镜和【调整颜色】滤镜，制作表现山坡和小屋逐渐变色的滤镜动画效果。

（4）新建“风车”图层，将“风车”影片剪辑放置到该图层中，将其复制两个并添加【投影】滤镜效果。6.3.2典型案例——制作“故乡

的云”动画案例小结

本案例通过制作“故乡的云”动画，练习了在Flash8中为动画对象添加滤镜效果，以及制作滤镜动画的基本方法。在制作本例的过程中，可以不用完全按照本例添加的滤镜种类和参数进行制作，可结合自己计算机的实际性能，增减本例中添加的滤镜种类和数量，并对滤镜的品质进行调整。6.4综合实例6.4.1

制作“月下流萤”动画6.4.2

制作“波浪”动画6.4.3制作“窗凝”动画6.4.1制作“月下流萤”动画

本次练习将利用引导动画，制作表现萤火虫满天飞舞的“月下流萤”动画。本例主要练习在影片剪辑中制作引导动画，并将影片剪辑应用到场景的基本方法。素材位置：