创立曲线运动的时间线动画

上面咱们讲到的动画是最简略的只要出发点与终点的直线运动的动画。但如果是仅让小鸟作直线飞翔不免难免太僵硬了些，可否让小鸟运动的途径是蜿蜒的呢? 谜底是必定的，下面咱们将引见一个曲线运动的时间线动画实例。

1.设计方针
将做直线运动的时间线动画，改成做曲线运动。

2.实现步调
(1) 翻开ex8-1，htr，将文件另存为ex8_2 htrn。
(2) 翻开时间线面板，在时间线面板中，勾销 "loop"复选框。
(3) 用 鼠标拖拽动画条右端关键帧标识表记标帜，将第15帧拖拽到第45帧处，改动更画 长度，并选择第 45帧 (这是由于一切动作若是在15帧内完成显得促了，而45帧作为整个动画的长度，在本例中比力适宜)，如图所示。
(4) 选中动画条的第15帧，单击鼠标右键(或鼠标左键单击时间线面板中的弹出菜单按)从弹出的快捷菜单当选择"add keyframe”，增加一个关键帧。

(5) 移动层使运动轨迹显现曲线状。
(6) 按ctrl键，单击动画条的第30帧，再增加一个关键帧。

(7) 移动层使运动轨迹显现曲线状，如图所示。
(8) 选中"loop"复选框，预览动画成效。
(9) 经由过程预览动画，发现小鸟的飞翔速率太快了，可将“fos" 中 的每秒帧数从15改成8，如许可以低落小鸟的飞翔速率。

(10) 保留网页文件。
对付初学者来讲，在建立时间线动画时有时会遇到如许的问题: 明显是根据书上的请求一步步做的，但就是没法显示出层的运动轨迹，如许就没法使层动起来。这是为甚么呢? 演绎起来有这么两种起因:
(1) 在选择创立动画层时，选中的不是层，而是把层中的对象(如图象等)选中，如许加到时间线中的对象就不是层，而是层中的对象，这时候再移动层天然不会泛起层的运动轨迹。正确的要领是必然要选中层，选择图象和选择层的区分如图所示。
(2) 选中的不是动画条尾部的关键帧，而是动画条尾部的一般帧。对付一般帧来讲，其位置的特点与它前面的关键帧沟通，以是这时候移动层也不会泛起层的运动轨迹。
从这个例子中知道，在网站制作中要使动画做曲线运动，起首必需在适量的位置插手关键帧，而后在对应的关键帧处移动动画层。当曲线运动的轨迹较简略时，这类要领简略有用；但要创立庞大轨迹的动画时，这类要领就显得比力贫苦了。