动画基本类型(二)逐帧动画 移动补间 形状补间本节教学内容•解决上机实验中存在的问题；•形状补间动画的制作方法;•实例分析教学目标•掌握逐帧动画与移动补间的区别；•掌握移动补间动画的制作方法；•掌握移动补间动画制作过程中的注意事项；•掌握形状补间动画的制作方法及使用条件1.形状补间动画（含义）•用于创建类似于形变的动画效果，使一 个形状看起来随着时间变马另一个形状 ，如正方形变圆形等•实例欣赏：圆形变矩形.fla三角变文字.fla通过修改矢量图形本身的属性来产生动画效果，如形状本身、颜色、大小、位置、旋转等•创建方法：与动作补间动画类似，只要 创建出两个关键帧中的对象，其他过渡 帧便可由flash自己制作出来•与动作补间动画不同的是：1.形状补间动画（创建方法）对象必须是可编辑的图形，如果是其他类型的对象必须将其转换为可编辑的图形•在一个形状补间动画中至少要有两个关键帧；•两个关键帧中的对象必须是可编辑的图形；•这两个关键帧中的对象必须有一些变化，否则制作的动画将没有动的效果1.形状补间动画（条件）1.形状补间动画（实例制作）•创建形状补间动画的具体方法： （1）在时间轴面板上动画开始播放的地方插 入一个关键帧并设置要开始变形的形状，一 般一帧中以一个对象为好； （2）在动画结束处插入一个关键帧并设置要 变成的形状； （3）再单击开始帧，在【属性】面板上单击 【补间】旁边的小三角，在弹出的菜单中选 择【形状】，一个形状补间动画就创建完毕 。
例1：圆形变矩形.fla(1)新建一个场景：背景为浅绿色，填充色为放射 状渐变色 (2)选中第1帧，在工作区中画一个圆形，然后在 时间轴的第30帧位置创建一关键帧，在工作区 中画一个矩形，并将第30帧位置的圆形删掉4)选中第1帧，添加形状补间动画效果，并至此 形变动画制作完成例2：三角变文字.fla（1）新建flash文档，修改文档属性，将背 景设置为黑色； （2）建立三角元件； （3）创建5个三角先后出现的动作补间动 画； （4）创建每个三角变成字母的形状补间动 画动作补间与形状补间的区别扩展：使用形状提示控制变形过程•形状提示的作用在“起始形状”和“结束形状”中添加相 对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地 控制变形过程•实例：添加形状提示练习.flaØØ添加形状提示的方法添加形状提示的方法 ①①选择形状补间动画的开始帧，执行选择形状补间动画的开始帧，执行【【修改修改】】| | 【【形状形状】】| |【【添加形状提示添加形状提示】】命令，该帧的形命令，该帧的形 状上就会增加一个带字母的红色圆圈状上就会增加一个带字母的红色圆圈 ②②在结束帧形状中也会出现一个在结束帧形状中也会出现一个“ “提示圆圈提示圆圈” ”，， 用鼠标左键单击并分别按住用鼠标左键单击并分别按住“ “提示圆圈提示圆圈” ”，放，放 置在适当位置置在适当位置 ③③安放成功后开始帧上的安放成功后开始帧上的“ “提示圆圈提示圆圈” ”变为黄色变为黄色 ，结束帧上的，结束帧上的“ “提示圆圈提示圆圈” ”变为绿色，安放不变为绿色，安放不 成功或不在一条曲线上时，成功或不在一条曲线上时，“ “提示圆圈提示圆圈” ”颜色颜色 不变不变ØØ添加形状提示的技巧添加形状提示的技巧üü“ “形状提示形状提示” ”可以连续添加，最多能添加可以连续添加，最多能添加2626个个。
üü将变形提示从形状的左上角开始按将变形提示从形状的左上角开始按逆时针顺逆时针顺序序摆放，将使变形提示工作得更有效摆放，将使变形提示工作得更有效üü形状提示的摆放位置也要符合逻辑顺序形状提示的摆放位置也要符合逻辑顺序üü形状提示要在形状的边缘才能起作用形状提示要在形状的边缘才能起作用选选项项】】下面的下面的【【贴紧至对象贴紧至对象】】形状补间动画实例：内吞• 观看实例播放效果：内吞.swf • 分析动画元素： – 图标：矩形 三角形 矩形（形状补间）循环播放 影片剪辑 – 内吞过程： 物质：移动（动作补间）细胞膜开口处：变形（形状补间）移动 （动作补间）细胞膜：闭合（形状补间）形状补间动画实例：内吞• 注意事项：– 动作补间对象为元件实例；形状补间对象为可编 辑的图形– 多个对象同时动时，要注意同步问题，关键帧的 插入最好同步进行– 在调整对象形状或位置时要相互兼顾。