制作形状补间动画

•制作形状补间动画
七年级信息技术下册 怡福中学
第八课 制作形状补间动画
逐帧动画要一帧一帧的绘制动画内容，工作量太大了
有什么好的想法，怎么处理？ 可以只设定动作的起始帧和终止帧吗，中间动
画由系统自动生成？ 当然可以，形状补间动画可帮助解决此问题
第八课 制作形状补间动画
绘
系统生成
绘
制
制
形状补间动画原理
第八课 制作形状补间动画
第二步：选择椭圆工 具，选择填充颜色， 移动到舞台中，按下 左键拖动画圆（按住 Shift键不放拖动画正 圆）
1、选椭圆
2、选填充颜色
3、选第一帧 4、舞台画圆
第八课 制作形状补间动画
第三步：单击时间轴的 第30帧处，右键单击，
插入空白关键帧。
第八课 制作形状补间动画
第四步：单击第30帧 （空白），选择矩形工 具，选择填充颜色，在
1、在起始关键帧中绘制一个物体的形状，然后在终止关键帧中更改该 物体的形状或绘制另一个物体。 2、在两关键帧中创建动画，中间部分由系统自动生成，这种动画类型 就是“形状补间动画”。
第八课 制作形状补间动画
范例：制作一个圆变成正方形的动画
第一步：打开软件，选择“Flash 文档”，系统自动生成新文件或者 使用[文件]|[新建]命令
羔羊变公鸡
小鱼变螃蟹
提示：第1帧画鱼，第30帧画螃蟹，就可以制作一个鱼变螃蟹的动画。
拓展：还可以使用该动画制作下雨、爆炸、汽车尾气以及各种图案的 变化等效果哦，试试看你能不能制作出来？
拓展练习
改变位置及颜色
改变形状 改变颜色（白色）
拓展：还可以使用该动画制作下雨、爆炸、汽车尾气以及各种图案的 变化等效果哦，试试看你能不能制作出来？
制作形状补间动画
文字变形
制作形状补间动画_文字变形
输入文字1
打散文字
选择第1关键帧， 输 入 “1” ， 调 整 大 小、颜色等
使用选择工具选 择文字，右键单 击——打散
第一步
输入文字2
在 第 20 帧 右 键 单 击添加空白关键 帧 ， 输 入 “2” ， 并 选择文字打散
第三步
第二步
创建动画
舞台上画一个正方形 （按Shift键画正方形）
第八课 制作形状补间动画
第五步：选择1-30帧任 意一帧，打开下方属性 面板，选择补间为形状。 时间帧面板变为淡绿色， 在起始帧和终止帧之间
有一个长箭头。
第八课 制作形状补间动画
第六步：按下Ctrl+Enter 测试，可以观察到圆变
正方形。
拓展练习
45
选 择 1-20 帧 中 的 一帧，打开属性 面板，设置补间 为“形状”。
第四步
制作形状补间动画_文字变形
ቤተ መጻሕፍቲ ባይዱ01
完成范例“1”变“2”
02
将文字“Flash动画”变形为正方形
二、形状补间动画的主要变形类型 1、同一图形的变形
2、不同图形之间的变形
3、图形变文字：文字必须先分离（选择文字右击分离）
45
4、文字到文字的变形(文字必须分离） 5、一图到多图的变形 6、多图到一图的变形
45
三、如何判断当前对象是矢量图形还是元件 1、元件选择后，会出现一个方框。 2、矢量图形选择后图形部分布满白点
45
四、如何判断制作好的动画类型是否正确 1、成功的形状补间动画为淡绿色的背景，两个关键 帧之间有黑色的带箭头的直线。 2、出错，虚线表示动画不完整，需要加入后一个关 键帧或者删除补间。 3、出错，虚线表示两个关键帧中存在未分离的图形。