Flash 8教程:形状补间动画实例

　　实例:添加形状提示练习

实例简介

　　上面我们曾谈到，为得到流畅自然的形状变形动画，可以添加形状提示，本例是专为此而设计的练习。

　　请你在光盘的相关目录中找到“添加形状提示练习.swf”文件，如图3-3-15所示。这2个同样是“形状变形”，其中右边的变形用了变形“参考点”，从中，我们可以看出变形效果有明显的差异。

　　图3-3-15 添加形状提示实例界面

　　知识提要

添加形状提示 创建形状补间动画

　　1、 创建新文档

　　执行【文件】|【新建】命令新建一个影片文档，设置舞台尺寸为300*200

　　象素，【背景色】为蓝色#0000FF。

　　2、 创建变形对象。

　　我们要在场景中写二个数字“1”，让它们同时变形，一个加形状提示，一个不加形状提示，看看这二个变形有什么不同。

　　先在图层一的场景左边中写入数字“1”，【属性】面板上设置【文本格式】为静态文本、【字体】为隶书、【字号】100、【颜色】白色。再建一个图层二，在场景右边写入数字“1”，参数同上，此层是添加形状提示层。然后在二层各40帧的地方加关键帧，各写入数字“2”,在第60帧处加普通帧，使变形后的文字稍做停留。

　　3、 把字符转为形状

　　逐一选取各层数字的第1、40帧，执行【修改】|【分散】命令，把数字打散转为形状。

　　4、 创建补间动画

　　在图层一、二的第一帧处各自建立形状补间动画。

　　5、 添加形状提示

　　 在图层二的第一帧处，执行【修改】|【形状】|【添加形状提示】命令二次，如图3-3-16所示。

　　图3-2-16 添加形状提示菜单

　　确认工具栏上的对齐对象按钮 已按下选中，调整第1、40帧处的形状提示如图3-3-17所示。

　　图3-3-17 添加形状提示的第1、40帧

　　6、 添加文字说明

　　新建一层，在二个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。在第60帧处加普通帧。

　　至此，这个实例制作完成，测试一下，看看效果，你能体会到添加形状提示的巧妙之处了吧。

　　本节素材下载

来源：闪客启航

上一篇：Flash 8教程:动作补间动画详解

下一篇：Flash 8教程:形状补间动画详解(2)