《Flash动画制作第6章》由会员分享，可在线阅读，更多相关《Flash动画制作第6章（32页珍藏版）》请在金锄头文库上搜索。
1、第第6章创建动画章创建动画l熟悉补间动画与逐帧动画熟悉补间动画与逐帧动画l掌握创建补间动作动画掌握创建补间动作动画l掌握创建补间形状动画掌握创建补间形状动画l掌握创建逐帧动画掌握创建逐帧动画l掌握编辑动画掌握编辑动画6.1补间动画与逐帧动画补间动画与逐帧动画6.2创建补间动作动画创建补间动作动画6.3创建补间形状动画创建补间形状动画6.4创建逐帧动画创建逐帧动画6.5编辑动画编辑动画26.1补间动画与逐帧动画补间动画与逐帧动画 动画是一个创建动作或其随时间变化的幻觉的过程。动画是一个创建动作或其随时间变化的幻觉的过程。 在在Flash中可以创建两种类型的动画，即逐帧动画和补间动画。中可以创建两
2、种类型的动画，即逐帧动画和补间动画。l“逐帧动画逐帧动画”是制作好每一帧画面，然后生成动画效果，传统的是制作好每一帧画面，然后生成动画效果，传统的动画都是这么做出来的。动画都是这么做出来的。l“补间动画补间动画”则是制作好若干关键帧的画面，由则是制作好若干关键帧的画面，由Flash通过计算生通过计算生成中间各帧，使得画面从一个关键帧过渡到另一个关键帧。成中间各帧，使得画面从一个关键帧过渡到另一个关键帧。 3“补间补间”动画又可细分为两类，一类是动画又可细分为两类，一类是“补间动作补间动作”动画，一类是动画，一类是“补间形状补间形状”动画。这两种类型动画的特点如下：动画。这两种类型动画的特点如下
3、：l对于补间动作动画来说，用户可以分别在不同时间定义实例、群对于补间动作动画来说，用户可以分别在不同时间定义实例、群组、文本块的位置、尺寸或方向。此外，也可创建沿路径运动的组、文本块的位置、尺寸或方向。此外，也可创建沿路径运动的渐变动画。渐变动画。l补间形状动画中，用户可以分别在不同的时间改变形状或绘制补间形状动画中，用户可以分别在不同的时间改变形状或绘制其他形状，其他形状，Flash会自动在两个时间点之间创建中间形状。会自动在两个时间点之间创建中间形状。46.2创建补间动作动画创建补间动作动画为了创建补间动作动画，可使用如下两种方法：为了创建补间动作动画，可使用如下两种方法：l为动画创建开始
4、关键帧与结束关键帧，并在为动画创建开始关键帧与结束关键帧，并在“帧帧”属性面板中属性面板中“补间补间”下拉列表框中选择下拉列表框中选择“动作动作”选项。选项。l创建动画的第创建动画的第1个关键帧，选择个关键帧，选择【插入插入】【创建补间动画创建补间动画】菜单，在希望结束的帧上加入一帧，移动对象到新位置，菜单，在希望结束的帧上加入一帧，移动对象到新位置，Flash将自动创建结束关键帧。将自动创建结束关键帧。【操作实例操作实例1】创建补间动作动画创建补间动作动画56.2.2创建沿路径运动的补间动作动画创建沿路径运动的补间动作动画 在制作补间动作动画时，用户可以通过设置运动路径，使补在制作补间动作动
5、画时，用户可以通过设置运动路径，使补间实例、组或文本块沿绘制的路径进行运动。在设置沿路径运动间实例、组或文本块沿绘制的路径进行运动。在设置沿路径运动的补间动作动画时，需要先创建特定的运动引导图层，并绘制运的补间动作动画时，需要先创建特定的运动引导图层，并绘制运动路径，然后将动画对象设置于运动路径上即可。动路径，然后将动画对象设置于运动路径上即可。【操作实例操作实例3】创建沿路径运动的补间动作动画创建沿路径运动的补间动作动画6 6.3创建补间形状动画创建补间形状动画 通过创建补间形状动画，可创建类似变形效果。对象最初以通过创建补间形状动画，可创建类似变形效果。对象最初以某一形状出现，随着时间的推
6、移，起初的形状将逐步转变为另外某一形状出现，随着时间的推移，起初的形状将逐步转变为另外的一个形状。同时，的一个形状。同时，Flash还可以对形状的位置、大小和颜色进还可以对形状的位置、大小和颜色进行过渡。行过渡。76.3.1创建补间形状动画创建补间形状动画 用户要创建补间形状动画，可先在舞台上创建一个形状。然用户要创建补间形状动画，可先在舞台上创建一个形状。然后创建动画的结束关键帧，并在该关键帧上创建一个新的形状或后创建动画的结束关键帧，并在该关键帧上创建一个新的形状或改变原有的形状。最后选择起始关键帧和结束关键之间的任意改变原有的形状。最后选择起始关键帧和结束关键之间的任意一帧，在一帧，在“
7、帧帧”属性面板中的属性面板中的“补间补间”下拉列表框中选择了下拉列表框中选择了“形状形状”选项即可选项即可 .【操作实例操作实例4】创建补间形状动画创建补间形状动画86.3.2使用形状提示使用形状提示 形状提示就是在变形的初始图形与结束图形上，分别指定一形状提示就是在变形的初始图形与结束图形上，分别指定一些变形关键点，并使这些点在起始帧中和结束帧中一一对应，些变形关键点，并使这些点在起始帧中和结束帧中一一对应，这样这样Flash就会根据这些点的对应关系来计算变形的过程。使就会根据这些点的对应关系来计算变形的过程。使用形状提示可以控制较为复杂的形状渐变。用形状提示可以控制较为复杂的形状渐变。 【
8、操作实例操作实例5】使用形状提示控制补间形状动画。使用形状提示控制补间形状动画。9 6.4创建逐帧动画创建逐帧动画 “逐帧逐帧”动画是最传统的动画创建形式，也是动画是最传统的动画创建形式，也是Flash动画的另动画的另一个重要类型。一个重要类型。“逐帧逐帧”动画适于创建非常复杂的动画，它的每一动画适于创建非常复杂的动画，它的每一帧都是关键帧，每一帧都需要由设计者确定，而不是由帧都是关键帧，每一帧都需要由设计者确定，而不是由Flash通通过计算得到。与补间动画相比，过计算得到。与补间动画相比，“逐帧逐帧”动画的文件尺寸增大得动画的文件尺寸增大得很快。很快。【操作实例操作实例6】创建逐帧动画创建逐
9、帧动画10 6.5编辑动画编辑动画 创建一个帧或关键帧之后，可以把它移动到同图层或另一个创建一个帧或关键帧之后，可以把它移动到同图层或另一个图层的任何位置，也可以删除它。但是，用户只能够编辑关键帧，图层的任何位置，也可以删除它。但是，用户只能够编辑关键帧，对于补间帧，只能查看而不能编辑。要修改补间帧的内容，只能对于补间帧，只能查看而不能编辑。要修改补间帧的内容，只能通过修改关键帧或者在开始关键帧和结束关键帧之间插入新的关通过修改关键帧或者在开始关键帧和结束关键帧之间插入新的关键帧。此外，要同时显示和编辑多个帧，可以使用绘图纸外观功键帧。此外，要同时显示和编辑多个帧，可以使用绘图纸外观功能能,即
10、即“洋葱皮洋葱皮”技术。技术。116.5.1插入、删除和修改帧插入、删除和修改帧6.5.2使用绘图纸外观功能使用绘图纸外观功能 通常情况下，通常情况下，Flash在舞台中一次只显示动画序列的一个帧。在舞台中一次只显示动画序列的一个帧。为了帮助用户定位和编辑逐帧动画，并在舞台中一次查看两个或为了帮助用户定位和编辑逐帧动画，并在舞台中一次查看两个或多个帧，可以使用多个帧，可以使用【绘图纸外观绘图纸外观】按钮。此时，播放头下面的帧按钮。此时，播放头下面的帧用全彩色显示，但其余帧是暗淡的，看起来就好像每个帧是画在用全彩色显示，但其余帧是暗淡的，看起来就好像每个帧是画在一张半透明的绘图纸上，而且这些绘图
11、纸相互层叠在一起。一张半透明的绘图纸上，而且这些绘图纸相互层叠在一起。126.5.3移动整个动画移动整个动画 要移动舞台中的整个动画，必须一次移动所有帧和图层中的要移动舞台中的整个动画，必须一次移动所有帧和图层中的图形，以避免重新对齐所有的对象。在移动整个动画之前，需要图形，以避免重新对齐所有的对象。在移动整个动画之前，需要先解除所有锁定图层；若要移动某个或多个图层中的内容而不移先解除所有锁定图层；若要移动某个或多个图层中的内容而不移动其他图层上的内容，可锁定或隐藏不希望移动的图层。动其他图层上的内容，可锁定或隐藏不希望移动的图层。13 6.6上机操作综合指导上机操作综合指导上机操作指导上机操
12、作指导1操作要求：操作要求： 在在Flash 8中创建一个蝴蝶煽动翅膀的逐帧动画，然后使用中创建一个蝴蝶煽动翅膀的逐帧动画，然后使用该动画创建一个沿椭圆飞翔的动画，该动画创建一个沿椭圆飞翔的动画， 14操作步骤操作步骤第一步：创建蝴蝶影片剪辑元件第一步：创建蝴蝶影片剪辑元件1.启动启动Flash 8程序，选择程序，选择【文件文件】【新建新建】命令，建立一个命令，建立一个新的新的Flash文档。文档。2.选择选择【插入插入】【新建元件新建元件】菜单命令，打开菜单命令，打开【创建新元件创建新元件】对话框，输入如图对话框，输入如图6.30所示的内容，单击所示的内容，单击【确定确定】按钮，创建蝴按钮，
13、创建蝴蝶元件。蝶元件。图6.30创建蝴蝶元件153.此时，进入蝴蝶元件的编辑窗口，然后选择此时，进入蝴蝶元件的编辑窗口，然后选择【文件文件】【导入导入】【导入到舞台导入到舞台】命令，打开命令，打开【导入导入】对话框，在对话框中选择对话框，在对话框中选择一幅图片，单击一幅图片，单击【打开打开】按钮将其导入到当前的按钮将其导入到当前的Flash文档中。如果文档中。如果导入的图片是一个序列，将在弹出的对话框中选择导入的图片是一个序列，将在弹出的对话框中选择【是是】即可，即可，创建了创建了“蝴蝶元件蝴蝶元件”的逐帧动画，如图的逐帧动画，如图6.31所示。也可以参照所示。也可以参照6.4节来创建逐帧动画
14、。节来创建逐帧动画。631创建“蝴蝶元件”的逐帧动画16第二步：利用蝴蝶影片剪辑元件创建补间动作动画第二步：利用蝴蝶影片剪辑元件创建补间动作动画4.单击单击【场景场景1】标签进入场景标签进入场景1，来创建沿封闭路径运动的补间，来创建沿封闭路径运动的补间动作动画。选择动作动画。选择【窗口窗口】【库库】打开打开【库面板库面板】，选择，选择【蝴蝶元件蝴蝶元件】将其拖入到当前的将其拖入到当前的Flash文档中。文档中。5.选择选择【时间轴时间轴】面板上的面板上的30帧，单击鼠标右键选择帧，单击鼠标右键选择【插入关插入关键帧键帧】命令，选择命令，选择2个关键帧之间的任一帧，在帧属性面板中的个关键帧之间的
15、任一帧，在帧属性面板中的【补间补间】下拉列表框中选择下拉列表框中选择【动画动画】选项，创建补间动作动画。选项，创建补间动作动画。此时，在开始关键帧和结束关键帧之间，将出现一个淡紫色背此时，在开始关键帧和结束关键帧之间，将出现一个淡紫色背景箭头，如图景箭头，如图6.32所示。所示。17图6.32创建一个补间动画18第三步：添加运动引导层创建沿封闭路径运动的补间动作动画第三步：添加运动引导层创建沿封闭路径运动的补间动作动画6在时间轴面板中单击在时间轴面板中单击【添加运动引导层添加运动引导层】按钮，来创建一个运按钮，来创建一个运动引导层。动引导层。7使用工具面板中的使用工具面板中的【椭圆工具椭圆工具
16、】，在运动引导层中绘制一个填，在运动引导层中绘制一个填充色为透明色的椭圆图形，作为蝴蝶运动的路径。充色为透明色的椭圆图形，作为蝴蝶运动的路径。198使用工具面板中的使用工具面板中的【橡皮擦工具橡皮擦工具】 ，在其，在其【选项选项】区域中选区域中选择最小的橡皮擦形状，将椭圆图形擦出一个非常小的豁口，择最小的橡皮擦形状，将椭圆图形擦出一个非常小的豁口，如图如图6.33所示。所示。图633将椭圆图形擦出个豁口209按照按照6.2.2节中介绍的创建沿路径运动的动画的方法，在时间节中介绍的创建沿路径运动的动画的方法，在时间轴面板中选择轴面板中选择【图层图层1】，分别将起始帧和结束关键帧上的蝴蝶，分别将起
17、始帧和结束关键帧上的蝴蝶元件移至豁口的两个端点处，设置该元件实例沿路径运动的动画，元件移至豁口的两个端点处，设置该元件实例沿路径运动的动画，如图如图6.34所示。所示。动画制作完毕后，选择动画制作完毕后，选择【控制控制】【测试影片测试影片】菜单命令，菜单命令，即可看到蝴蝶按照设置沿椭圆路径进行运动的效果。即可看到蝴蝶按照设置沿椭圆路径进行运动的效果。图6.34设置元件实例的位置21 上机操作指导上机操作指导2操作要求：操作要求：在在Flash中创建一个旋转的风车动画中创建一个旋转的风车动画 .操作步骤操作步骤第一步：创建风车图形元件第一步：创建风车图形元件1.启动启动Flash 程序，选择程序
18、，选择【文件文件】【新建新建】命令，建立一个命令，建立一个新的新的Flash文档。文档。2.选择选择【插入插入】【新建元件新建元件】菜单命令，打开菜单命令，打开【创建新元件创建新元件】对话框，输入如图对话框，输入如图6.36所示的内容，单击所示的内容，单击【确定确定】按钮，创建按钮，创建风车图形元件。风车图形元件。图6.36建立图形符号223.选择菜单选择菜单【视图视图】【网格网格】【编辑网格编辑网格】，在打开的对话，在打开的对话框中选中显示网格和对齐网格两个复选框，并如图框中选中显示网格和对齐网格两个复选框，并如图 6.37 所示设所示设置网格的大小。然后单击确定按纽。置网格的大小。然后单击
19、确定按纽。图图6.37设置网格参数设置网格参数234.选择工具面板工具箱中的选择工具面板工具箱中的【椭圆工具椭圆工具】 ，在属性监视器中把笔，在属性监视器中把笔触颜色设为黑色，填充颜色设为另外一种颜色。确认椭圆工具属触颜色设为黑色，填充颜色设为另外一种颜色。确认椭圆工具属性窗口中的线条类型是直线型，线条宽度为性窗口中的线条类型是直线型，线条宽度为4如图如图6.38所示。所示。图6.38设置线条属性5.按住按住【shift】键，在工作区的中央绘制一个圆，大小适中即可键，在工作区的中央绘制一个圆，大小适中即可. 6选择工具箱中的选择工具箱中的【直线工具直线工具】，借助网格线把圆划分成，借助网格线把
20、圆划分成8个等份个等份 247选择工具箱中的选择工具箱中的【颜料桶工具颜料桶工具】，给互不相邻的，给互不相邻的4个扇形填充上个扇形填充上不同的颜色，如图不同的颜色，如图6.41所示。所示。图6.41为互不相邻的4个扇形填色258选择工具箱中的选择工具箱中的【选择工具选择工具】，选中刚才没有被填色的其他，选中刚才没有被填色的其他扇形，按扇形，按【Delete】键删除掉。然后在黑色线条上双击鼠标选取键删除掉。然后在黑色线条上双击鼠标选取所有线条，按所有线条，按【Delete】键删除掉。完成后的风车如图键删除掉。完成后的风车如图6.42所示。所示。图6.42 风车图形符号26第二步：利用风车图形元件
21、创建补间动作动画第二步：利用风车图形元件创建补间动作动画9单击工作区窗口左上角的场景单击工作区窗口左上角的场景1标签，回到影片的编辑窗口。标签，回到影片的编辑窗口。10选择选择【窗口窗口】【库库】菜单命令，此时库窗口中将列出前面菜单命令，此时库窗口中将列出前面创建的创建的“风车风车”图形符号，如图图形符号，如图6.43所示。从库窗口向当前的所示。从库窗口向当前的Flash文档中拖放一个文档中拖放一个“风车风车”符号实例。符号实例。图图6.43包含包含“风车风车”图形符号的库窗口图形符号的库窗口2711在时间轴窗口第在时间轴窗口第30帧的位置，单击鼠标右键，执行弹出菜单中帧的位置，单击鼠标右键，
22、执行弹出菜单中【插入关键帧插入关键帧】命令插入关键帧，然后在属性面板中选择命令插入关键帧，然后在属性面板中选择“补间补间”为为【动画动画】选项，选择选项，选择【旋转旋转】为顺时针，在旁边的输入框中输入为顺时针，在旁边的输入框中输入3，即旋转即旋转3圈圈， 图6.44设置动画2812.此时，在开始关键帧和结束关键帧之间，将出现一个淡紫色背此时，在开始关键帧和结束关键帧之间，将出现一个淡紫色背景箭头，表明二者之间存在动画景箭头，表明二者之间存在动画. 13.用鼠标选中第用鼠标选中第30帧中的帧中的“风车风车”实例，然后单击鼠标右键，在弹实例，然后单击鼠标右键，在弹出的菜单中选择出的菜单中选择【任意
23、变形任意变形】命令，此时，命令，此时，“风车风车”实例的四周会实例的四周会出现缩放手柄。拖动直角顶点处的缩放手柄，适当缩小图形的尺出现缩放手柄。拖动直角顶点处的缩放手柄，适当缩小图形的尺寸，如图寸，如图6.46所示。所示。图6.46缩小实例尺寸的前后29第三步：创建多个风车第三步：创建多个风车15.单击时间轴层窗口下方的按钮，添加新的一层，在新增加的单击时间轴层窗口下方的按钮，添加新的一层，在新增加的层中重复（层中重复（10）（）（15）步，可以创建第）步，可以创建第2个风车。按照同样的个风车。按照同样的方法可以创建多个风车。方法可以创建多个风车。第四步：测试影片第四步：测试影片30 小结与提
24、高小结与提高l在在Flash中有三种用来创建动画效果的基本方式，包括逐帧中有三种用来创建动画效果的基本方式，包括逐帧动画、补间动作动画和补间形状动画。动画、补间动作动画和补间形状动画。l补间相对逐帧动画来说对文件大小增加得很少，因为此时补间相对逐帧动画来说对文件大小增加得很少，因为此时Flash主要是对关键帧之间的不同进行计算，并不需要为序列中的每一帧主要是对关键帧之间的不同进行计算，并不需要为序列中的每一帧存储其信息。存储其信息。l创建逐帧动画时，可以插入关键帧（创建逐帧动画时，可以插入关键帧（F6）并对每一帧上的内容）并对每一帧上的内容进行修改，或者插入空白关键帧（进行修改，或者插入空白关
25、键帧（F7）并在每一帧上创建全新的）并在每一帧上创建全新的作品。作品。31l可以通过延长或者缩短补间的区域来调整补间动画的步调，也可以通过延长或者缩短补间的区域来调整补间动画的步调，也可以通过调整可以通过调整“缓动缓动”设置来创建序列的加速与减速。设置来创建序列的加速与减速。l可以通过插入或者删除帧对逐帧动画的步调进行修改，然而，可以通过插入或者删除帧对逐帧动画的步调进行修改，然而，为了保证动作的连贯性，也可以修改关键帧。为了保证动作的连贯性，也可以修改关键帧。l元件是创建优化了的元件是创建优化了的Flash动画的主要部分。简单的形状或者动画的主要部分。简单的形状或者图形必须先转变成元件后才能对其进行动作补间。而大多数动画图形必须先转变成元件后才能对其进行动作补间。而大多数动画应该被组织成影片剪辑而不是放在主时间轴上。应该被组织成影片剪辑而不是放在主时间轴上。32
