fiash动画制作基础-第5章课件

第三模块：

Flash高级动画制作第5章高级动画导语补间动画是Flash最基础的动画类型。在补间动画的基础上，Flash提供了创建高级动画的技术—引导图层、遮罩图层、时间轴特效等。利用这些技术可以制作出更加丰富多彩的动画作品。本章主要内容引导路径动画遮罩动画自定义缓入/缓出动画时间轴特效动画多场景动画5.1引导路径动画--台风天气预报

第4章利用补间动画制作的位置移动动画是沿直线进行的，可在生活中，很多运动路径是弧线或不规则的。引导路径动画可以使对象完成曲线或不规则运动。基础实例--飞机沿圆周飞行实例--台风天气预报知识点：引导路径动画的制作方法5.1.1引导路径动画的制作方法一个最基本“路径动画”由两个图层组成，上面一层是“引导层”，下面一层是“被引导层，同普通图层一样。1、使用文本工具输入飞机符号。实例“飞机沿圆周飞行”动画制作：2、在第50帧上插入一个关键帧，并改变飞机位置。3、创造补间动画。4、【添加运动引导层】按钮。

5、绘制一个大圆，并将圆擦出一个小缺口。6、选择第1帧上的飞机，拖动它到圆缺口左端点。在【属性】面板中选择【调整到路径】复选框。7、选择第50帧上的飞机，拖动它到圆缺口右端点。这里只所以将圆擦一个小缺口，是因为在引导层上绘制的路径不能是封闭的曲线，路径曲线必须有两个断点，这样才能进行后续的操作。

5.1.2实例――台风天气预报本节制作一个有关台风天气预报的模拟演示动画。动画运行时，三股台风按照不同的路径从海面向大陆移动，通过演示，可以使人们直观、生动的观察和理解台风移动的主要路径。动画效果1．创建动画背景2．创建“台风”图形元件3．创建台风沿路径移动的动画4．将路径在动画中显示出来5．增强动画效果这里创建了一个影片剪辑元件，让它作为沿路径动画的“演员”，从而使这个范例更加逼真。

实例讲解实例―台风天气预报步骤1创建动画背景新建Flash文档，设置舞台背景色为深蓝色，其余默认。命名图层1=背景，导入位图“海洋和陆地”，打散位图。去掉位图的背景。在舞台右侧输入动画标题=台风天气预报。实例―台风天气预报步骤2创建“台风”图形元件新建“台风”图形元件。“基本椭圆工具”绘制圆环，笔触颜色=无，填充颜色=红色到浅红色放射状渐变，并用“渐变变形工具”做适当调整。分离圆环成形状，将显示比例=400%，按住Alt键，调整圆环如图，得到台风的图形。实例―台风天气预报步骤3创建台风沿路径移动的动画返回“场景1”，在背景图层上方添加一图层，命名为“南线”，导入库中的“台风”。选择“南线”图层，单击右键“添加传统运动引导层”，并在引导层绘制白色虚线如图。在背景和引导图层插入普通帧。在“南线”图层插入关键帧，并创建动画，“紧贴至对象”处于按下状态，选择第1帧的台风使它吸附到弧线的右端点，选择第30帧的台风使它吸附到弧线的左端点。同样步骤制作中线和北线台风沿路径的动画。实例―台风天气预报步骤4将路径在动画中显示出来在“背景”图层上新插入一个图层，命名为“路径”，选择引导层：南线图层上的弧线，并复制，然后在“路径”图层，“粘贴到当前位置”。类似的方法，制作“中线”、“北线”的引导弧线。在“路径”图层上用线条工具在3条弧线的左端分别绘制一个箭头。实例―台风天气预报步骤5增强动画效果新建“旋转台风”影片剪辑元件。在影片剪辑元件中，在第1帧拖入库中的“台风”图形元件，在第10帧插入关键帧，创建动画，并在第1帧，设置顺时针旋转1周的动画效果。返回场景1，交换元件。5.2遮罩动画遮罩动画的原理是，在舞台前增加一个“电影镜头”。这个“电影镜头”不仅仅局限于圆形，可以是任意形状，甚至可以是文字。将来导出的影片，并不是将舞台上的全部对象都显示出来，而是只显示“电影镜头”拍摄出来的对象，其他不在“电影镜头”区域内的舞台对象不显示。基础实例—圆形遮罩实例--动画中的电影镜头效果5.2.1

遮罩动画的制作方法

简单实例—圆形遮罩制作方法导入图像到舞台。新建图层，并绘制圆。右击“图层2”，选择“遮罩层”命令。改变“电影镜头”的形状。改变“电影镜头”的位置。5.2.2实例-动画中的电影镜头效果

在制作FlashMTV或者Flash动画短片时，需要很多电影镜头效果。比如推/拉镜头效果、移动镜头效果、升/降镜头效果等。1、导入图像。2、在第40帧插入关键帧。3、创造补间动画。4、新建图层，绘制矩形。5、右击“图层2”，选择“遮罩层”命令。6、制作推镜头效果。7、“图层1”的第70帧插入关键帧。选中图片，设置宽和高同时放大到300％。8、定义第40帧到第70帧之间的补间动画。“图层2”的第70帧，按F5键添加帧。

5.2.3课后练习――水波文字利用文字这个特殊的“电影镜头”作为遮罩制作一个随水波流淌的文字动画。水波在文字上面慢慢淌过，给人一种特殊的视觉感受。动画效果1．制作动画中的“演员”。2．创建黑白文字渐变动画。3．创建水波字动画5.3自定义缓入/缓出动画实例效果展示--由远及近的弹跳小球前面所学知识复习：“缓动”选项，在-1~-100负值间，动画运动速度从慢到快；在1~100正值间，动画运动速度从快到慢。一般情况下为0，动画运动速度是匀速。“自定义缓入/缓出”对话框用曲线表示动画随时间变化的规律。帧由水平轴表示，动画变化的速率（百分比）由垂直轴表示。第一个关键帧表示为0%，最后一个关键帧表示为100%。曲线水平时（无斜率），动画变化速率为零；曲线垂直时，变化速率最大，一瞬间完成变化。5.3.1自定义缓入/缓出动画的简单实例1、输入文本。实例：2、第50帧插入关键帧，并拖放文本到舞台的右下角。3、创造补间动画。定义补间动画后，在“属性”面板中单击“缓动”选项右边的“编辑”按钮。就可以进入“自定义缓入/缓出动画”对话框,在其中可以进行具体的设置。4、自定义缓入/缓出动画。5.3.2实例―由远及近的弹跳小球本节利用自定义缓入/缓出功能制作一个由远及近的弹跳小球的动画效果，这个范例充分展示了Flash在立体三维动画方面逼真的模拟性。动画效果1．创建动画背景2．创建“圆球”图形元件3．制作圆球动画5.3.2实例―弹跳小球操作步骤动画背景新建Flash文档，设置舞台背景色=#990000.新建“远景”图形元件，在颜色面板中，笔触颜色=无，填充线性渐变，并将右色块左移，左色块：颜色=#ffffff，Alpha=0%；右色块：颜色=#990000，Alpha=100%。在元件舞台上绘制一个矩形，并用渐变变型工具调整填充色。5.3.2实例―弹跳小球操作步骤新建“近景”图形元件，设置笔触颜色=红色，然后用矩形工具和线条工具绘制矩形，如图。在每个方格中填充白色到红色的线性渐变色。框选所有图形，按Ctrl+G组合对象，并用任意变型工具，旋转变形图形，如图。新建“舞台”图形元件，将图层1命名=近景，图层2命名=远景5.3.2实例―弹跳小球操作步骤制作圆球动画返回“场景1”，将图层1命名=舞台，导入“舞台”图形元件。新建图层=圆球跳动，导入圆球图形元件，设置圆球尺寸=40×40，并将它放置在舞台正上方，在第45帧插入一个关键帧，设置圆球尺寸=65×65，并将它放置在舞台中心位置。选择第1帧创建动画，并对位置设置“自定义缓入/缓出动画”，如图5.3.2实例―弹跳小球操作步骤制作圆球动画在第65帧插入关键帧，设置圆球尺寸=120×120，并将它放置在舞台正下方，创建从第45帧到第65帧动画。新建一个图层，重命名=圆球阴影，复制“圆球跳动”层的所有帧，修改每个关键帧上的圆球实例Alpha=50%，并根据透视关系修改“圆球”实例的位置。保存测试动画。5.3.3自定义缓入/缓出动画的参数详解

“自定义缓入/缓出”对话框用曲线表示动画随时间变化的规律。帧由水平轴表示，动画变化的速率（百分比）由垂直轴表示。第一个关键帧表示为0%，最后一个关键帧表示为100%。曲线水平时（无斜率），动画变化速率为零；曲线垂直时，变化速率最大，一瞬间完成变化。1．“为所有属性使用一种设置”复选框2．“属性”下拉菜单3．“播放”、“停止”和“重置”按钮4．编辑控制点的方法5．复制曲线5.5多场景动画

Flash影片文档并不是只能包含一个场景，而是可以包含多个场景。每个场景都包括自己的时间轴，可以根据需要将复杂的动画内容分解到多个场景中进行制作。实例――多场景动画场景和“场景”面板5.5.1实例―多场景动画

下面利用多场景技术把本章前几节制作的动画范例组合在一个Flash影片中。通过具体的操作进一步理解多场景动画的功能。范例运行时，先播放“台风天气预报”动画，播放完后接着播放“由远及近弹跳的球”动画，最后，播放“漫天花雨”动画。1．建立场景2．制作场景动画本范例制作的是3个场景动画自动依次播放的效果。如果想利用动作脚本（ActionScript）控制场