实例演示Hype主时间线与新建时间线的关系

时间线是Hype进行动画制作的主要功能区，通过在时间线上添加关键帧、操作等，可制作各种类型的动画效果。

时间线是Hype场景中的主要元素，每一个场景都会包含一条主时间线，并且，我们还可以通过新建时间线来制作更加复杂的动画，也就是说，每个场景可同时包含多条时间线。比如，图1所示动画效果就包含了两条时间线。

图1：双时间线动画

一、制作主时间线动画

接下来，我们一起来看看怎么通过两条时间线制作上述的动画。

首先，先创建一个圆形。

图2：创建椭圆形

接着，如图3所示，可以看到，场景中会默认包含主时间线，如无新建其他时间线，就会默认在主时间线上设置动画。

我们先在主时间线上进行圆形的动画制作，具体的操作是：

1. 打开Hype的自动记录功能

2. 将时间线上的指针移动到目标时间点

3. 将圆形由左边移动到右边

图3：记录圆形移动动作

接着，如图4所示，打开Hype的元素检查器，将圆形的颜色调整为黄色。以上，我们就完成了圆形由左边移动到右边、由红色变为黄色的动画制作。

图4：设置圆形颜色

二、制作新建时间线动画

接下来进行新建时间线的动画制作。

1、新建时间线

如图5所示，单击Hype场景检查器时间线面板中的“新增时间线”按钮。

图5：时间线设置

接着，如图6所示，添加并重命名新建的时间线。

图6：完成时间线的添加

2、制作新建时间线动画

然后，回到时间线功能区，进行时间线的调整。

如图7所示，单击主时间线右侧的选项按钮，将时间线调整为刚才新建的word时间线。

图7：选择时间线

完成当前应用时间线的调整后，如图8所示，在场景中创建一个矩形。

图8：创建矩形

然后，如图9所示，在场景的左下角创建矩形。

图9：创建矩形

然后，进行矩形的动画制作：

1. 打开Hype的自动记录功能

2. 将word时间线上的指针移动到目标时间点

3. 将矩形由左边移动到右边

4. 将矩形的颜色调整为红色

图10：制作矩形动画

三、连接主时间线与新建时间线

完成以上两条时间线的动画制作后，我们需要将两条时间线连接起来。

如图11所示，选择主时间线，然后，单击“添加时间线操作”按钮。

图11：添加主时间线操作

如图12所示，在主时间线操作中设置“开始时间线”的操作，并将下方的时间线设置为“word”时间线。

完成以上设置后，就可以获得开头所示的动画效果。

图12：开始时间线操作

四、小结

综上所述，Hype的场景可同时创建多条时间线，而对于每一条时间线，都可以设置独立的动画效果。通过添加“开始时间线”的时间线操作，可将不同时间线的动画整合到一起。