第8章Flash高级动画制作

1、第第8章章 Flash高级动画制作高级动画制作遮罩动画引导层动画使用【动画编辑器】使用动画预设本章主要内容：8.1 8.1 遮罩动画遮罩动画8.1.1 创建遮罩动画创建遮罩动画8.1.2 实战范例实战范例图片切换效果图片切换效果 遮罩动画是Flash的一种基本动画方式，制作遮罩动画至少需要2个图层，即遮罩层和被遮罩层。在时间轴上，位于上层的图层是遮罩层，这个遮罩层中的对象就像一个窗口一样，透过它的填充区域可以看到位于其下方的被遮罩层中的区域。而任何的非填充区域都是不透明的，被遮罩层在此区域中的图像将不可见。8.1.1 创建遮罩动画创建遮罩动画8.1.1 创建遮罩动画创建遮罩动画创建遮罩图层 在

2、一个图层中放置被遮罩的对象，如这里放置一张素材图片。在该图层上创建一个新图层，在该图层中放置用于遮罩的对象，如这里放置一个八角星形。在【时间轴】面板中鼠标右击放置遮罩对象的图层，在关联菜单中选择【遮罩层】命令将该图层变为遮罩图层，此时即可获得需要的遮罩效果。8.1.1 创建遮罩动画创建遮罩动画2取消遮罩 在【时间轴】面板中选择遮罩图层，选择【修改】|【时间轴】|【图层属性】命令（或双击图层名左侧的图标）打开【图层属性】对话框。在对话框中选择【类型】栏中【一般】单选按钮。单击【确定】按钮关闭【图层属性】对话框，则遮罩层转换为一般图层，遮罩效果被取消。1范例简介 本例介绍使用遮罩动画来创建图片切换

3、效果。本例的图片切换效果一共有3个，这3个图片切换效果均使用遮罩动画来创建。通过本例的制作，读者将掌握在一段动画中同时使用多个遮罩效果的制作方法，熟悉遮罩动画制作的一般步骤。同时能够了解Flash中常用的图片切换效果的制作思路，为制作更为复杂的图片切换效果打下基础。8.1.2 实战范例实战范例图片切换效果图片切换效果2制作步骤略。请参看教材或者观看配盘上的视频教程。8.2 引导层动画引导层动画8.2.2 实战范例实战范例移动的电子移动的电子8.2.1 创建引导层动画创建引导层动画8.2.1 创建引导层动画创建引导层动画 引导层动画的原理很简单，就是将某个图层中绘制的线条作为补间元件的运动路径，

4、引导层的作用就是辅助其他图层的对象运动和定位。引导层中的对象必须是打散的图形，也就是说作为路径的线条不能是组合对象，被引导层必须位于引导层的下方。要创建引导层动画，可以使用下面的方法来操作。在图层中绘制线条，如这里使用【钢笔工具】绘制一条曲线，鼠标右击该图层，选择关联菜单中的【引导层】命令将该图层转换为引导层。此时该图层的图层名左侧将显示 图标。再创建一个新图层，在该图层中绘制被引导对象。将该图层拖放到引导层的下方，引导层图标变为 ，引导层即生效，这两个图层产生关联。8.2.2 实战范例实战范例移动的电子移动的电子1范例简介 本例介绍引导层动画的制作过程。在本例中，使用【椭圆形工具】绘制椭圆形

5、引导线，由于引导线必须是开放线条，因此这里使用【橡皮擦工具】在椭圆形线条上擦出一个小缺口。本例共需要3个引导层动画，这里在完成第一个动画后复制图层，通过对复制图层中的引导线和被引导对象进行编辑来快速创建动画。通过本例的制作，读者将能够掌握引导层动画的创建方法，进一步熟悉图层的各种操作以及使用滤镜来创建各种特效的方法。2、制作步骤略。请参看教材或者观看配盘上的视频教程。 8.3 使用【动画编辑器使用【动画编辑器】8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画8.3.1 认识【动画编辑器认识【动画编辑器】8.3.3 实战范例实战范例电话来了电话来了8.3.1 认识【动画编

6、辑器认识【动画编辑器】 在时间轴上创建了补间后，使用【动画编辑器】面板能够以多种方式来对补间进行控制。选择【窗口】|【动画编辑器】命令可以打开【动画编辑器】面板。在面板的左侧是对象属性的可扩展列表以及动画的【缓动】属性，面板右侧的时间轴上显示出直线或曲线，直观表现出不同时刻的属性值。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画1添加或删除属性关键帧在【动画编辑器】面板的时间轴上同样有红色的播放头，拖动该播放头到需要进行帧操作的位置，在面板中单击【添加或删除关键帧】按钮即可在播放头所在的帧添加一个关键帧，此时在该帧处的曲线上将显示一个关键帧节点 在时间轴上选择某个关键

7、帧节点后，单击【添加或删除关键帧】按钮可以将该关键帧删除。在时间轴上拖曳拖曳关键帧节点可以改变关键帧的位置。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画2改变实例的位置 在【动画编辑器】面板中，除了可以通过在X和Y文本框中输入数值来改变对象的在舞台上的位置之外，还可以通过改变X或Y属性时间轴上关键帧节点的垂直位置来更改该关键帧中实例在舞台上的位置。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画3对实例进行变形 使用【动画编辑器】面板可以对实例进行倾斜或缩放变换。在【动画编辑器】面板中展开【转换】选项栏，设置其中的【倾斜X】和【倾斜Y】值，可

8、以对当前关键帧中实例进行倾斜变换。设置【缩放X】和【缩放Y】值，可以对实例进行缩放变换。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画4添加或删除色彩效果 在【动画编辑器】面板中展开【色彩效果】选项栏，单击【色彩效果】选项右侧的按钮将打开一个菜单，在菜单中选择相应的选项（如这里的Alpha），此时即可对该选项的参数进行设置。如果要删除添加的色彩效果，单击【删除颜色、滤镜和缓动】按钮，在打开的菜单中选择需要删除的项目即可。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画5添加或删除滤镜 在【动画编辑器】面板中展开【滤镜】选项栏，单击【滤镜】选项右

9、侧的按钮将打开一个菜单，在菜单中选择相应的选项（如这里的【模糊】），此时即可对【模糊】滤镜进行设置。如果要删除添加的滤镜效果，单击【删除颜色、滤镜和缓动】按钮，在打开的菜单中选择需要删除的项目即可。8.3.2 应用【动画编辑器】面板编辑动画应用【动画编辑器】面板编辑动画6设置缓动 为补间动画添加缓动，可以改变补间中实例变化的速度，使其变化效果更加逼真。在【动画编辑器】面板中展开【缓动】选项栏，Flash已经预设了【简单（慢）】缓动效果，用户可以直接输入数值来设置缓动强度的百分比值。8.3.3 实战范例实战范例电话来了电话来了1范例简介 本例介绍使用【动画编辑器】来创建补间动画效果的方法。本例动

10、画播放时，手机从舞台上方落入舞台，然后震动。本例在制作时，首先创建实例的补间动画，然后【动画编辑器】面板中通过修改特定帧的对象的属性参数来创建对象移动、轻微旋转和模糊动画效果。通过本例的制作，读者将能够掌握使用【动画编辑器】来创建补间动画的操作方法。2制作步骤略。请参看教材或者观看配盘上的视频教程。8.4 动画预设动画预设8.4.2 实战范例实战范例文字的进入和退出文字的进入和退出8.4.1 使用动画预设使用动画预设8.4.1 使用动画预设使用动画预设 Flash内置的动画预设，可以在【动画预设】面板中选择并预览其效果。选择【窗口】|【动画预设】命令打开【动画预设】面板，在面板的【默认预设】文

11、件夹中选择一个动画预设选项，在面板中即可查看其动画效果。1应用动画预设2保存动画预设3导入动画预设8.4.2 实战范例实战范例文字的进入和退出文字的进入和退出1范例简介 本例介绍使用Flash的预设动画来制作文字的进入和退出效果。本例在制作时，使用【从右边模糊飞入】预设动画来创建说明文字的进入效果，使用【从左边模糊飞入】预设动画来创建文字的飞出效果，使用【从顶部模糊飞入】和【脉搏】预设动画来创建标题文字的进入效果。完成动画创建后，对动画效果进行修改以达到需要的效果。通过本例的制作，读者将掌握对同一对象使用多种预设动画的方法，了解对预设动画进行编辑修改的方法。2制作步骤略。请参看教材或者观看配盘

12、上的视频教程。8.5 8.5 本章小结本章小结 本章学习Flash中学习了遮罩图层和引导层的创建和使用方法，同时介绍了【动画编辑器】和Flash预设动画的使用方法。通过本章的学习，读者将能够使用遮罩层创建各种动画特效，使用引导层使对象获得复杂的运动路径，能够使用【动画编辑器】来对补间动画进行编辑修改。8.6 本章练习本章练习8.6 本章练习本章练习二、填空题二、填空题（1）遮罩动画是Flash的一种基本动画方式，制作遮罩动画至少需要2个图层，即 。在创建遮罩动画时，位于上层的图层中的对象就像一个窗口一样，透过它的 可以看到位于其下图层中的区域，而任何的非填充区域都是 的，此区域中的图像将 。（

13、2）引导层动画是将某个图层中绘制的线条作为补间元件的 ，引导层的作用就是辅助其他图层的对象 。引导层的对象必须是 。（3）【动画编辑器】是一个面板，该面板提供了针对补间动画所有属性的 ，选择 命令可以打开该面板。（4）Flash内置的动画预设，可以在【动画预设】面板中选择并预览其效果。如果需要打开【动画预设】面板，可以选择 命令。在面板中选择预设动画，同时在舞台上选择可以创建补间动画的对象后，在面板中单击 按钮即可将选择的预设动画应用到对象。8.7 上机练习和指导上机练习和指导8.7.2 制作动画制作动画擦黑板擦黑板8.7.1 制作动画制作动画水波流动的文字特效水波流动的文字特效8.7.1 制

14、作动画制作动画水波流动的文字特效水波流动的文字特效 使用提供的素材图片，在动画播放时文字出现水波流动的特效，如图8.96所示。主要步骤指导：（1）将素材图片导入到舞台，调整图片的大小。新建一个图层，在图层中输入文字，将文字转换为图形元件后将其打散。再创建一个图层，在图层中绘制和一个与文字等高的长条矩形。在【颜色】面板中创建黑白相间的线性渐变，如图8.97所示。将矩形转换为图形元件。8.7.1 制作动画制作动画水波流动的文字特效水波流动的文字特效（2）将长条矩形所在的图层放置到文字图层的下方，并使其正好位于文字的下方。在该图层中创建矩形从左向右运动的补间动画，补间动画有55帧，其他图层将帧延伸到第55帧。将文字所在的图层转换为遮罩层，在该图层上方创建一个新图层，将文字元件放置到该图层中并使该文字正好改住遮罩层中的文字。至此，练习制作完成。8.7.2 制作动画制作动画擦黑板擦黑板制作黑板擦擦掉黑板上文字的动画效果，如图8.98所示。主要操作步骤指导：（1）在