首页 |上一页 | 下一页

第六课 控制形状补间动画

    创建形状补间动时不但可以利用默认的变换方式，还可以给两个关键帧中的图形设置对应的变换控制点，以控制动画的补间效果。

    要使用变换控制点可以按以下的方法操作。

    （1）在时间轴控制面板中单击选择形状补间动动画的第一帧。

    （2）选择【修改】|【形状】|【添加形状提示】菜单命令，第一帧的形状对象添加了一个标有字母a 的红色圆形控制点。

    （3）移动红色圆形控制点到图像需要标记的位置。

    （4）单击选择形状补间动动画的最后一个关建帧，该帧的图形对象自动添加了一个标有 a 的红色圆形控制点。

    （5）移动最后一个关键帧中的标记到需要与第一帧的标记相对应的位置，移动后控制点由红色圆形变为绿色。

    （6）返回至第一帧，此时红色圆形控制点已就到黄色。

    （7）重复第上步至第五步多次，分别在两个关键帧的图形中添加多个控制点，每个控制点自动以默认的字母命名，如a、b、c、d……等。

实例—牛象互变

制作步骤：

    （1） 新建 Flash文档，在“图层 1”的第 1 帧上绘制一头牛，如图 6-1 所示。

图 6-1 牛

    （2）在“图层 1”的第 40 帧插入按【F7】键插入空白关键帧。在此帧上绘制一头象，如图 6-2 所示。

图 6-2 象

    （3）确认牛和象都是打散的状态，然后选种“图层 1”的第 1 帧，打开【属性】面板，在属性面板的【补间】的下拉列表中，选择【形状】 ，如图 6-3 所示。

图 6-3

    （4）此时按【回车键】或者拖动播放头，会发现形变过程的渐变过程中相当的粗糙，下面我们来解决这个问题。

    （5）选择时间轴的第 1 帧，按“Ctrl＋Shift＋H”热键为形变添加提示点，一共执行 26次，将所有提示点全部用完。再将这些提示点一一拖到牛的边缘，如图 6-4 所示。在拖分布提示点时应该事先整体考虑形变前后牛与大象的边缘对应关系， 例如考虑到大象有长鼻子，所以可以将象鼻与牛前腿对应，而将牛前面的第二条腿一分为二，分别对应大象前面的两条腿。 

图 6-4 牛的提示点

    （6）选择时间轴的第40帧，将大象的 26 个提示点也分别拖至边缘，与牛的一一对应。如图 6-5 所示。

图 6-5 象的提示点

    （7）此时按回车键或者拖动播放指针测试动画，便发现渐变动画自然了很多，对应提示点之间在形变动画前后保持一致。图 6-6 为此时第 20 帧处的动画效果。

图 6-6 第20帧处的动画效果

    （8）在第 60 帧按【F6】键插入关键帧，在第 100 帧按【F7】键插入关键帧。再用【选择】工具，选种第一帧中的牛，点鼠标右键，在下拉列表中选择【复制】 ，回到第 100 帧，右键点击舞台的空白处，在在下拉列表中选择【粘贴到当前位置】。

    （9）用同样的方法制作大象到牛的渐变。

    （10）最后在点击时间轴的第120 帧，按【F5】插入帧。此时时间轴上的状态如图 6-7 所示。

图 6-7 最终时间轴上的状态

    （11）保存并测试动画，可以看到牛自然渐变到大象，停留片刻然后渐变成牛，再停留片刻 又渐变到大象，如些循环。

最终效果