flash自学课件 第4讲 创建动画上(共六讲).ppt

1、第4讲 创建动画,时间轴和帧,教学内容,1 时间轴 2 帧 3 逐帧动画 4 形状补间 5 运动补间 6 本章小结,前言,本讲将介绍Flash动画制作的关键部分帧的概念及操作。 Flash提供了两种创建动画的方式，分别为逐帧动画与补间动画，其中补间动画又可以分为形状补间动画与运动补间动画两种，用户可以轻易的使对象在场景中来回的运动，在运动的过程中还可以伴随有诸如放大、缩小、旋转、变色以及淡入淡出等丰富效果 。,1 时间轴,时间轴是组织动画的地方，它的主要任务是显示和控制帧，如下图所示。在影片播放时，时间轴上的“播放头”将按照一定的帧速率沿时间线运动，“播放头”经过哪帧，影片就显示哪帧中的内容。

2、在编辑影片的过程中也是如此，场景中仅显示“播放头”所在帧中的对象。,用户可以根据需要更改帧在时间轴中的显示方式，单击时间轴右上角的“帧视图”选项按钮，弹出“帧视图”选项菜单。,2 帧,帧是决定物体运动的核心，是构成一部影片的基础，它决定影片中的对象何时出现以及对象的运动方式。,2.1 帧的分类,在Flash中，通过时间轴的显示，就可以识别出各种不同类型的帧以及当前影片中帧存在问题，各种帧的显示状态如图所示 。,1关键帧。以实心圆表示，代表这个帧中含有对象。,2普通帧。普通帧中的对象永远和离它最近的关键帧中的对象保持一致。,3空白关键帧。以空心圆表示，代表这个关键帧中没有任何对象，在空白关键帧中

3、加入对象即可变成关键帧。,4一般空白帧。代表空白区域中没有任何对象。 5运动渐变帧。以底色为浅紫色的箭头符号表示，代表这个区域存在运动补间动画。 6形状渐变帧。以底色为浅绿色的箭头符号表示，代表这个区域存在形状补间动画。,7错误渐变帧。以虚线表示，代表这个区域存在错误的补间动画。 8加入帧标签的帧，标签类型为名称。 9加入帧标签的帧，标签类型为注释。 10加入帧标签的帧，标签类型为锚记。 11加入音乐的帧。 12加入脚本语言的帧。,2.2 帧的选择,为了查看和修改帧中的对象，需要选中一个或多个帧，具体操作方法如下： （1）要选择时间轴上的任意一个帧，只需单击该帧即可。 （2）要同时选择多个非连

4、续的帧，只需在按住Ctrl键的同时单击所需的各帧即可。 （3）要同时选择多个连续的帧，需要通过单击确定选择范围的起点，然后按住Shift键，在选择范围的终点单击即可。 （4）要选择时间轴上的所有帧，执行“编辑”“时间轴”“选择所有帧”命令或按Ctrl+Alt+A快捷键。,制作影片时需要创建不同种类的帧，具体操作方法如下： （1）插入关键帧与空白关键帧 关键帧包括关键帧与空白关键帧两种。在空白关键帧中添加对象，空白关键帧就转换为关键帧。 插入关键帧时，选中时间线上的某帧后，执行“插入”“时间轴”“关键帧”命令、直接按F6快捷键、右击某帧，在弹出的快捷菜单中选择“插入关键帧”选项，均可在所选地方插

5、入关键帧。 插入空白关键帧时，选中时间线上的某帧后，执行“插入”“时间轴”“空白关键帧”命令、直接按F7快捷键、右击某帧，在弹出的快捷菜单中选择“插入空白关键帧”选项，即可在所选地方插入空白关键帧。,2.3 帧的创建,（2）插入普通帧 在制作影片时，经常需要保持某一个画面不动，例如影片背景，这就需要背景图像所在的关键帧在一定的时间范围内保持不变，普通帧就是用于扩展帧范围的帧。 插入普通帧时，首先要在关键帧中设置好对象，接着在关键帧后面选中扩展范围结束的那一帧，执行“插入”“时间轴”“帧”命令、直接按F5快捷键、右击那一帧，在弹出的快捷菜单中选择“插入帧”选项，即可在所选地方插入帧，使前面关键帧

6、中的内容到这帧保持不变 。,1. 转换普通帧为关键帧 选中要转换的普通帧，执行“插入”“时间轴”“关键帧”命令或直接按F6快捷键。 2. 选定并移动多个帧 选中要移动的多个帧，接着在时间轴中拖拽，释放 鼠标即可移动多个帧。,2.4 帧的编辑,3. 复制并粘贴多个帧 选中要复制的帧，执行“编辑”“时间轴”“复制帧”命令。新建文档，确定粘贴关键帧的位置。执行“编辑”“时间轴”“粘贴帧”命令，在时间轴中粘贴关键帧。此时不仅将图层中的帧复制过来，甚至图层的名字也被一同复制。,4. 复制帧 选中要复制的帧，在按住Alt键的同时，将它拖拽到时 间轴中待复制的位置上释放鼠标。 粘贴帧与复制帧不同。复制的帧将

7、代替原来该位置中的帧，而粘贴的帧是插入到目标位置中所选帧的前方。所以粘贴帧的结果是插入，复制帧的结果是替换。利用粘贴帧命令，可以在不同的影片之间复制帧。,5.结合Ctrl键添加或删除帧 若末端帧是普通帧，按下Ctrl键后，向右拖拽末端的帧，可以添加过渡帧至拖拽区域；如向左拖拽末端的帧，可以删除帧至拖拽区域。 如果不按任何键，直接拖拽末端的帧，释放鼠标后，会在释放的帧中自动插入一个关键帧。,6. 删除帧 单击图层中需要删除过渡帧的地方，将其选中。执行“编辑”“时间轴”“删除帧”命令或直接按Shift+F5快捷键。,7. 清除帧 选中要清除的帧，执行“编辑”“时间轴”“清 除帧”命令或者按Back

8、space快捷键。 清除帧与删除帧不同，删除帧是将所选的帧完全删除，而清除帧仅删除所选帧中的对象，保留帧本身。,8. 删除关键帧 选中要删除的关键帧，执行“修改”“时间轴”“清除关键帧”命令或直接按Shift+F6快捷键。,3 逐帧动画,逐帧动画的制作方法与传统的动画相似，由于其中的每一帧都是关键帧，所以生成的影片相对较大，仅适用于制作较为精细复杂的小动画 。逐帧动画是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文

9、件量也很大，但它的优势也很明显：逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如：人物或动物急剧转身、 头发及衣服的飘动、走路、说话以及精致的3D效果等等。,将对象的运动过程分解成多个静态图形，如上图所示，再将这些连续的静态图形置于连续的关键帧中，就构成了逐帧动画。,3.1 原理,3.2 洋葱皮工具的应用,Flash的场景中，只能显示当前帧中的内容。有时为了给对象定位，需要同时查看多个帧中的内容，利用洋葱皮工具，就可以做到这一点 。 洋葱皮工具主要用于辅助图形调整其位置，例如在两个动作之间确定中间的动作，使物体动作更加流畅，这也是

10、制作传统动画片时用到的原理，特别适用于制作自行绘制的逐帧动画 。,洋葱皮工具共包括四个按钮，从左到右分别为“绘图纸外观”、“绘图纸外观轮廓”、“编辑多个帧”和“修改绘图纸标记”按钮，这些按钮的具体的操作方法如下所述：,（1）绘图纸外观 单击洋葱皮工具中的“绘图纸外观”按钮，此时帧刻度上自动显示定义绘图纸范围的标记，位于标记之间帧中的对象均以透明颜色的表现形式显示在场景中。此时可以通过单击时间轴上的帧，选中其中的对象再对其进行编辑 。,（2）绘图纸外观轮廓 单击洋葱皮工具中的“绘图纸外观轮廓”按钮，各帧的动作分解以轮廓线的形式表现。使用洋葱皮工具处理较为复杂的对象时，会影响影片处理速度，而以轮廓

11、线的形式显示多帧，可以加快影片处理速度 。,（3）编辑多个帧 使用洋葱皮工具虽然可以同时看到多个帧，但只能对所选帧中的对象进行编辑。要想同时编辑多个帧中的对象，需要单击“编辑多个帧”按钮，此时绘图纸标记范围内,包含的关键帧中的对象均是正常的形式显示，表示可以同时对其进行编辑。,（4）修改绘图纸标记 单击“修改绘图纸标记”按钮，在弹出的快捷菜单中可以设置绘图纸标记的显示状态与显示范围 。,【修改绘图纸标记】按钮按下后，弹出菜单，菜单中有以下选项： 、【总是显示标记】选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。 、【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中

12、的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 、【绘图纸 2】选项；会在当前帧的两边显示两个帧。 、【绘图纸 5】选项；会在当前帧的两边显示五个帧。 、【绘制全部】选项；会在当前帧的两边显示全部帧。,3.3 翻转帧动画,翻转帧就是将选定一组帧按照相反的顺序排列在时间轴中，类似于电影中后退播放时的样子。 使用时选中一组帧（其中至少要包含两个关键帧），执行“修改”“时间轴”“翻转帧”命令或者右击备选帧，在弹出的快捷菜单中选择“翻转帧”选项即可。,4 形状补间,4.1 原理与创建条件,形状补间动画就是指对象在

13、两个关键帧之间形状发生变化的动画。例如圆形变成方形的动画效果，如下图所示。,在Flash中制作动画通常会采用补间的方式，补间是指在动画的起始帧和终止帧之间，Flash自动生成的过渡画面。补间的方式有两种，分别为形状补间与运动补间。本节中将首先介绍形状补间动画 。,正确的形状补间动画在时间轴中以浅绿色背景的单箭头符号表示，错误的形状补间动画以浅绿色背景的虚线表示。,l 形状补间只能作用于形状。要对组合、实例、位图或文本对象应用形状渐变，必须先将这些对象打散置形状。 l 形状间的补间只能在同一图层。通常一对一的形状过渡可以产生最佳的渐变效果，当然也可以在同图层中的多个对象间创建形状补间。,4.2

14、创建形状补间动画,正确创建形状补间时，首先需定义两个关键帧起始帧与终止帧，并分别在其中绘制好图形。接着就可以在,导致形状补间动画失败有两种可能：第一种为起始帧或终止帧中没有图形对象；第二种为起始帧或终止帧中包含元件实例。要正确使用形状补间必须满足以下创作条件：,两个关键帧之间创建形状补间动画了。而动画中过渡的部分，也就是补间，则是由Flash自行计算得来的。,形状补间的属性面板如下图所示，下面就对其中的各种选项逐一进行说明：,l 补间：用于设置或取消对象之间的运动类型，在弹出的列表中共有三个选项可供选择，分别为无、运动和形状。 简易：用于调节对象运动的速度，是速度变化与时间之间的比率。通过输入

15、数值或拖动滑动杆进行设置，数值范围在-100到100之间，负值表示加速运动，正值表示减速运动，默认情况下，简易值为0。 l 混合：用于调节对象变化过程中的形状平滑度。,节日街景,形状提示是辅助图形变形的一种提示。在变形的初始图形上指定一些变形的关键点，接着在变形的结束图形上将刚刚指定的关键点置于适当的位置，这样，图形在进行形状渐变的过程中，就会参考定义的关键点之间的联系计算出过渡效果的部分。,4.3 添加形状提示,添加形状提示后各帧的变化,5 运动补间,运动补间是最常用的一种渐变方式。它的主要功能是计算元件实例从一个地方到另一个地方，实例位置之间的过渡部分。除此以外，运动补间还可以在元件实例的

16、大小和颜色方面创建过渡动画，在实例运动的过程中，可以根据需要使实例旋转。,运动补间动画是补间动画的一种。通过为对象创建运动渐变，可以改变对象的位置、大小、旋转或倾斜，做出物体运动的各种效果。通过设置实例的颜色属性，还可以制作出丰富的渐变效果，例如实例的淡入淡出效果 。 正确的运动补间动画在时间轴中以浅紫色背景的单箭,5.1 原理与创建条件,头符号表示。错误的形状渐变动画以浅紫色背景的虚线表示。,l 运动补间只能作用于元件实例。要对形状、组合、位图或文本对象应用运动渐变，必须先将这些对象转换为元件。其中在为组合、位图或文本对象创建运动渐变的时候，Flash会自动将其转换为元件，并按“补间1”、“

17、补间2”、“补间3”的顺序依次为元件命名。 运动补间中的元件只能是一对一的渐变，多对一或一对多均会导致渐变失败。 运动补间中的元件只能在同一图层。,导致运动补间动画失败的原因有很多，但主要是由于以下几种原因：第一种为缺少起始帧或终止帧；第二种为起始帧或终止帧包含多个的对象；第三种为起始帧或终止帧中包含的对象不是元件实例。要正确使用运动补间必须满足以下创作条件 ：,运动补间动画共有四种类型，其中包括位置的移动、大小的变化、旋转和颜色的变化。这些渐变类型均可以互相搭配使用，理解这些渐变类型，可以制作出丰富的动画效果。各种类型的基本效果如下: 位置的移动，如图1所示；大小的变化，如图2所示；旋转，如

18、图3所示；颜色的变化，如图4所示。,5.2 运动补间的类型,在四种基本渐变类型中，元件实例尺寸的变化、角度的变化以及颜色的变化又可以演变出大量形式多样的渐变效果。,创建运动补间时，首先需定义一个关键帧，在其中调整好元件的位置与属性，作为运动渐变的起始帧。接着在同一图层中建立另一个关键帧，调整好元件的位置与属性，作为运动渐变的终止帧。这样就可以在两个关键帧之间创建运动补间动画了。两个关键帧之间的距离为元件的运动的范围，是动画的过渡部分，也就是补间。,5.3 创建运动补间动画,运动补间的属性面板如下图所示，其中的补间和简易值的设置与形状补间中的设置没有区别，下面就对其他的各种选项逐一进行说明：,l 缩放：用于决定元件实例运动过程中，是否使元件实例的尺寸发生变化。在制作有尺寸变化的动画效果时使用。 旋转：用于设置元件实例的旋转角度，单击“旋转”后面的文本框，在弹出的列表中共有三个选项可供选择，分别为无、自动、顺时针和逆时针。 调整到路径：在路径动画中，使元件实例沿引导线运动。 同步：用于设置元件实例的同步性。 对齐：在路径动画中，使元件实例自动吸附于引导线