Flash动画设计与制作——第六章：动画制作基础知识和基本.ppt

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