动画设计基础基本动画制作ppt课件

第五章 基本动画制作,本课要点 具体要求 本课导读 综合实例,本章要点,时间轴 帧和图层 逐帧动画 动作补间动画 形状补间动画,具体要求,了解Flash 8中帧和图层的基本概念，并掌握帧和图层的基本操作方法。 熟练掌握逐帧动画的创建方法。 熟练掌握动作补间动画的创建方法。 熟练掌握形状补间动画的创建方法。,本课导读,帧和图层是制作Flash动画过程中所涉及到的两个重要概念，在Flash 8中对动画的制作和编辑，实际上就是对帧和图层，以及对帧和图层中动画要素所做的编排和调整。在掌握了帧和图层的基本概念和操作方法后，还需要对Flash 8中的基本动画类型进行了解和学习，熟练掌握这三种基本动画的应用，就可以制作出各类精美的Flash动画。,5.1 动画制作基础,在正式学习动画制作之前，首先需要了解Flash动画的类型特点和涉及到的帧和图层的概念，并掌握Flash 8中帧和图层的基本操作方法。,5.1 动画制作基础,5.1.1 知识讲解 5.1.2 典型案例制作“霓虹灯 箱”动画,5.1.1 知识讲解,1. Flash动画的基本特点 2. Flash中的基本动画类型 3. 时间轴 4. 帧的概念和类型 5. 帧的基本操作 6. 图层的概念和类型 7. 图层的基本操作,1. Flash动画的基本特点,Flash动画之所以能够越来越流行，并广泛应用在不同的领域，Flash动画自身所具备的特点是不可忽视的重要因素之一。 基于矢量的图形系统，占用空间是位图的几千分之一，适合网络传播 应用领域广 采用“流”媒体形式 可跨平台播放 交互性强,2. Flash中的基本动画类型,Flash中的基本动画主要分为逐帧动画、动作补间动画和形状补间动画三种类型。 逐帧动画：Flash中的逐帧动画通常由多个连续的关键帧组成，在各关键帧中分别绘制表现对象连续且流畅动作的图形（如小鸟飞翔、火苗跳动等）。 动作补间动画：动作补间动画是根据同一对象在两个关键帧中大小、位置、旋转、倾斜、透明度等属性的差别由Flash计算并自动生成的一种动画类型。 形状补间动画：形状补间动画是通过Flash计算两个关键帧中矢量图形的形状差别，并在两个关键帧中自动添加变化过程的一种动画类型。,2. Flash中的基本动画类型,动作动画 ：在关键帧之间有一条水平指向右边的箭头，帧为浅蓝色背景。 形状动画 ：在关键帧之间也有一条水平指向右边的箭头，帧为浅绿色背景。 动画错误 ：表示在创建动作动画中存在错误，无法正确完成动画的制作。,3. 时间轴,在Flash中，“时间轴”是形成动画的最主要因素，动画的播放顺序就是按照“时间轴”从左至右的顺序播放的。随着动画设计越来越复杂，“时间轴”也会变得越来越复杂，甚至令人感觉混乱。在学习动画设计之前，必须掌握“时间轴”的基本要素和基本操作方法。,时间轴窗口,时间轴特效,使用Flash内置的“时间轴特效”，可以方便快捷地实现一些特殊的动画效果，例如投影效果、对象变形、分离等。“时间轴特效”应用的对象包括文本、图形（包括矢量图、组合对象）、位图以及各种元件。,4. 帧的概念和类型,帧是组成Flash动画最基本的单位，通过在不同的帧中放置相应的动画元素（如位图、文字和矢量图等），然后对这些帧进行连续播放，最终实现Flash动画效果。在Flash 8中，根据帧的不同功能和含义，可将帧分为空白关键帧、关键帧和普通帧三种。,空白关键帧,空白关键帧在时间轴中以一个空心圆表示。 它是一个没有内容的关键帧。如果新建一个Flash文件，则会在第1帧自动创建一个空白关键帧。空白关键帧内可以创建各种对象。选中某一个空白帧，再按F7键，即可将它转换为空白关键帧。,关键帧,关键帧在时间轴中以一个黑色实心圆表示。 该帧内有对象，可以进行编辑。选中一个空白帧，再按F6键，即可创建一个关键帧。,普通帧,在关键帧的右边的浅灰色背景帧单元格是普通帧，表示它的内容与左边的关键帧内容一样。选中关键帧右边的一个空白帧，再按F5键，则从关键帧到选中的帧之间的所有帧均变成普通帧。,动作帧,该帧本身也是一个关键帧，其中有一个字母“a”，表示这一帧中分配有动作脚本。当影片播放到这一帧时会执行相应的脚本程序。要加入动作需弹出“动作-帧”面板。,过渡帧,它是两个关键帧之间，创建补间动画后由Flash计算生成的帧，它的底色为浅蓝色或浅绿色。不可以对过渡帧进行编辑,5. 帧的基本操作,帧的基本操作包括以下几项： 1）选择帧 2）移动帧 3）复制帧 4）插入帧 5）翻转帧 6）清除帧 7）删除帧 8）更改帧的显示方式 9）添加帧标签,1）选择帧,编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧，然后单击右键，即可弹出帧快捷菜单，常常需要使用帧快捷菜单中的菜单命令来编辑帧。,选择帧的方法,（1）选中一个帧：单击一帧的单元格，即可选中该帧。 （2）选中连续的多个帧：按住Shift键，选中一个或多个动画所在图层内左上角的帧，再单击右下角的帧，即可选中连续的所有帧。另外，选中某一个非关键帧，再拖曳鼠标。 （3）选中一个图层的所有帧：单击控制区域内的某一图层，即可选中该图层的所有帧。,选择帧的方法,（4）选中多个连续图层的所有帧：按住Shift键，单击控制区域内的连续图层中第1个图层，再单击连续图层中最后一个图层，即可选中多个连续图层内的所有帧。 （5）选中多个图层的所有帧：按住Ctrl键，单击控制区域内的各个图。 （6）选择所有帧：选中帧快捷菜单中的“选择所有帧”菜单命令。,2）移动帧、复制帧和调整过渡帧的数量,（1）移动帧：在时间轴中选中若干帧，用鼠标拖曳选中的帧，可以把它们移到目的位置。 （2）复制帧和移动帧：选中要移动的帧，单击帧快捷菜单中的“复制帧”（或“剪切帧”）菜单命令，将选中的帧复制（剪切）到剪贴板内。再在时间轴窗口中选中一个帧单元格，然后弹出“帧”快捷菜单，单击快捷菜单中的“粘贴帧”，即可把剪贴板中的若干帧粘贴到时间轴窗口选定的帧内，从而实现复制帧（移动帧）。,2）移动帧、复制帧和调整过渡帧的数量,（3）调整过渡帧的数量：在创建了运动或形状动画后，如果要调整过渡的长度，可以先选中起始或结束关键帧，然后用鼠标水平拖曳该帧单元格，在拖曳帧单元格的时候，可能会出现只拖曳了结束帧单元格 ，此时需要再拖曳终止关键帧，使它与结束帧单元格 重合。,3）插入帧和删除帧,（1）插入普通帧：选中要插入普通帧的帧单元格，然后按F5键。这时就会在选中的帧单元格中新增加一个普通帧，该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。 （2）删除帧：在时间轴窗口中选中要删除的一个或多个帧，然后单击帧快捷菜单中的 “删除帧”菜单命令。按住Shift+F5键，也可以删除选中的帧。,3）插入帧和删除帧,（3）插入关键帧，选中要插入关键帧的帧单元格，然后按F6键或单击帧快捷菜单中的“插入关键帧”菜单命令。 （4）插入空白关键帧：选中要插入空白关键帧的帧单元格，然后按F7键或单击帧快捷菜单中的“插入空白关键帧”菜单命令。,3）插入帧和删除帧,（5）清除关键帧：选中要删除的关键帧，然后单击帧快捷菜单中的“删除关键帧”菜单命令。此时，原关键帧中的内容会被前面的关键帧内容取代。 （6）清除帧：选中要清除的帧，然后单击帧快捷菜单中的“清除帧”菜单命令，可将选中的帧中的内容清除，使该帧成为空白关键帧。,4）转换为关键帧和动画反向播放,（1）转换为关键帧（或空白关键帧）：选中要转换的普通帧，然后单击帧快捷菜单中的“转换为关键帧”（或“转换为空白关键帧”）菜单命令。 （2）动画反向播放：动画反向播放就是使起始帧变为终止帧，终止帧变为起始帧。选中一段动画，可以包括多个图层，然后单击帧快捷菜单中的“翻转帧”菜单命令。,5）为帧添加标签和注释,“时间轴”上的每一个帧都有一个编号。例如第1帧，第5帧等，都是指这种绝对的帧编号。在动画设计中，常常会用动作脚本来控制动画的播放。例如，gotoAndPlay（10）命令中的10就是指第10帧。但是，如果我们在第10帧前插入了新帧，那么gotoAndPlay（10）命令中的第10帧就不是原来的第10帧了，这就要求修改命令中的帧编号，以指向所希望的帧。,5）为帧添加标签和注释,可以使用帧标签代替帧编号来避免上述问题。使用帧标签来标识关键帧，当添加或移动帧时，帧标签会随着帧移动，而不管帧编号是否改变。这样不管时间轴如何调整，也不用修改脚本程序了。,5）为帧添加标签和注释,输入帧标签,“时间轴”上的帧标签,“标签类型”下拉列表框：在输入关键帧的标签名称后“标签类型”下拉列表框才会生效。该下拉列表框可以用来定义标签的类型，其中有三个选项“名称”、“注释”、“锚记”。,5）为帧添加标签和注释,帧注释用于为自己或他人提供提示，有助于对动画的后期制作或修改。 命名锚记：为帧添加命名锚记后，可以使用户使用浏览器中的“前进”和“后退”按钮从一个帧跳到另一个帧，或者从一个场景跳到另一个场景来观看动画。,6. 图层的概念和类型,Flash 8中的图层就像一张透明的纸，而动画中的多个图层，就相当于一叠透明的纸，通过调整这些纸张的上下位置，就可以改变纸张中图形的上下层次关系。,6. 图层的概念和类型,图层类型 层文件夹 引导层 运动引导层：它可以引导对象沿辅助线移动，产生引导动作动画 普通引导层：只起到辅助绘图的作用。方法是：创建一个普通图层。将鼠标指针移到该图层名称处，单击鼠标右键，弹出图层快捷菜单，再单击快捷菜单中的“引导层”菜单命令 遮罩层 普通层,各种图层,7. 图层的基本操作,图层的基本操作包括以下几项： 1）新建图层 2）移动图层 3）重命名图层 4）删除图层 5）锁定与隐藏图层 6）利用图层文件夹管理图层 7）设置图层属性,选择图层,选中一个或多个图层中的所有帧，也就是选中了该图层。 （1）选中一个图层：在时间轴窗口中单击图层控制区的相应图层行。选中的图层，其图层控制区的相应图层行呈黑底色，在图层名称的右边出现一个笔状图标；另外，在舞台工作区中，选中一个对象，该对象所在的图层就会同时被选中。 （2）选中多个图层：按下Shift键或Ctrl键，同时单击控制区内各相应图层行，即可选中多个图层。,显示/隐藏图层和锁定/解锁图层,（1）显示/隐藏所有图层：单击图层控制区第一行的 图标，即可隐藏所有图层的对象，所有图层的显示列会出现红色的 ，表示该层被隐藏了。再单击 图标，即可显示所有图层，红色的 也会取消。被隐藏的图层中对象不会显示出来，但可以正常输出。,（2）显示/隐藏一个图层：单击图层控制区某一个图层的显示列上的小黑点，即可使该图层显示列出现一个红色 ，表示该层被隐藏了，再单击红色 ，就会将该图层显示出来。 （3）显示/隐藏连续的几个图层：在图层控制区显示列，拖曳鼠标圈起多个图层。 （4）显示/隐藏未选中的所有图层：按下Alt键，单击图层控制区某一个图层的显示列。,锁定/解锁图层的操作方法与显示/隐藏图层的方法相似，只是操作的不是 图标，而是 图标。所有图形与动画制作都是在选中的当前图层中进行，任何时刻只能有一个当前图层。在任何可见的并且没有被锁定图层中，可以进行对象的编辑。,给图层重命名和改变图层的顺序,（1）给图层重命名：双击图层控制区相应图层的名称，使黑底色变为白底色，然后输入新的图层名称即可。 （2）改变图层顺序：图层的顺序决定了工作区各图层的前后关系。用鼠标拖曳图层控制区域内的图层，即可将图层上下移动，改变图层的顺序。,删除图层和复制图层,（1）删除图层：首先选中一个或多个图层，然后单击“删除图层”图标 或者拖曳选中的图层到“删除图层”图标 之上。 （2）复制图层：复制图层就是复制该图层中的所有帧。利用帧快捷菜单中的菜单命令，通过剪贴板可以将选中图层中的所有帧复制到时间轴的其他图层中。,复制图层具体操作方法,选中要复制的图层。将鼠标指针移到选中的帧之上，单击鼠标右键，弹出帧快捷菜单。 单击帧快捷菜单中的“复制帧”菜单命令，将选中的图层中的所有帧复制到剪贴板中。 新建一个图层，选中该图层。将鼠标指针移到选中帧之上，单击鼠标右键，弹出帧快捷菜单。再单击该菜单中的“粘贴帧”菜单命令，将剪贴板中的内容粘贴到选中图层的各帧中。,5.1.2 典型案例制作“霓虹 灯箱”动画,案例目标 本案例将通过对帧和图层进行操作，并配合绘图工具和文本工具，制作出“霓虹灯箱”动画效果。 源文件位置：【第5课源文件制作“霓虹灯箱”动画.fla】,5.1.2 典型案例制作“霓虹 灯箱”动画,操作思路 （1）将图层1重命名，并绘制灯箱图形。 （2）新建“霓虹彩条”图层，在图层中通过对帧进行相应的操作，制作出霓虹彩条闪烁的动画效果。 （3）新建“文字”和“彩灯”图层，在这两个图层中制作文字颜色变换和彩灯运动的动画效果。,5.1.2 典型案例制作“霓虹 灯箱”动画,案例小结 本案例通过将绘制的灯箱图形、彩色线条、椭圆以及输入的文字，分别放置到不同图层中，并在各图层中利用关键帧的插入和复制等方法，制作了表现霓虹灯箱闪烁的动画效果。在本例中，主要练习了新建图层、重命名图层、选择帧、插入帧以及复制帧等操作。,5.2 逐帧动画,在前面了解了Flash动画的基本特点和类型，并学习了帧和图层的基本操作。从这一节开始，就将正式对Flash 8中的动画制作进行学习。 在本节中，首先对Flash 8中制作逐帧动画的基本方法进行详细讲解。,5.2 逐帧动画,5.2.1 知识讲解 5.2.2 典型案例制作“扇子开合” 逐帧动画 5.2.3 典型案例制作“风之舞” 逐帧动画,5.2.1 知识讲解,逐帧动画是三种基本动画中最有特点，也是最依赖制作者制作水平的一种动画类型，这种动画对制作者的绘画和动画制作功力都有较高的要求。 其原理就是通过分解动画动作，然后在每一关键帧上设计动画内容，通过这些关键帧的连续变化形成动画效果。逐帧动画更适合于制作每一帧中的图像都在改变而不是仅仅简单地在舞台中移动或变形的复杂动画。,5.2.1 知识讲解,1. 创建逐帧动画的几种方法 2. 逐帧动画制作技巧,1. 创建逐帧动画的几种方法,（1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画（参考实例：奔跑的骏马）。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）指令逐帧动画 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 （5）导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。,绘制矢量逐帧动画,具体操作如下： （1）首先根据逐帧动画所需的帧数量，在时间轴中预先插入相应的空白关键帧数量。 （2）选中逐帧动画中的第1个关键帧，然后使用绘图工具在关键帧中绘制图形。 （3）参照第1个关键帧中的图形位置和大小，在第2个关键帧中绘制具有动作变化效果的第2帧图形。,绘制矢量逐帧动画,（4）用类似的方法，依次绘制其余关键帧中的图形，在绘制时应注意关键帧中的图形与前一关键帧中图形的相对关系（位置、大小和动作变化）。 （5）绘制所有关键帧中的图形后，可通过拖动【时间轴】面板中的播放指针，查看逐帧动画的效果，然后根据查看的结果，对相应关键帧中的图形进行适当修改即可。,2. 逐帧动画制作技巧,创建逐帧动画的技巧有以下三点： 1）预先绘制草图 2）使用修改方式创建逐帧动画 3）使用【绘图纸外观】功能编辑动画,绘画纸的功能,绘画纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，就可以在舞台中一次查看两个或多个帧了。,绘图纸各个按钮的介绍,【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现 绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 【编辑多个帧】按钮：按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。,绘图纸各个按钮的介绍,【修改绘图纸标记】按钮：按下后，弹出菜单，菜单中有以下选项： 【总是显示标记】选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。 【锚定绘图纸】选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 【绘图纸 2】选项；会在当前帧的两边显示两个帧。 【绘图纸 5】选项；会在当前帧的两边显示五个帧。 【绘制全部】选项；会在当前帧的两边显示全部帧。,5.2.2 典型案例制作“扇子开合”逐帧动画,源文件位置：【第5课源文件扇子开合.fla】,5.2.3 典型案例制作“风之舞” 逐帧动画,案例目标 本案例将制作一个表现女孩头发和裙子随风舞动的“风之舞”逐帧动画，效果如图所示。通过本例的练习，可熟练掌握在Flash 8中制作逐帧动画的基本方法。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“风之舞”逐帧动画.fla】,5.2.3 典型案例制作“风之舞” 逐帧动画,操作思路 （1）将“旷野.jpg”图片素材导入到库中，并将其放置到场景中。 （2）新建“人物”图层，然后使用绘图工具绘制逐帧动画的第1个关键帧中的图形。 （3）参考第1个关键帧中的图形，依次绘制逐帧动画中其余关键帧中的图形。,5.2.3 典型案例制作“风之舞” 逐帧动画,案例小结 本案例通过制作“风之舞”逐帧动画，练习了在Flash 8中创建逐帧动画的基本方法，并涉及到【绘图纸外观】功能的基本应用。在制作逐帧动画的过程中，应根据动画的实际情况选择相应的绘图纸外观显示方式，或开启同时编辑多个帧的功能，对动画中的图形进行编辑和修改。,5.3 动作补间动画,动作补间动画是Flash动画中应用最多的一种动画类型，通常用于在两个关键帧之间为相同的图形创建移动、旋转以及缩放等动画效果，如表现文字移动的效果等。,5.3 动作补间动画,5.3.1 知识讲解 5.3.2 典型案例制作“广告 Banner”,5.3.1 知识讲解,1. 创建动作补间动画 2. 为动作补间动画添加附加效果,1. 创建动作补间动画,在Flash 8中，创建动作补间动画的的对象必须是元件或组对象。运动补间动画是对组合、实例和文本的属性进行渐变的动画。,使关键帧成为动作补间动画的关键帧,在选中一个或多个关键帧后，执行下面的操作均可以将选中的一个或多个关键帧转换为动作动画的关键帧，从而创建动作动画。,（1）使用工具箱内的选择工具 ，选中动画的第1个关键帧，单击鼠标右键，弹出帧快捷菜单命令，单击该菜单命令中的“创建补间动画”菜单命令或单击“插入”“时间轴”“创建补间动画”菜单命令。选中动画的最后一个关键帧，按F6键。,创建动作补间动画的方法,（2）使用工具箱内的选择工具 ，按住Shift键，选中动画的第1个关键帧，再选中动画的最后一个关键帧，单击鼠标右键，弹出帧快捷菜单命令，单击该菜单命令中的“创建补间动画”菜单命令或单击“插入”“时间轴”“创建补间动画”菜单命令。,创建动作补间动画的方法,动作补间动画关键帧的“属性”面板,选中动画关键帧，弹出动画关键帧的“属性”面板。利用该面板可以设置动画类型和动画其他属性。在“补间”下拉列表框中选择了“动画”选项（应该翻译为“动作选项”）后，该面板如下图所示。该对话框内有关动画选项的作用如下。,动作补间动画关键帧的“属性”面板,（1）“补间”下拉列表框：用来选择动画类型。它有三个选项：选择“无”选项，是没有动画；选择“动画”选项，是创建动作动画；选择“形状”选项，是创建“形状”动画。,（2）“缓动”文本框：可输入数据或调整滑条的滑块（数值范围是100到100），来调整运动的加速度。其值为负数时为动画在结束时加速，其值为正数时为动画在结束时减速。,（3）“旋转”下拉列表框：用来控制对象在运动时是否自旋转和旋转方式。选择“无”，是不旋转；选择“自动”，是按照尽可能少运动的情况下旋转对象；选择“顺时针”，是顺时针旋转对象；选择“逆时针”，是逆时针旋转对象。可以在其右边的“次”文本框内输入旋转的次数。,（4）“调整到路径”复选框：选中它后，可将运动对象的基线调整到运动路径。 （5）“同步”复选框：选中它后，可使图形元件实例的动画与住时间轴同步。 （6）“对齐”复选框：选中它后，可使运动对象的中心点标记与运动路径对齐。,2.为动作补间动画添加附加效果,在Flash 8中，通过在【属性】面板中进行相应的设置，还可以为创建的动作补间动画添加明暗变化、色调变化以及颜色变化等附加效果。 添加旋转、明暗变化、色调变化、透明度变化、高级颜色变化效果 见实例【淡入淡出.fla】,5.3.2 典型案例制作“广告 Banner”,案例目标 本例将通过为导入的图片素材和输入的文字创建相应的动作补间动画，制作一个“广告Banner”动画。通过本例，可掌握在Flash 8中创建动作补间动画的方法，并练习为动作补间动画添加附加效果的基本操作。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“广告Banner”.fla】,5.3.2 典型案例制作“广告 Banner”,操作思路 （1）将素材图片导入到库中，并利用导入的“底色.jpg”素材图片制作“背景”图层。 （2）新建“泡沫”和“装饰条”图层，并在这两个图层中分别创建表现气泡上浮和装饰条移入场景的动作补间动画。 （3）利用“啤酒.bmp”和“标志.bmp”图片素材，制作“啤酒”和“标志”图层。 （4）新建“文字”和“文字2”图层，并在这两个图层中创建文字移入场景的动作补间动画。,5.4 形状补间动画,形状补间动画可以在两个关键帧之间，为图形创建自然过渡的变形动画效果。合理地利用形状补间动画，可以在动画中制作出各类精美的形状变化效果。,5.4 形状补间动画,5.4.1 知识讲解 5.4.2 典型案例制作“桃花朵朵 开”动画,5.4.1 知识讲解,在了解形状补间动画的特点和用途后，下面就对在Flash 8中创建形状补间动画，以及利用形状提示控制形状变化过程的方法进行介绍。,5.4.1 知识讲解,1. 创建形状补间动画 2. 为动画添加形状提示,1. 创建形状补间动画,Flash 8可以将图形、打碎的文字和打碎的点阵图。Flash 8不能将实例、未打碎的文字、点阵图像、组合对象进行变形。 在形状动画中，对象位置和颜色的变换是在两个对象之间发生的变化，而在动作动画中，变化的是同一个对象的位置和颜色属性。,创建形状补间动画的方法一,（1）在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，,创建形状补间动画的方法二,（1）选中在时间轴内一个空白关键帧作为动画的开始帧。然后，在舞台工作区内创建一个符合要求的对象，作为形状动画的初始对象。 （2）选中形状动画的第1个关键帧，再选中“属性”面板内“补间”下拉列表框中的“形状”选项。,（3）单击形状动画的终止帧，按F6键，创建动画的终止帧为关键帧。此时，在时间轴上，从第1帧到终止帧之间会出现一个指向右边的箭头，帧单元格的背景为浅绿色。 （4）在舞台工作区内创建一个附合要求的对象，作为形状动画的终止对象，再将该帧内原有的对象删除。注意：一定先创建新对象，再删除原对象；关键帧内创建的对象必须是图形、打碎的文字或打碎（或矢量化）的点阵图像。,形状动画关键帧的“属性”面板,1）“简易”选项（缓动）,单击其右边的 按钮，会弹出滑动杆，拖动上面的滑块可以调节参数值，当然也可以在文本框中直接输入具体的数值，设置后，形状补间动画会随之发生相应的变化。 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。,“分布式”选项,可使形状动画过程中创建的中间过渡帧的图形较平滑。 【角形】选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 【分布式】选项：创建的动画中间形状比较平滑和不规则。,2. 为动画添加形状提示,在创建形状补间动画后，通过为图形添加形状提示，可以对图形各部分之间的变形和过渡效果进行控制，从而制作出更具变化的变形效果。,形状提示,形状提示就是在形状的初始图形与结束图形上，分别指定一些形状的关键点，并使这些关键点在起始帧中和结束帧中一一对应，这样Flash就会根据这些关键点的对应关系来计算形状变化的过程。,添加形状提示方法,（1）选中时间轴上第1帧单元格，再单击“修改”“形状”“添加形状提示”菜单命令，或按Ctrl+Shift+H键，即可在第1帧圆形图形中加入一个形状提示标记“a”。再重复上述过程，可以继续增加“b”到“z”25个形状提示标记。此处再增加一个形状提示标记。,（2）用鼠标拖曳这些标记，分别放置在第1帧图形的一些位置处，如图所示。,第1帧圆球形状提示标记,（3）再选中终止帧单元格，这时会看到终止帧矩形图形中也有“a”和“b”关键点标记（两个标记重叠）。用鼠标拖曳这些标记，分别放置在矩形图形的适当位置，如图所示。如果没有关键点标记显示，可选中“视图”“显示形状提示”菜单命令。,终止帧矩形图形的形状提示标记,（4）在F1ash中最多可以使用26个形状关键点标记，分别用26个英文小写字母表示。在起始关键帧的形状关键点用黄色圆圈表示，在终止关键帧用绿色圆圈表示。如果关键点的位置不在曲线上，将显示红色圆圈。 见实例【添加形状提示.fla】,5.4.2 典型案例制作“桃花 朵朵开”动画,案例目标 本案例将利用形状补间动画，制作 “桃花朵朵开”动画。通过本案例，掌握在Flash 8中创建形状补间动画的方法。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“桃花朵朵开”动画.fla】,5.4.2 典型案例制作“桃花 朵朵开”动画,操作思路 （1）导入“画纸.jpg”图片素材，然后利用图片素材制作“画纸”图层。 （2）新建“树干”和“桃花”图层，并在图层中分别制作表现树干变形和桃花开放的形状补间动画。 （3）新建“文字”图层，利用打散的文字创建表现文字变形的形状补间动画。,5.4.2 典型案例制作“桃花 朵朵开”动画,案例小结 本案例通过制作“桃花朵朵开”动画，练习了在Flash 8中创建形状补间动画的基本方法。在本例制作的过程中，如果出现桃花在变化时位置出现交错的情况，可通过为相应的椭圆和桃花图形添加形状提示的方法来处理。 另外，在制作本例后，还可尝试制作类似的动画效果，以尽快掌握形状补间动画这种重要的基本动画类型。,5.5 综合实例,5.5.1 制作“飞奔”逐帧动画 5.5.2 制作“比赛作品征集”动画 5.5.3 制作“镜面文字”动画 5.5.4 制作“脸谱变化”动画,5.5.1 制作“飞奔”逐帧动画,本次练习将制作表现人物跑动的逐帧动画，然后配合导入的图片素材，制作出表现人物快速奔跑的动画效果。本例主要练习创建逐帧动画的方法，并了解利用图片素材衬托动画效果的方法。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“飞奔”逐帧动画.fla】,5.5.1 制作“飞奔”逐帧动画,操作思路 文档的场景尺寸为500250像素，背景颜色为白色。 在“人物”图层中依次插入空白关键帧，并利用绘图工具在各关键帧中，依次绘制表现人物奔跑动作的连续图形。 在“人物”图层下方新建“背景”图层，然后利用导入的“模糊.jpg”素材图片制作背景向后移动的逐帧动画。,5.5.2 制作“比赛作品征集”动画,本次练习将利用动作补间动画，制作一个用于征集比赛作品的Banner动画。本例主要练习创建动作补间动画的方法，并再次巩固运用动作补间动画制作Banner动画的相关知识。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“比赛作品征集”动画.fla】,5.5.2 制作“比赛作品征集”动画,操作思路 文档的场景尺寸为600250像素，背景颜色为黄色，帧频为18fps。 制作表现卡通图形闪烁的“卡通”图形元件（元件中的暴力猴图形可从“为暴力猴填色.fla”中获得），然后利用导入的“背景.jpg”图片制作表现背景运动的“背景动”影片剪辑。,5.5.2 制作“比赛作品征集”动画,新建“背景”图层，在图层中制作“背景动”影片剪辑淡入场景的动作补间动画。新建“引导”图层，在图层中制作白色矩形移入场景并放大的动作补间动画。 新建“人物”图层，利用“卡通”图形元件制作图形元件缩放的动作补间动画。然后分别新建“文字01”、“文字02”和“文字03”图层，在这三个图层中为相关的文字制作动作补间动画。,5.5.3 制作“镜面文字”动画,本次练习将利用动作补间动画，制作一个镜面文字动画。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“镜面文字”动画.fla】,5.5.4 制作“脸谱变化”动画,本次练习将利用形状补间动画，制作一个脸谱变化动画。 素材位置：【第5课素材】 源文件位置：【第5课源文件制作“脸谱变化”动画.fla】,