多语言展示
当前在线:1008今日阅读:23今日分享:25

ih5时间轴如何使用

用轨迹可以做一个图片的动画,但是却不能做多个图片的动画,相当于flash中的一个图层,但是时间轴里面却可以方多个轨迹,使得多个图片同时一起编辑动画成为可能,那么就用这个时间轴做一个闪图看看吧!
工具/原料
1

联网的PC

2

ih5账号

3

飞机图片

方法/步骤
1

1.如图所示,我们先选择这个“闪动飞机”的页面,然后点击箭头所指的图片工具,来添加一张图片在页面上。

2

2.如图所示,我们为这个图片画一个这样的区域,然后鼠标点击一下确定区域,之后会弹出一个文件对话框,我们选择一张飞机图片就可以啦!

3

3.如图所示,我们选择这一张飞机的图片之后,点击打开按钮,就可以将这一张照片上传到这个页面上啦!

4

4.如图所示,我们选择这个飞机的图片之后,为这个飞机的图片添加箭头所指的轨迹。

5

5.如图所示,我们添加完轨迹之后,在飞机这项上鼠标右击,在弹出的下拉列表菜单中,我们点击这个“复制”,将其进行复制下来。

6

6.如图所示,我们将刚才复制下来的战机图片及其轨迹进行粘贴,就可以在这个页面上再粘贴一个战机了。

7

7.如图所示,我们连续粘贴上2个战机,用来做这个闪动的飞机。

8

8.如图所示,我们选择这个“闪动飞机”的页面,之后点击时间轴这个工具,这样就会将时间轴添加到这个页面。

9

9.如图所示,我们将这三个飞机全部拖到时间轴下面去,这时就可以使用时间轴控制三个飞机啦!

10

10.如图所示,我们看到现在的飞机的轨迹只需设置开始时间和结束时间,其他的设置时间轴就可以统一设置了。

11

11.如图所示,我继续设置第二个飞机的轨迹设置,只需设置开始时间和结束时间就可以啦!

12

12.如图所示,如图所示,我继续设置第三个飞机的轨迹设置,只需设置开始时间和结束时间就可以啦!

13

13.如图所示,在时间轴的面板属性里面,我们设置其为自动播放,而且也设置为循环播放,这样就可以更好作出闪图的效果。

14

14.如图所示,我们点击“预览”按钮,对这个案例进行预览。

15

15.如图所示,在代码编译完成之后,会弹出这个编译完成的对话框,我们点击“确定”按钮就可以预览啦!

16

16.如图所示,我们看到飞机在一闪一闪中出现和消失,这就是闪动的飞机啦!

推荐信息