首页理论教育形状补间动画教程-学习如何使用现代教育技术

形状补间动画教程-学习如何使用现代教育技术

2023-11-16 理论教育版权反馈

【摘要】：形状补间动画是指一个对象，必须是离散状态，在两个关键帧上设置不同的属性，然后在两个关键帧之间创建的动画。在定位的补间上，可在“属性”面板设置形状补间的属性，分别为：“缓动”：设置后补间形状动画会随之发生相应的变化。形状补间动画如果要做出比较精细的变形，或者前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。

形状补间动画是指一个对象，必须是离散状态，在两个关键帧上设置不同的属性（如大小、形状等），然后在两个关键帧之间创建的动画。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”分解成普通图形才能创建变形动画。

下面，以一个实例来说明形状补间动画的创建。

［例］字母变形。

（1）新建Flash文档并保存，在文档“属性”面板中设置舞台大小为300像素×300像素，帧频设置为12。

（2）选择工具箱上的“文本工具”，在“属性”面板中设置字体为Impact，大小为200，颜色为黑色，如图5.19所示，然后在舞台上单击鼠标，输入文字“A”。

pagenumber_ebook=94,pagenumber_book=87

图5.19　设置文本属性

（3）选择工具箱上的“选择工具”，选中舞台上的文字“A”，按快捷键“Ctrl＋B”将文字打散。

（4）在时间轴面板40帧处插入关键帧，选中该关键帧，将舞台上的“A”选中然后删除，再次选择“文本工具”，在舞台上输入“B”，然后将其打散。

（5）定位在两个关键帧之间，在右键快捷菜单中选择“创建补间形状”。

（6）按快捷键“Ctrl＋Enter”快速发布并预览。

在定位的补间上，可在“属性”面板设置形状补间的属性，分别为：

“缓动”：设置后补间形状动画会随之发生相应的变化。数值在－100～－1，动画运动的速度从慢到快，朝运动结束的方向加速度补间；数值在1～100，动画运动的速度从快到慢，朝运动结束的方向减速度补间。默认情况下，补间帧之间的变化速率不变。(www.chuimin.cn)

“混合”：单击该按钮，在下拉列表中选择“三角形”选项，在创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状；选择“分布式”选项，创建的动画中间形状比较平滑和不规则。

形状补间动画如果要做出比较精细的变形，或者前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。利用形状提示可以控制更为复杂和不规则形状的变化，“形状提示”可以帮助建立原形状与新形状各个部分之间的对应关系。打开前面字母变形的实例，进行形状提示点的添加：

（1）将时间轴面板上的红色播放头移动到第一帧，执行“修改”菜单→“形状”→“添加形状提示”命令，此时舞台上出现“a”标志，将其移动到A的左上边缘处，如图5.20所示。

（2）将时间轴面板上的红色播放头移动到第40帧，将舞台上的“a”标志，移动到B的左上边缘处，如图5.21所示。

pagenumber_ebook=95,pagenumber_book=88

图5.20　调整起点关键帧上提示点的位置

pagenumber_ebook=95,pagenumber_book=88

图5.21　调整终点关键帧上提示点的位置

（3）将时间轴面板上的红色播放头再移动到第1帧，同上添加第二个形状提示点，移动位置，然后将播放头移动到第40帧，移动位置如图5.22所示。

pagenumber_ebook=95,pagenumber_book=88

图5.22　提示点位置对比

（4）移动播放头，查看形变效果，这时已经建立起了A到B形变的对应关系。