1、第10章 Flash动画制作,10.1 时间轴、帧和图层 10.2 动画类型与制作 10.3 创建引导层动画 10.4 创建遮罩动画 10.5 多场景动画 10.6 为动画配音 10.7 发布动画,10.1 时间轴、帧和图层,1 时间轴,时间轴：由帧组成的动画是通过“时间轴”面板控制的。时间轴面板包括帧区、图层区。,时间轴,2 帧的基本类型与操作,1）帧：动画中的每一幅静态画面称为一帧，若干帧的连续显示就形成了动画。 2）帧的类型： 空白帧：帧中不包含任何Flash对象，用空心圆点表示。 关键帧：包含有内容，或是对动画的改变起决定性作用的帧，用实心圆点表示。 静止帧（普通帧）：是相邻关键帧的延
2、续，静止帧中的内容与其相邻的前一个关键帧的内容相同，最后一个帧中的空心矩形表示静止帧的结束。,帧的类型：,不可渐变帧：在两个关键帧之间用淡蓝色或淡绿色填充并由虚线连接的帧，表示帧的渐变不符合要求或者没有与其相连的下一关键帧。 运动渐变帧：在两个关键帧之间用淡蓝色填充并由带有箭头的直线连接的帧。 形状渐变帧：在两个关键帧之间用淡绿色填充并由带有箭头的直线连接的帧。 动作帧：在帧中显示一个字母“a”，表示该帧添加了Flash的ActionScript的脚本程序。,帧的基本类型,空白帧 关键帧与静止帧运动渐变帧 形状渐变帧不可渐变帧 动作帧,3 图层,在设计Flash动画时，应该用每一个图层分别控制
3、一个动画对象，再用多个图层中的多个动画对象叠加综合效果。,特殊图层：,引导层：其作用是确定其他图层中对象运动的轨迹。引导层必须在起作用图层的上方，该图层中的内容只有在制作动画时才看得到，不会出现在输出的播放动画中。 遮罩层：其作用是用来制作一些特殊的动画效果，可以用遮罩层来屏蔽下面与其链接图层的内容。,10.2 动画类型与制作,1 逐帧动画与渐变动画,逐帧动画：是由若干个连续的关键帧所组成的动画序列。 渐变动画：是由起始、终止两个关键帧，以及由这两个关键帧决定的若干个中间过渡帧所组成的动画。只需制作好开始和结束两个关键帧中的内容，Flash自动生成中间的过渡帧。,2 形状渐变动画和运动渐变动画
4、,形状渐变动画：在动画的起始关键帧处绘制一种图形对象，然后在结束关键帧中改变它的形状，或另外再绘制另一种图形对象，Flash可以自动完成这两种图形对象的渐变过程。形状渐变动画的动画对象不能是元件或组合图形，即起始、终止两个关键帧处的动画对象必须完全打散。 运动渐变动画：动画对象在运动过程中的位置、大小、旋转、透明度等属性发生了变化，但首、尾2个关键帧处的动画对象的基本形状在运动中没有发生变化。 2个关键帧处的动画对象必须组合或设置成图形元件。,3 逐帧动画的一般制作步骤：,首先建立一个新图层，并确定逐帧动画在时间轴上开始的位置，在该位置上插入一个关键帧。 在该关键帧中制作动画对象的内容。 在该
5、关键帧后面的相邻处再插入一个新的关键帧，并制作与前一关键帧稍有差别的动画内容。 重复步骤的操作，直至动画全部制作完毕。 使用菜单【控制】| 【测试影片】命令，观看播放效果。,4 形状渐变动画的一般制作步骤：,首先建立一个新图层，并确定形状渐变动画在时间轴上开始的位置，在该位置上插入一个关键帧。 在该关键帧中制作动画对象变形前的内容。 选中该动画结束处的位置，再插入一个新的空白关键帧，并在该空白关键帧制作动画对象变形后的内容。 选中形状渐变动画开始的关键帧，在属性面板的补间下拉列表中，选择“形状”选项，完成形状渐变动画的创建。 使用菜单【控制】| 【测试影片】命令，观看播放效果。,5 运动渐变动
6、画的一般制作步骤：,首先建立一个新图层，并确定运动渐变动画在时间轴上开始的位置，在该位置上插入一个关键帧。 在该关键帧中制作动画对象渐变前的内容，并将其组合或转换为图形元件。 选中该动画结束处的位置，再插入一个新的关键帧，动画开始时关键帧的内容延续到这一帧，并改变动画对象的属性。 选中运动渐变动画开始的关键帧，在属性面板的补间下拉列表中，选择“动画”选项，完成运动渐变动画的创建。 使用菜单【控制】| 【测试影片】命令，观看播放效果。,帧属性面板：,10.3 创建引导层动画,（1）首先建立一个新图层（即被引导层），并确定运动渐变动画在时间轴上开始的位置，在该位置上插入一个关键帧。 （2）在该关键
7、帧中制作动画对象，并将其组合或转换为图形元件。 （3）单击时间轴图层区域左下方 图标，添加引导层，并在引导层中绘制引导线。 （4）在引导层中选中该动画结束的位置，添加普通帧，使引导线能延续到动画的最后一帧。,创建引导层动画,（5）用鼠标拖曳被引导层中的动画对象，使其中心点对准引导线的起点。 （6）选中被引导层中该动画结束处的位置，再插入一个新的关键帧，并在该关键帧中将动画对象的中心点对准引导线的终点。 （7）选中被引导层中动画开始的关键帧，在属性面板的补间下拉列表中，选择“动画”选项，完成运动渐变动画的创建。 （8）使用菜单【控制】| 【测试影片】命令，观看播放效果。,10.4 创建遮罩动画,
8、首先建立一个新图层（即被遮罩层），其中的内容可以是文字、静止图像、渐变动画等。 再建立一个新图层（即遮罩层），其中的内容可以是文字、静止图像、渐变动画等。注意遮罩层必须在被遮罩层上方。 右击该层，在快捷菜单中选择“遮罩层”命令，将此层设为遮罩层。此时遮罩层和被遮罩层都被锁住。 使用菜单【控制】| 【测试影片】命令，观看播放效果。,创建遮罩层的两种方法：,用鼠标右键单击要转换为遮罩层的层，然后从 弹出的快捷菜单中选择【遮罩层】命令。 双击要创建为遮罩层的图层图标，打开“图层属性” 对话框，在类型区域中选中“遮罩层”单选项，单击确定后将该层设置为遮罩层。但是，该遮罩层没有与其他任何图层建立链接关系
9、。双击该遮罩层下面的图层图标，打开“图层属性” 对话框，在类型区域中选中“被遮罩”单选项，使该层与遮罩层建立链接关系。,遮罩层动画实例聚光灯效果,遮罩层动画实例水波效果,10.5 多场景动画,在Flash中常常用场景来组织动画，一个动画如果有背景不同的片段，则可以分为不同的场景来制作。 一个Flash动画作品可以由若干个场景组成，每个场景都分别拥有各自独立的动画内容，每个场景中的图层和帧均相对独立。 在播放动画时，Flash会自动按场景顺序来播放，直到所有场景都播放一遍后才停止。,场景的操作：,执行【窗口】 】| 【其它面板】 | 【场景】命令，或按【Shift+F2】组合键，都可以打开场景面
10、板，如图所示。,10.6 为动画配音,1 导入音频文件 使用菜单【文件】| 【导入】命令，导入的音频文件存放在库中。 在Flash中可以导入的音频格式有以下几种： WAV音频文件 AIFF音频文件 MP3音频文件,2 动画配音,在当前动画中添加一个用于存放声音的图层，并在需要播放声音的起始帧处插入关键帧，将库中的声音文件拖入工作区，添加在该帧上。 在声音图层的时间轴上再创建一个关键帧，作为音频的终点关键帧。 选中起始关键帧，在帧的属性面板中，对声音的属性进行设置。在“同步”下拉列表中选择“事件”或“开始”选项。 选中结束关键帧，在帧的属性面板中，对声音的属性进行设置。在“同步”下拉列表中选择“
11、停止”选项。 使用菜单【控制】| 【测试影片】命令，观看播放效果。,3 音频属性设置,在帧的【属性】面板中设置音频的各项属性。单击“编辑声音封套”按钮，可以编辑音频。,4 编辑音频,10.7 动画的保存与发布,保存：使用菜单【文件】| 【保存】命令， 或【文件】| 【另存为】命令，将动画文档保存为fla 文件。 发布：使用菜单【文件】| 【发布设置】命令，设置发布文件的格式，系统默认格式为*swf和*html。 *swf可直接在Flash播放器中播放； *html可在浏览器中播放；如果选择“Windows放映文件”，动画将以exe文件格式保存。,发布设置对话框：,思考题：,1.Flash 动画
12、可以分为哪几类，分别如何制作？ 2.如何制作引导层动画和遮罩动画？,1、在FireWorks中，使用（ ）工具可以通过连接端点绘制更加精确、光滑的贝塞尔曲线，并且可以使用（ ）工具调整曲线的弯曲度等。A. 铅笔 B. 钢笔 C. 箭头 D. 次选（部分选择）,习题测试,2、在FireWorks中，使用（ ）工具在完成图形绘制后还可以随时调整其形状。A. 铅笔工具 B. 椭圆工具 C. 矩形工具 D. 钢笔工具,3、Flash中，在工具箱中单击【橡皮擦工具】，可以将舞台中（ ）对象擦除。 A.文本 B. 矢量 C. 位图 D. 所有,4、 运动补间动画中的关键帧上的对象只能是（ ）对象。 A. 元件 B. 成组对象 C. 文字对象 D. 位图对象,5、在FireWorks中，（ ）动画与（ ）动画相比，好处是不需要一帧一帧地绘制动画，可以很大程度地节省时间。 A. 补间 B. 形状 C. 运动 D. 逐帧,
