Hype

Hype中文官网 > 使用技巧 > Hype 4时间线操作(十三) 前往时间线中的时间

Hype 4时间线操作(十三) 前往时间线中的时间

发布时间:2021/08/09

Hype 4交互动效制作软件中,前往时间线中的时间非常简单,在时间指示器触发关键帧的时候,时间指示器会返回到指定的时间点上,并且依照原来的运动方向继续运动。因此,“前往时间线中的时间”关键帧实现了两个操作——返回和继续时间线。

  1. 重置时间线

“前往时间线中的时间”其中一个重要的操作是可以使时间线重置,使运动对象回到运动前的状态并继续之前的运动。

  1. “前往时间线中的时间”触发关键帧

图1中,在圆形运动的终点设置了一个“前往时间线中的时间”关键帧,返回的时间点为0。那么圆形运行到终点时,时间指示器触发该处的关键帧,使圆形回到0点位置,并继续原来的从左到右的水平运动。

图1:“前往时间线中的时间”关键帧触发对象返回起点继续运动
图1:“前往时间线中的时间”关键帧触发对象返回起点继续运动

可能小伙伴会问,为什么圆形返回起点后不停止下来,而是继续运动呢?实际上,圆形运动到终点瞬间,会遇到两个操作,一是时间指示器触碰关键帧;二是圆形停止下来。

从图1可以看到,时间指示器首先执行的是触碰关键帧,让时间指示器返回到指定的时间点,注意在触发关键帧时,圆形的运动状态是从左向右运动。由于“前往时间线中的时间”操作会保持对象的运动状态,因此圆形回到起点后继续从左往右的运动。

在图2示例中,小编用一个“重置”按钮控制“前往时间线中的时间”操作来重置圆形的运动。当运行的运行过程中点击按钮,圆形会马上回到起点重新开始运动。但当圆形到达终点停止运动后,再点击“重置”按钮,运行便回到起点并停止在起点位置。

图2:重置后继续运动的原因
图2:重置后继续运动的原因

那么时间线操作如何才能使被重置对象停止在起点位置上呢?

  1. 实现运动重置的方法

从前面的分析看出,可以通过两种方法设置“前往时间线中的时间”关键帧实现运动重置。

  1. 在自身时间线上终点位置设置关键帧

在终点处设置“前往时间线中的时间”返回起点关键帧后,再添加一个“暂停时间线”关键帧。如图3所示。

图3:终点位置设置关键帧
图3:终点位置设置关键帧
  1. 其他时间线上设置关键帧

如图4所示,由于运动对象到达终点时先触发关键帧,没有机会停止下来,因此把关键帧设置在主时间线上,并且在oTime1运动终点后1帧的位置上。当运动对象停止下来后,主时间指示器再触发关键。那么运动对象回到起点后将继续保持停止的运动状态。

图4:其他时间线上设置关键帧
图4:其他时间线上设置关键帧
  1. 总结

在当前时间线设置关键帧重置时间线的操作在实际应用中使用的极少,一般是通过鼠标操作或者按键操作比较多,例如图2中点击按钮重置时间线。但无论采用怎么样的操作,小伙伴都要记住“前往时间线中的时间”包含了回到指定时间点及继续原来运动状态两种操作。

作者:东佛

标签:Hype交互动效制作软件时间线操作

读者也访问过这里:
Hype中文版
创建漂亮的HTML5网页内容
立即购买
QQ 群
官方交流群:1046763737 立即加群
kefu@makeding.com
热门文章
基础教程:Hype 4软件界面介绍
Hype是一款基于MacOS系统的交互动效制作软件,延续了苹果软件的简洁风格,与Keynote软件的界面基本一致。
2020-07-23
基础教程:Hype 4工作流程(一)
本章节通过一个简单的案例,完整讲述Hype 4的基础操作,让小伙伴了解怎么样使用Hype 4交互动效制作软件设计一个动效。
2020-11-09
H5制作软件Hype导出功能详解
Hype是一款Mac端网页制作工具,它可以通过时间线录制功能制作各种各样的网页炫酷动画效果,同时也支持使用物理引擎制作动画。当然,它的强大不仅仅体现于动画制作方面,它的导出功能同样也是功能齐全,下面小编就通过使用Hype 4版本,为大家详细介绍下这款H5制作软件的导出功能。
2020-06-05
Hype 如何进行安装与激活
本篇将为各位小伙伴们集中介绍一下H5制作软件Hype的安装与激活教程。
2020-12-24
盘点那些简单易用的H5动画制作软件
现在的生活中很多方面都要用到H5动画,比如公众号的推文、电子婚礼请帖、活动邀请函等等,H5动画在我们的生活中扮演着越来越重要的角色,会做H5动画和也成为了工作技能的加分项,那么简单易用的H5动画制作软件又有哪些呢?下面我们一起来盘点两款较为常用的H5制作软件吧。
2021-01-20
Hype软件持久符号的应用
Hype是一款支持无代码创作炫酷网页的Mac端应用软件,它支持各种动画、元素。其中有一个强大的符号功能,该功能分为基本符号和持久符号两种,本文中,小编将使用Hype 4版本,为大家演示和讲解Hype中的持久符号。
2020-06-04