1、,第6章 创建动画,本章将介绍Flash动画制作的关键部分帧的概念及操作。 Flash提供了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形状渐变动画与运动渐变动画两种，用户可以轻易的使对象在场景中来回的运动，在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以及淡入淡出等丰富效果 。,教学内容,6.1 时间轴的显示设置 6.2 帧6.2.1 帧的分类6.2.2 帧的选择6.2.3 帧的操作 6.3 逐帧动画6.3.1 原理6.3.2 洋葱皮工具的应用6.3.3 翻转帧动画 6.4 形状渐变6.4.1 原理与创建条件,6.4.2 创建形状渐变动画6.4.3 添加形状提示
2、 6.5 运动渐变6.5.1 原理与创建条件6.5.2 运动渐变的类型6.5.3 创建运动渐变动画 6.6 编辑动画 6.7 本章小结,6.1 时间轴的显示设置,时间轴是组织动画的地方，它的主要任务是显示和控制帧，如下图所示。在影片播放时，时间轴上的“播放头”将按照一定的帧速率沿时间线运动，“播放头”经过那帧，影片就显示那帧中的内容。在编辑影片的过程中也是如此，场景中仅显示“播放头”所在帧中的对象 。,用户可以根据需要更改帧在时间轴中的显示方式，单击时间轴右上角的“帧视图”选项按钮，弹出“帧视图”选项菜单。,6.2 帧,帧是决定物体运动的核心，是构成一部影片的基础，它决定影片中的对象何时出现以
3、及对象的运动方式 。,6.2.1 帧的分类,在Flash中，通过时间轴的显示，就可以识别出各种不同类型的帧以及当前影片中帧存在问题，各种帧的显示状态如下图所示 。,1关键帧。以实心圆表示，代表这个帧中含有对象。 2普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。 3空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中加入对象即可变成关键帧。 4一般空白帧。代表空白区域中没有任何对象。 5运动渐变帧。以底色为浅蓝色的箭头符号表示，代表这个区域存在运动补间动画。6形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。 7错误渐变帧。以虚线表示，代表
4、这个区域存在错误的补间动画。 8加入帧标签的帧，标签类型为名称。 9加入帧标签的帧，标签类型为注释。 10加入帧标签的帧，标签类型为锚记。,11加入音乐的帧。 12加入脚本语言的帧。,6.2.2 帧的选择,为了查看和修改帧中的对象，需要选中一个或多个帧，具体操作方法如下： （1）要选择时间轴上的任意一个帧，只需单击该帧即可。 （2）要选择时间轴上的所有帧，执行“编辑”“时间轴”“选择所有帧”命令或按Ctrl+Alt+A快捷键。（3）要同时选择多个连续的帧，需要通过单击确定选择范围的起点，然后按住Shift键，在选择范围的终点单击即可。 （4）要同时选择多个非连续的帧，只需在按住Ctrl键的同时
5、单击所需的各帧即可。,制作影片时需要创建不同种类的帧，具体操作方法如下： （1）插入关键帧与空白关键帧 关键帧包括关键帧与空白关键帧两种。在空白关键帧中添加对象，空白关键帧就转换为关键帧。插入关键帧时，选中时间线上的某帧后，执行“插入”“时间轴”“关键帧”命令、直接按F6快捷键、右击某帧，在弹出的快捷菜单中选择“插入关键帧”选项，均可在所选地方插入关键帧。插入空白关键帧时，选中时间线上的某帧后，执行“插入”“时间轴”“空白关键帧”命令、直接按F7快捷键、右击某帧，在弹出的快捷菜单中选择“插入空白关键帧”选项，即可在所选地方插入空白关键帧。,6.2.3 帧的操作,（2）插入帧与空白关键帧 帧包括
6、普通帧与一般空白帧两种。在制作影片时，经常需要保持某一个画面不动，例如影片背景，这就需要背景图像所在的关键帧在一定的时间范围内保持不变，普通帧就是用于扩展帧范围的帧 。插入帧时，首先要在关键帧中设置好对象，接着在关键帧后面选中扩展范围结束的那一帧，执行“插入”“时间轴”“帧”命令、直接按F5快捷键、右击那一帧，在弹出的快捷菜单中选择“插入帧”选项，即可在所选地方插入帧，使前面关键帧中的内容到这帧保持不变 。,6.3 逐帧动画,逐帧动画的制作方法与传统的动画相似，由于其中的每一帧都是关键帧，所以生成的影片相对较大，仅适用于制作较为精细复杂的小动画 。,6.3.1 原理,将对象的运动过程分解成多个
7、静态图形，如下图所示，再将这些连续的静态图形置于连续的关键帧中，就构成了逐帧动画 。,6.3.2 洋葱皮工具的应用,Flash的场景中，只能显示当前帧中的内容。有时为了给对象定位，需要同时查看多个帧中的内容，利用洋葱皮工具，就可以做到这一点 。,洋葱皮工具共包括四个按钮，从左到右分别为“绘图纸外观”、“绘图纸外观轮廓”、“编辑多个帧”和“修改绘图纸标记”四个按钮，如下图：这些按钮的具体的操作方法如下所述：,洋葱皮效果界面,（1）绘图纸外观单击洋葱皮工具中的“绘图纸外观”按钮，此时帧刻度上自动显示定义绘图纸范围的标记，位于标记之间帧中的对象均以透明颜色的表现形式显示在场景中。此时可以通过单击时间
8、轴上的帧，选中其中的对象再对其进行编辑 。,（2）绘图纸外观轮廓单击洋葱皮工具中的“绘图纸外观轮廓”按钮，各帧的动作分解以轮廓线的形式表现。使用洋葱皮工具处理较为复杂的对象时，会影响影片处理速度，而以轮廓线的形式显示多帧，可以加快影片处理速度 。,（3）编辑多个帧使用洋葱皮工具虽然可以同时看到多个帧，但只能对所选帧中的对象进行编辑。要想同时编辑多个帧中的对象，需要单击“编辑多个帧”按钮，此时绘图纸标记范围内包含,的关键帧中的对象均是正常的形式显示，表示可以同时对其进行编辑。,6.3.3逐帧动画示例例如：激光写字,（4）修改绘图纸标记单击“修改绘图纸标记”按钮，在弹出的快捷菜单中可以设置绘图纸标
9、记的显示状态与显示范围 。,该例的创作思路,、准备素材：先创建所需元件 激光束 光晕 火花 激光效果 文字图层,、创建逐帧动画：前20帧制作片头,从20帧开始创建，创建 三层，分别为文字层、激光层和引导层。文字层创建逐帧动画，制作逐帧动画时非常烦琐，要有耐心，而且在用橡皮擦除时一定要与 激光束的移动保持一致。3、击Ctrl+Enter 测试。作业:创建激光写:“flash”,6.4 形状渐变,6.4.1 原理与创建条件,形状渐变动画就是指对象在两个关键帧之间形状发生变化的动画。例如圆形变成方形的动画效果，如下图所示。,在Flash中制作动画通常会采用补间的方式，补间是指在动画的起始帧和终止帧之
10、间，Flash自动生成的过渡画面。补间的方式有两种，分别为形状渐变与运动状渐变。本节中将首先介绍形状渐变动画 。,正确的形状渐变动画在时间轴中以浅绿色背景的单箭头符号表示，错误的形状渐变动画以浅绿色背景的虚线表示。,l 形状渐变只能作用于形状。要对组合、实例、位图或文本对象应用形状渐变，必须先将这些对象打散形状 。 l 形状间的渐变只能在同一图层。通常一对一的形状过渡可以产生最佳的渐变效果，当然也可以在同图层中的多个对象间创建形状渐变 。,6.4.2 创建形状渐变动画,正确创建形状渐变时，首先需定义两个关键帧起始帧与终止帧，并分别在其中绘制好图形。,导致形状渐变动画失败有两种可能：第一种为起始
11、帧或终止帧中没有图形对象；第二种为起始帧或终止帧中包含元件实例。要正确使用形状渐变必须满足以下创作条件：,接着就可以在两个关键帧之间创建形状渐变动画了。而动画中过渡的部分，由Flash自动完成。,形状渐变的属性面板如下图所示，下面就对其中的各种选项逐一进行说明 ：,l 补间：用于设置或取消对象之间的运动类型，在弹出的列表中共有三个选项可供选择，分别为无、运动和形状。 简易：用于调节对象运动的速度，是速度变化与时间之间的比率。通过输入数值或拖动滑动杆进行设置，数值范围在-100到100之间，默认情况下，简易值为0 。 l 混合：用于调节对象变化过程中的形状平滑度。,6.4.3 创建形状渐变界面,
12、6.4.3 创建形状渐变演示,提问：创建形状渐变失败的原因有哪些？ 作业：创建由三角变成正方形的动画,6.5 运动渐变,运动渐变是最常用的一种渐变方式。它的主要功能是计算元件实例从一个地方到另一个地方，实例位置之间的过渡部分。除此以外，运动渐变还可以在元件实例的大小和颜色方面创建过渡动画，在实例运动的过程中，可以根据需要使实例旋转 。,运动渐变动画是补间动画的一种。通过为对象创建运动渐变，可以改变对象的位置、大小、旋转或倾斜，做出物体运动的各种效果。通过设置实例的颜色属性，还可以制作出丰富的渐变效果，例如实例的淡入淡出效果 。正确的运动渐变动画在时间轴中以浅蓝色背景的单箭,6.5.1 原理与创
13、建条件,头符号表示。错误的形状渐变动画以浅蓝色背景的虚线表示 。,l 运动渐变只能作用于元件实例。要对形状、组合、位图或文本对象应用运动渐变，必须先将这些对象转换为元件。其中在为组合、位图或文本对象创建运动渐变的时候，Flash会自动将其转换为元件，并按“补间1”、“补间2”、“补间3”的顺序依次为元件命名 。运动渐变中的元件只能是一对一的渐变，多对一或一对多均会导致渐变失败 。运动渐变中的元件只能在同一图层,导致运动渐变动画失败的原因有很多，但主要是由于以下几种原因：第一种为缺少起始帧或终止帧；第二种为起始帧或终止帧包含多个的对象；第三种为起始帧或终止帧中包含的对象不是元件实例。要正确使用运
14、动渐变必须满足以下创作条件 ：,运动渐变动画共有四种类型，其中包括位置、大小的变化、旋转和颜色的变化。这些渐变类型均可以互相搭配使用，理解这些渐变类型，可以制作出丰富的动画效果。各种类型的基本效果如下: 位置的移动，如图1所示；大小的变化，如图2所示；旋转，如图3所示；颜色的变化，如图4所示。,6.5.2 运动渐变的类型,在四种基本渐变类型中，元件实例尺寸的变化、角度的变化以及颜色的变化又可以演变出大量形式多样的渐变效果。,创建运动渐变时，首先需定义一个关键帧，在其中调整好元件的位置与属性，作为运动渐变的起始帧。接着在同一图层中建立另一个关键帧，调整好元件的位置与属性，作为运动渐变的终止帧。这
15、样就可以在两个关键帧之间创建运动渐变动画了。两个关键帧之间的距离为元件的运动的范围，是动画的过渡部分，也就是补间 。,6.5.3 创建运动渐变动画,运动渐变的属性面板如下图所示，其中的补间和简易值的设置与形状渐变中的设置没有区别，下面就对其他的各种选项逐一进行说明 ：,l 缩放：用于决定元件实例运动过程中，是否使元件实例的尺寸发生变化。在制作有尺寸变化的动画效果时使用 。 旋转：用于设置元件实例的旋转角度，单击“旋转”后面的文本框，在弹出的列表中共有三个选项可供选择，分别为无、自动、顺时针和逆时针。调整到路径：在路径动画中，使元件实例沿引导线运动。同步：用于设置元件实例的同步性。 对齐：使元件
16、实例自动吸附于引导线上。,6.5.4 创建运动渐变动画的界面和示例,6.5. 创建运动渐变演示,提问： 创建运动渐变失败的原因 作业：创建沿山坡滚动的小球,6.6 编辑动画,动画制作完毕后，需要不断的修改。创建的帧也可以重新对其进行编辑，帧包含影片中的全部对象，控制对象的各种运动，所以编辑帧就是编辑影片本身 。在Flash中，可以将所有的帧分成两大类关键帧和过渡帧。关键帧中包括实心的关键帧与空心的空白关键帧。过渡帧中包括普通帧、一般空白帧、运动渐变帧和形状渐变帧。可以对关键帧进行移动、复制或删除的编辑。值得注意的是，由于每个关键帧中均包含对象，所以对关键帧的编辑会影响影片中的对象。而过渡帧中没
17、有对象，所以不能被编辑，但可以根据需要增减过渡帧的数量，从而达到改变过渡动画长度的目的。另外，还可以将过渡帧转换为关键帧进行编辑。,编辑这两种帧的具体操作方法如下：,1. 插入与删除过渡帧 插入过渡帧：单击图层中需要插入过渡帧的地方，将其选中。执行“插入”“时间轴”“帧”命令或直接按F5快捷键。 删除过渡帧：单击图层中需要删除过渡帧的地方，将其选中。执行“编辑”“时间轴”“删除帧”命令或直接按Shift+F5快捷键。 如果单击选中图层中的过渡帧，执行上述命令，则仅改变所选图层中过渡帧的长度 。 如果单击时间轴上的帧号部分，执行上述命令，则改变所有图层的帧长度 。,2. 转换过渡帧为关键帧 选中
18、要转换的过渡帧，执行“插入”“时间轴”“关键帧”命令或直接按F6快捷键。 3. 同时转换多个过渡帧为关键帧 选中要转换的多个过渡帧，在这些帧上右击，在弹出的快捷菜单中选择“转换为关键帧”选项。 4. 移动关键帧 通过单击选中关键帧，接着在时间轴中对其进行拖拽，即可改变关键帧的位置。 5. 删除关键帧 选中要删除的关键帧，执行“修改”“时间轴”“清除关键帧”命令或直接按Shift+F6快捷键。 6. 清除帧 选中要清除的帧，执行“编辑”“时间轴”“清,除帧”命令或者按Ctrl+Backspace快捷键 。清除帧与删除帧不同，删除帧是将所选的帧完全删除，而清除帧仅删除所选帧中的对象，保留帧本身。也
19、就是说，应用了清除帧命令的帧内部会没有任何对象，所以所选帧将变成空白关键帧。 7. 复制帧 选中要复制的帧，在按住Alt键的同时，将它拖拽到时间轴中待复制的位置上释放鼠标 。 8. 粘贴帧 选中要粘贴的关键帧，执行“编辑”“时间轴”“复制帧”命令。接着在时间轴中确定要粘贴关键帧的位置，执行“编辑”“时间轴”“粘贴帧”命令，在时间轴中粘贴关键帧。粘贴帧与复制帧不同。复制的帧将代替原来该位,置中的帧，而粘贴的帧是插入到目标位置中所选帧的前方。所以粘贴帧的结果是插入，复制帧的结果是替换。利用粘贴帧命令，可以在不同的影片之间复制帧。 9. 复制并粘贴多个帧 选中要复制的帧，执行“编辑”“时间轴”“复制
20、帧”命令。新建文档，确定粘贴关键帧的位置。执行“编辑”“时间轴”“粘贴帧”命令，在时间轴中粘贴关键帧。此时不仅将图层中的帧复制过来，甚至图层的名字也被一同复制 。 10. 选定并移动多个帧选中要移动的多个帧，接着在时间轴中拖拽，释放鼠标即可移动多个帧。,11. 结合Ctrl键添加或删除帧按下Ctrl键后，向右拖拽末端的帧，可以添加过渡帧至拖拽区域；如向左拖拽末端的帧，可以添加删除帧至拖拽区域。 如果不按任何键，直接拖拽末端的帧，释放鼠标后，会在释放的帧中自动插入一个关键帧。,6.7 本章小结,通过本章学习，读者应理解动画的制作原理，掌握两种补间动画的应用，即形状渐变动画与运动渐变动画。形状渐变动画是根据两个关键帧中的形状差异，计算出变形过渡帧的动画效果。除了可以计算出对象形状的过渡外，还可以在对象位置、大小及颜色中创建过渡效果。而形状提示的应用可以使过渡效果更为自然。运动渐变动画是根据两个关键帧中的实例属性的差异，计算出实例属性的的渐变过程从而产生的动画效果。运动渐变动画可以在实例的位置、大小、颜色以及旋转角度方面创建过渡效果 。,
