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

上面我们讲到的动画是最简略的只有起点与终点的直线活动的动画。但假如仅让小鸟作直线飞翔不免难免太生硬了些,可否让小鸟活动的路径是曲折的呢?谜底是确定的,下面我们将介绍一个曲线活动的时光线动画实例。

1.设计目的

将做直线活动的时光线动画,改为做曲线活动。

2.实现步调

(1)打开ex8-1,htr,将文件另存为ex8_2htrn。

(2)打开时光线面板,在时光线面板中,撤消"Loop"复选框。

(3)用鼠标拖拽动画条右端症结帧标志,将第15帧拖拽到第45帧处,转变动画长度,并选择第45帧(这是因为所有动作假如在15帧内完成显得太仓皇了,而45帧作为全部动画的长度,在本例中比拟适合),如图所示。

(4)选中动画条的第15帧,单击鼠标右键(或鼠标左键单击时光线面板中的弹出菜单按)从弹出的快捷菜单中选择"AddKeyframe”,添加一个症结帧。

(5)移动层使活动轨迹出现曲线状。

(6)按Ctrl键,单击动画条的第30帧,再添加一个症结帧。

(7)移动层使活动轨迹出现曲线状,如图所示。


(8)选中"Loop"复选框,预览动画后果。

(9)经由过程预览动画,发明小鸟的飞翔速度太快了,可将“Fos"中的每秒帧数从15改为8,如许可以下降小鸟的飞翔速度。

(10) 保留网页文件。

对于初学者来说,在树立时光线动画时有时会碰到如许的问题:明明是依照书上的请求一步步做的,但就是无法显示出层的活动轨迹,如许就无法使层动起来。这是为什么呢?归纳起来有这么两种原因:

(1)在选择创立动画层时,选中的不是层,而是把层中的对象(如图像等)选中,如许加到时光线中的对象就不是层,而是层中的对象,这时再移动层天然不会涌现层的活动轨迹。准确的办法是必定要选中层,选择图像和选择层的差别如图所示。

(2)选中的不是动画条尾部的症结帧,而是动画条尾部的通俗帧。对于通俗帧来说,其地位的特征与它前面的症结帧雷同,所以这时移动层也不会涌现层的活动轨迹。

从这个例子中知道,在深圳网站扶植中要使动画做曲线活动,起首必需在恰当的地位参加症结帧,然后在对应的症结帧处移动动画层。当曲线活动的轨迹较简略时,这种办法简略有用;但要创立庞杂轨迹的动画时,这种办法就显得比拟麻烦了。

相關文章: