动画基本类型(二.ppt

《动画基本类型(二.ppt》由会员分享，可在线阅读，更多相关《动画基本类型(二.ppt（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、动画基本类型动画基本类型动画基本类型动画基本类型(二二二二)逐帧动画逐帧动画移动补间移动补间形状补间形状补间本节教学内容本节教学内容本节教学内容本节教学内容 解决上机实验中存在的问题；解决上机实验中存在的问题；形状补间动画的制作方法形状补间动画的制作方法;实例分析实例分析教学目标教学目标教学目标教学目标 掌握逐帧动画与移动补间的区别；掌握逐帧动画与移动补间的区别；掌握移动补间动画的制作方法；掌握移动补间动画的制作方法；掌握移动补间动画制作过程中的注意事项；掌握移动补间动画制作过程中的注意事项；掌握形状补间动画的制作方法及使用条件。掌握形状补间动画的制作方法及使用条件。1.1.形状补间动画（含义

2、）形状补间动画（含义）形状补间动画（含义）形状补间动画（含义）用于创建类似于用于创建类似于形变形变的动画效果，使一的动画效果，使一个形状看起来随着时间变马另一个形状，个形状看起来随着时间变马另一个形状，如正方形变圆形等。如正方形变圆形等。实例欣赏：圆形变矩形实例欣赏：圆形变矩形.fla 三角变文字三角变文字.fla 通过修改矢量图形本身的属性来产生动画效果，通过修改矢量图形本身的属性来产生动画效果，如形状本身、颜色、大小、位置、旋转等。如形状本身、颜色、大小、位置、旋转等。创建方法：与动作补间动画类似，只要创建方法：与动作补间动画类似，只要创建出两个关键帧中的对象，其他过渡创建出两个关键帧中的

3、对象，其他过渡帧便可由帧便可由flash自己制作出来。自己制作出来。与动作补间动画不同的是：与动作补间动画不同的是：1.1.形状补间动画（创建方法）形状补间动画（创建方法）形状补间动画（创建方法）形状补间动画（创建方法）对象必须是可编辑的图形，如果是其他类型对象必须是可编辑的图形，如果是其他类型的对象必须将其转换为可编辑的图形。的对象必须将其转换为可编辑的图形。在一个形状补间动画中至少要有在一个形状补间动画中至少要有在一个形状补间动画中至少要有在一个形状补间动画中至少要有两个关键帧两个关键帧两个关键帧两个关键帧；两个关键帧中的对象必须是两个关键帧中的对象必须是两个关键帧中的对象必须是两个关键帧

4、中的对象必须是可编辑的图形可编辑的图形可编辑的图形可编辑的图形；这两个关键帧中的对象这两个关键帧中的对象这两个关键帧中的对象这两个关键帧中的对象必须有一些变化必须有一些变化必须有一些变化必须有一些变化，否则，否则，否则，否则制作的动画将没有动的效果。制作的动画将没有动的效果。制作的动画将没有动的效果。制作的动画将没有动的效果。1.1.形状补间动画（条件）形状补间动画（条件）形状补间动画（条件）形状补间动画（条件）1.1.形状补间动画（实例制作）形状补间动画（实例制作）形状补间动画（实例制作）形状补间动画（实例制作）创建形状补间动画的具体方法：创建形状补间动画的具体方法：创建形状补间动画的具体方

5、法：创建形状补间动画的具体方法：（1 1）在时间轴面板上动画开始播放的地方插）在时间轴面板上动画开始播放的地方插）在时间轴面板上动画开始播放的地方插）在时间轴面板上动画开始播放的地方插入一个关键帧并设置要开始变形的形状，一入一个关键帧并设置要开始变形的形状，一入一个关键帧并设置要开始变形的形状，一入一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好；般一帧中以一个对象为好；般一帧中以一个对象为好；般一帧中以一个对象为好；（2 2）在动画结束处插入一个关键帧并设置要）在动画结束处插入一个关键帧并设置要）在动画结束处插入一个关键帧并设置要）在动画结束处插入一个关键帧并设置要变成的形状；变成

6、的形状；变成的形状；变成的形状；（3 3）再单击开始帧，在）再单击开始帧，在）再单击开始帧，在）再单击开始帧，在【属性属性属性属性】面板面板面板面板上单击上单击上单击上单击【补间补间补间补间】旁边的小三角，在弹出的菜单中选旁边的小三角，在弹出的菜单中选旁边的小三角，在弹出的菜单中选旁边的小三角，在弹出的菜单中选择择择择【形状形状形状形状】，一个形状补间动画就创建完毕。，一个形状补间动画就创建完毕。，一个形状补间动画就创建完毕。，一个形状补间动画就创建完毕。例例例例1 1：圆形变矩形：圆形变矩形：圆形变矩形：圆形变矩形.flafla(1)(1)新建一个场景：背景为浅绿色，填充色为放新建一个场景：

7、背景为浅绿色，填充色为放新建一个场景：背景为浅绿色，填充色为放新建一个场景：背景为浅绿色，填充色为放射状渐变色。射状渐变色。射状渐变色。射状渐变色。(2)(2)选中第选中第选中第选中第1 1帧，在工作区中画一个圆形，然后在帧，在工作区中画一个圆形，然后在帧，在工作区中画一个圆形，然后在帧，在工作区中画一个圆形，然后在时间轴的第时间轴的第时间轴的第时间轴的第3030帧位置创建一关键帧，在工作区帧位置创建一关键帧，在工作区帧位置创建一关键帧，在工作区帧位置创建一关键帧，在工作区中画一个矩形，并将第中画一个矩形，并将第中画一个矩形，并将第中画一个矩形，并将第3030帧位置的圆形删掉。帧位置的圆形删掉

8、。帧位置的圆形删掉。帧位置的圆形删掉。(4)(4)选中第选中第选中第选中第1 1帧，添加形状补间动画效果，并至此帧，添加形状补间动画效果，并至此帧，添加形状补间动画效果，并至此帧，添加形状补间动画效果，并至此形变动画制作完成。形变动画制作完成。形变动画制作完成。形变动画制作完成。例例例例2 2：三角变文字：三角变文字：三角变文字：三角变文字.flafla（1）新建）新建flash文档，修改文档属性，将背文档，修改文档属性，将背景设置为黑色；景设置为黑色；（2）建立三角元件；）建立三角元件；（3）创建）创建5个三角先后出现的动作补间动个三角先后出现的动作补间动画；画；（4）创建每个三角变成字母的

9、形状补间动）创建每个三角变成字母的形状补间动画。画。动作补间与形状补间的区别动作补间与形状补间的区别动作补间与形状补间的区别动作补间与形状补间的区别扩展：使用形状提示控制变形过程扩展：使用形状提示控制变形过程扩展：使用形状提示控制变形过程扩展：使用形状提示控制变形过程 形状提示的作用形状提示的作用在在“起始形状起始形状”和和“结束形状结束形状”中添中添加相对应的加相对应的“参考点参考点”，使，使Flash在计算在计算变形过渡时依一定的规则进行，从而较变形过渡时依一定的规则进行，从而较有效地控制变形过程。有效地控制变形过程。实例：添加形状提示练习实例：添加形状提示练习.fla添加形状提示的方法添

10、加形状提示的方法选择形状补间动画的开始帧，执行选择形状补间动画的开始帧，执行选择形状补间动画的开始帧，执行选择形状补间动画的开始帧，执行【修改修改修改修改】|【形状形状形状形状】|【添加形状提示添加形状提示添加形状提示添加形状提示】命令，该帧的形命令，该帧的形命令，该帧的形命令，该帧的形状上就会增加一个带字母的红色圆圈状上就会增加一个带字母的红色圆圈状上就会增加一个带字母的红色圆圈状上就会增加一个带字母的红色圆圈在结束帧形状中也会出现一个在结束帧形状中也会出现一个在结束帧形状中也会出现一个在结束帧形状中也会出现一个“提示圆圈提示圆圈提示圆圈提示圆圈”，用鼠标左键单击并分别按住，用鼠标左键单击并

11、分别按住，用鼠标左键单击并分别按住，用鼠标左键单击并分别按住“提示圆圈提示圆圈提示圆圈提示圆圈”，放置在适当位置，放置在适当位置，放置在适当位置，放置在适当位置安放成功后开始帧上的安放成功后开始帧上的安放成功后开始帧上的安放成功后开始帧上的“提示圆圈提示圆圈提示圆圈提示圆圈”变为黄变为黄变为黄变为黄色，结束帧上的色，结束帧上的色，结束帧上的色，结束帧上的“提示圆圈提示圆圈提示圆圈提示圆圈”变为绿色，安变为绿色，安变为绿色，安变为绿色，安放不成功或不在一条曲线上时，放不成功或不在一条曲线上时，放不成功或不在一条曲线上时，放不成功或不在一条曲线上时，“提示圆圈提示圆圈提示圆圈提示圆圈”颜色不变颜色

12、不变颜色不变颜色不变添加形状提示的技巧添加形状提示的技巧添加形状提示的技巧添加形状提示的技巧 “形状提示形状提示形状提示形状提示”可以连续添加，最多能添加可以连续添加，最多能添加可以连续添加，最多能添加可以连续添加，最多能添加26262626个。个。个。个。将变形提示从形状的左上角开始按将变形提示从形状的左上角开始按将变形提示从形状的左上角开始按将变形提示从形状的左上角开始按逆时针顺序逆时针顺序摆放，将使变形提示工作得更有效。摆放，将使变形提示工作得更有效。形状提示的摆放位置也要符合逻辑顺序。形状提示的摆放位置也要符合逻辑顺序。形状提示要在形状的边缘才能起作用。形状提示要在形状的边缘才能起作用

13、。【选选项项】下面的下面的【贴紧至对象贴紧至对象】形状补间动画实例：内吞形状补间动画实例：内吞观看实例播放效果：内吞观看实例播放效果：内吞.swf分析动画元素：分析动画元素：图标：矩形图标：矩形图标：矩形图标：矩形 三角形三角形三角形三角形 矩形（形状补间）矩形（形状补间）矩形（形状补间）矩形（形状补间）循环播放循环播放循环播放循环播放 影片剪辑影片剪辑影片剪辑影片剪辑内吞过程：内吞过程：内吞过程：内吞过程：物质：移动（动作补间）物质：移动（动作补间）细胞膜开口处：变形（形状补间）细胞膜开口处：变形（形状补间）移动移动（动作补间）（动作补间）细胞膜：闭合（形状补间）细胞膜：闭合（形状补间）形状

14、补间动画实例：内吞形状补间动画实例：内吞注意事项：注意事项：动作补间对象为元件实例；形状补间对象为可编动作补间对象为元件实例；形状补间对象为可编动作补间对象为元件实例；形状补间对象为可编动作补间对象为元件实例；形状补间对象为可编辑的图形。辑的图形。辑的图形。辑的图形。多个对象同时动时，要注意同步问题，关键帧的多个对象同时动时，要注意同步问题，关键帧的多个对象同时动时，要注意同步问题，关键帧的多个对象同时动时，要注意同步问题，关键帧的插入最好同步进行。插入最好同步进行。插入最好同步进行。插入最好同步进行。在调整对象形状或位置时要相互兼顾。在调整对象形状或位置时要相互兼顾。在调整对象形状或位置时要相互兼顾。在调整对象形状或位置时要相互兼顾。