ih5时间轴如何使用

 时间:2024-09-23 18:33:24

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

工具/原料

联网的PC

ih5账号

飞机图片

方法/步骤

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

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

ih5时间轴如何使用

ih5时间轴如何使用

ih5时间轴如何使用

【平面设计必备】ih5中普通时间轴的基本用法 ih5滑动时间轴如何使用 iH5初级教程:动画必备,灵活运用时间轴 ih5场景怎样添加音频 iH5初级教程:动画必备,H5+时间轴动画
热门搜索
黄金万两图片 恰玛古图片 人体写真图片 象鸟图片 菠萝图片大全