iH5基础教程：为H5添加时间轴、轨迹 / 木子杰软件教程

下面我们来一起看一下iH5基础教程的第五节：为H5添加时间轴、轨迹的具体步骤

操作方法

01

添加背景图片。 1、在对象树选中舞台 2、点击工具栏里的“图片”图标 3、在舞台上画出一个框 4、弹出选择图片窗口，点击上传。 5、弹出文件窗口，选择一张图片，点击打开。 6、对着舞台上的图片点右键，选择原始大小。 7、并把图片移动到坐标为（0，0）的地方，或是可以在属性面板中修改X，Y的值都等于0。
02

添加时间轴。 1、在对象树中选中舞台 2、点击工具栏里的“时间轴”图标，在舞台下添加时间轴1。
03

时间轴下添加图片。 1、选中舞台下的时间轴1 2、点击工具栏里的“图片”图标，在时间轴1下添加2张图片：云图片和热气球图片，并调整图片的位置。
04

图片下添加轨迹。 1、选中云图片 2、点击工具栏里的“轨迹”图标 3、选中热气球图片，点击工具栏里的“轨迹”图标
05

轨迹上添加关键帧。 1、把云的图片移动到舞台偏下的位置，透明度减低。 2、点时间轴窗口“Add” 添加一个关键帧 3、在时间轴窗口的第一个框输入 4，点回车。 5、把图片移动到舞台偏上的位置，透明度为100。 6、再点“Add”添加一个关键帧。 7、同理，热气球轨迹0秒、2秒、4秒处添加关键帧。注意:如果要修改图片状态，必须点中。关键帧呈橙色，再移动位置或修改属性面板，关键帧才修改有效。
06

1、选中对象树的天空图片。 2、点击工具栏的事件工具，触发条件点击，目标对象时间轴，目标动作反向播放。重点控件：时间轴、轨迹、事件知识点： 1、先点击工具栏上的时间轴工具添加时间轴，时间轴下添加素材，素材下添加轨迹，点击时间轴窗口上的ADD添加关键帧。 2、如果要修改关键帧里记录的素材的属性，必须选中关键帧为橙色，再移动素材的位置或修改大小透明度等。 3、在时间轴窗口的第一个框内填入数字1，点回车，则时间轴窗口里的控制关键帧位置的小方块就自动到达1秒的位置，点击ADD添加关键帧，关键帧处于1秒的位置。如果需要准确调整关键帧的位置，可以在第二个框内填入数字，例如2，则关键帧会移动到2秒处。重点事件： 1、时间轴自动播放，触发对象：天空图片，触发条件：点击，目标对象：时间轴，目标动作：反向播放，则打开作品，时间轴自动播放，点击背景图片，时间轴反向播放

iH5基础教程：为H5添加时间轴、轨迹

操作方法

相关推荐