第10讲简单动画的制作

1、本讲要点本讲要点 认识帧的类型及帧的编辑了解时间轴并掌握动作补间动画的制作方法掌握形状补间动画的制作方法学习并掌握逐帧动画的制作方法第第8 8讲讲 简单动画的制作简单动画的制作快速导读快速导读 本讲主要介绍动画制作的基础知识,包括帧的类型，帧的编辑方法和时间轴的有关概念，并以实例的形式介绍了各种类型动画的制作方法与技巧。本讲的重点是使用【帧】和【时间轴】快速、高效地创建动作补间动画，形状补间动画以及逐帧动画。难点是动作补间动画的制作方法。本讲的目的是能够灵活的运用这些知识创建各种类型的简单动画。第第8 8讲讲 简单动画的制作简单动画的制作Flash动画的基本类型有以下5种。逐帧动画补间动画引导

2、动画遮罩动画时间轴特效8. 1 Flash动画的基本类型动画的基本类型 8.2.1 普通帧普通帧普通帧在时间轴上显示为一个个的单元格。无内容的帧是空白的单元格，有内容的帧显示出一定的颜色。不同的颜色代表着不同类型的动画，如动作补间动画的帧显示为浅蓝色，形状补间的动画的帧显示为浅绿色，静止关键帧后面的帧显示为灰色，关键帧后面的普通帧将继承该关键帧的内容。 8.2.2 关键帧关键帧关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧，而补间动画只需在重要的变化点上创建关键帧，再由计算机自动生成关键帧之间的内容。实心圆点是有内容的关键帧，空心圆点是空白关键帧。8. 2 帧的类型帧的类型在Flash

3、中,帧的编辑包括插入、复制、粘贴、删除、清除、移动和翻转等操作。 8.3.1 插入帧和关键帧插入帧和关键帧插入普通帧在时间轴上单击并按下F5键或者单击右键，在弹出的快捷菜单中选择【插入帧】命令。插入关键帧在时间轴上单击并按下F6键或者单击右键，在弹出的快捷菜单中选择【插入关键帧】命令。插入空白关键帧在时间轴上单击并按下F7键或者单击右键，在弹出的快捷菜单中选择【插入空白关键帧】命令。8. 3 编辑帧编辑帧8.3.2 选择帧选择帧要选取单个帧，只需在时间轴上单击此帧。 选择连续的帧有两种方法，一种是在第一帧上单击，然后按住Shift键不放，再单击最后一帧即可；另一种是直接在第一帧上按住鼠标左键拖

4、动，到最后一帧时释放鼠标左键。 选取不连续的帧时只需按住Ctrl键用鼠标依次单击即可。 选择时间轴上所有轴有两种方法，一种是选择图层中的任意一帧，单击右键，在弹出的快捷菜单中选择【选择所有帧】选项；另一种方法是单击图层，则图层中的所有帧也将被选中。 8.3.3 复制帧和粘贴帧复制帧和粘贴帧在图层中选择要复制的帧，然后单击右键，在弹出的快捷键菜单中选择【复制帧】选项，即可把帧复制到剪贴板上。在要粘贴的帧上单击鼠标右键，在弹出的快捷键菜单中选择【粘贴帧】选项，即可将剪贴板上的帧粘贴到选择帧处。 8.3.4 删除帧删除帧选择要删除的一个帧或多个帧，单击鼠标右键，在弹出的快捷菜单中选择【删除帧】选项或

5、者按Shift+F5组合键，即可删除选定的帧。当一个帧被删除后，后面的帧将自动向前移动。 8.3.5 清除帧清除帧在动画的制作过程中，如果不需要某些帧或关键帧，可将这些帧清除掉。清除帧在需要清除的帧上单击鼠标右键，在弹出的快捷键菜单中选择【清除帧】选项，清除后的该帧就会自动变成空白关键帧。清除关键帧在需要清除的关键帧上单击鼠标右键，在弹出的快捷键菜单中选择【清除关键帧】选项，清除后的该帧便成为普通帧。 8.3.6 移动帧移动帧在图层中选择一帧或者多帧，按住鼠标左键并拖动，鼠标指针将变为 形状，拖动鼠标指针到目标位置，然后释放鼠标即可。 8.3.7 翻转帧翻转帧利用翻转帧功能可以使连续的关键帧序

6、列进行逆顺序排列，从而使影片倒着播放。此功能只作用于连续的关键帧序列。 8.3.8 设置帧频设置帧频在Flash中，每一秒钟播放的频数为“帧频”。帧频就是动画的播放速度，以每秒播放的帧数为度量。默认情况下，Flash的帧频是12帧/秒，即每一秒钟要播放动画中的12帧的画面。帧频的单位是fps，设置帧频就是设置动画的播放速度，帧频越大，播放的速度越快，反之则越慢。 单击舞台中的空白处，在其【属性】面板中的【帧频】文本框中便可设置帧频。 在Flash中，动画的最终效果播放是用时间轴来控制的。在【时间轴】面板中可以对图层和帧进行添加和删除等操作，来控制图层和播放帧的位置、属性等。 8.4.1 时间轴

7、特效时间轴特效在对舞台中的对象添加时间轴特效时，Flash会新建一个图层，然后把对象传送到新建的图层中。该对象被放置在特效图层中，特效所需要的所有过渡和变形也都被存在新建图层的图形中。新建图形的名称与特效名称相同，后面带有编号，表示在文档内所有的特效中应用此特效的顺序。添加时间轴特效时，在【库】面板中会添加一个以特效名称命名的文件夹，内含创建该特效所使用的元素。8. 4 时间轴时间轴 8.4.2 时间轴特效的添加时间轴特效的添加在动画的制作过程中，可以使用时间轴特效在文本中轻松地添加动画。添加时间轴特效后可以使文本产生弹跳、淡入淡出或爆炸等效果。将时间轴特效应用于影片剪辑时，Flash会将特效

8、嵌套在影片剪辑中。选中文本，选择【插入】【时间轴特效】，选择相应的效果，然后在弹出的效果对话框中进行设置即可。 8.4.3 设置时间轴特效设置时间轴特效【变形】特效【变形】特效用于调整选定对象的位置、缩放比例、旋转角度、Alpha值和色彩等属性。使用【变形】特效可以应用单一特效或者特效组合，从而产生淡入/淡出、放大/缩小以及左旋/右旋等特效。【转换】特效【转换】特效主要用于对选定的对象进行擦除和淡入/淡出处理，或者是二者的组合处理，从而产生逐渐转换的特效。【分散式直接复制】特效【分散式直接复制】特效用于复制选定的对象一定的次数。 【复制到网格】特效【复制到网格】特效用于按照列数复制选定的对象，

9、然后按照行数乘以列数创建该元素的网格。【展开】特效对选中的对象应用【展开】特效，可以在一段时间内放大或缩小对象。【投影】特效为对象添加投影效果。【模糊】特效为对象添加模糊效果。 8.4.4 编辑时间轴特效编辑时间轴特效选中要修改的对象，然后右键单击，在弹出的快捷键菜单中选择【时间轴特效】【编辑特效】命令。在弹出的该特效对话框中进行编辑即可。如果要删除时间轴特效，只需在舞台中选中应用时间轴特效的对象，然后选择【修改】【时间轴特效】【删除特效】即可。 8.4.5 时间轴辅助工具时间轴辅助工具在时间轴面板中除了常用的一些工具，还有一些制作动画需要的辅助工具。滚动到播放头单击该按钮可以使播放头在时间轴

10、的中间显示。绘图纸外观在制作连续的动画时，如果前后两帧的画面内容没有完全对齐就会出现抖动的现象。这时可以使用【绘图纸外观】等功能来协助操作。它不但可以用半透明方式显示指定序列画面的内容，而且可以提供同时编辑多个画面的功能。绘图纸外观轮廓绘图纸外观轮廓模式与绘图纸外观模式的显示内容类似，但绘图纸外观轮廓模式显示的是对象的轮廓线，这样可以更清楚地观察对象的变化过程。编辑多个帧使用编辑多个帧模式不会显示动画中的补间的部分，而只显示关键帧中的内容，还可以对舞台中显示的所有内容进行大小、位置、颜色等属性的调整。修改绘图纸标记单击修改绘图纸标记按钮将弹出菜单列表。动作补间动画是指一个元件在两个关键帧之间建

11、立的一种运动补间关系。动作补间动画可以设置元件的大小、位置、颜色、透明度、旋转等属性。 8.5.1 动作补间动画制作原理动作补间动画制作原理元件是构成动作补间动画的基本元素，包括影片剪辑、图形元件和按钮元件等。除了元件，包括位图、文本在内的其他元素，只有将其转变成元件之后才可以创建动作补间动画。创建动作补间动画的方法有两种，一种是在时间轴上创建起始帧和结束帧，然后在中间部分的任一帧上单击鼠标右键，在弹出的快捷菜单中选择【创建补间动画】命令即可。另一种是利用【属性】面板来创建动作补间动画。 8. 5 动作补间动画动作补间动画 8.5.2 创建补间动画创建补间动画空中飞行空中飞行 最终效果在Fla

12、sh的时间轴上，用一个关键帧绘制一个形状，然后用一个关键帧更改该形状或绘制另一个形状，Flash就会根据二者之间的帧的值或形状来创建动画，这种动画就被称为形状补间动画。 8.6.1 形状补间动画创建原理形状补间动画创建原理形状补间动画可以实现两个图形之间的颜色、形状、大小和位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标绘制出的形状。如果使用图形元件、按钮、文字等，则必须先打散再变形。创建形状补间动画可以通过【属性】面板直接设置，也可以在帧上单击右键，在弹出的快捷键菜单中选择【创建补间形状】即可。8. 6 形状补间动画形状补间动画 8.6.2 创建形状补间

13、动画创建形状补间动画国庆佳节国庆佳节最终效果逐帧动画是在时间轴上以关键帧的形式逐帧绘制帧内容形成的动画。由于逐帧动画是按照一帧一帧来播放画面的，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。逐帧动画在时间轴上表现为连续出现的关键帧。要创建逐帧动画，需要将每个帧都定义为关键帧，然后给每个帧创建不同的图像内容即可。创建逐帧动画的方法一般有以下4种。 使用导入的表态图片建立逐帧动画 绘制矢量逐帧动画 文字逐帧动画 导入序列图像8. 7 逐帧动画逐帧动画导入静态图片建立逐帧动画 文字逐帧动画 在Flash中可以两种类型的补间动画：动作补间动画和形状补间动画。在动作补间动画中，可以在一个

14、时间点定义一个实例、文本块的位置、大小和旋转等属性，然后在另一个时间点改变这些属性。在形状补间动画中，可以在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状。Flash会在两个关键帧之间自动地生成过渡的形状来创建动画。补间动画是创建随时间移动或更改的动画的一种有效的方法，并且能最大程度地减小所生成文件的大小。在补间动画中，Flash中保存关键帧上的内容。8. 8 本讲小结本讲小结1. 判断题判断题（1）在Flash中插入关键帧的快捷键是F5。 （ ）（2）在Flash中，动画的最终效果播放是用时间轴来控制的。 （ ） （3）动作补间动画是指一个元件在两个关键帧之间建立的一种运动补间关系。（ ） 2. 选择题选择题（1）