对象图片高清iH5初级教程:动画必备,H5+GIF、幻灯片
GIF有四种方式添加,一是图片对象,二是图片序列,三是GIF动画对象、四是幻灯片对象
第一种:选中舞台,从电脑桌面把GIF直接拖到舞台,默认成为图片对象,并且自动播放。可以对它像图片一样进行控制,拖动等。但是用这种方法GIF只能循环播放。
第二种:选中舞台,点击工具栏的GIF工具,在舞台中间画出一个矩形,使
用GIF动画对象上传GIF,选中舞台,点击工具栏的按钮工具,在舞台下添
加按钮,选中按钮,点击工具栏的事件工具,按钮下添加事件,点击按钮,目标对象GIF,目标动作从头播放。如果希望GIF播放完后停在最后一帧,那导出的时候就要设置只播放一次的格式。
第三种:选中舞台,点击工具栏的图片序列工具使用图片序列上传GIF,图片序列本身播放速度较快,但对图片帧数有一定限制,建议不要上传过大的GIF 或过多图片。如果要一次上传大小或数量超过限制的图片,请使用图片工具。
图片序列后台转码,上传时请耐心等一会。
1、点击图片对象,选择自动播放,时间间隔0.2秒,则图片序列会比较慢地自动播放。还可以通过播放次数控制图片序列播放多少次。
2、显示图片序号4,并且自动播放为NO,则显示第四张图片。
3、选中舞台,点击工具栏里的按钮工具添加按钮,选中按钮,点击工具栏
的事件工具,按钮下添加事件,点击按钮,目标对象图片序列,目标动作继续播放。图片序列的属性面板,播放次数1,显示图片序号为空,自动播放为NO。预览时点击按钮,图片序列播放,并停在最后一帧。
4、使用图片序列工具上传多张图片组成的ZIP文件,也可以通过播放次数、时间间隔、自动播放等属性
控制ZIP。选中舞台,点击工具栏的按钮工具,舞台下添加2个按钮,按钮1下添加事件,点击按钮1,点击工具栏的事件工具
,目标对象图片序列,目标动作显示下一张图片,按钮2下添加事件,点
击按钮2,点击工具栏下的事件工具,显示上一张图片。
第四种:
1、选中舞台,点击工具栏下的幻灯片工具,使用幻灯片对象上传GIF,可以通过滑动方向、循环播放、滑动播放灵敏度、自动播放、时间间隔来控制GIF 的播放。滑动播放的灵敏度,如果不填,滑动一下,播放一帧。如果填1,则是滑动1个像素,播放一帧,填10,则是滑动10个像素,播放一帧。数字越小滑动越快。使用幻灯片对象上传循环形的GIF,可以制作无限走廊等效果。
2、选中舞台,点击工具栏下的幻灯片工具,在舞台里拉出一个矩形,使用
幻灯片工具上传图片组成的ZIP文件。可以选择不同的翻页效果。
知识点:
GIF工具:通过GIF工具,您可以在iH5案例中添加一个GIF。用事件触发GIF 播放。
图片序列:动画图片序列对象是一系列交替播放的图片,你可以上传多张图片文件,通过动画图片序列工具来制作一个简单的动画。
幻灯片:通过幻灯片工具,您可以在iH5案例中制作轻松切换的幻灯片,像控制视频那样去控制GIF的播放。
重点事件:
事件1:播放动画
触发对象:按钮
触发条件:点击
目标对象:舞台·动画
目标动作:从头播放
事件2:显示前后位置的图片
触发对象:按钮
触发条件:点击
目标对象:舞台·PPT
目标动作:显示上一张或者下一张图片
Tips:
上传GIF:
1.使用图片对象:GIF自动播放。
2.使用GIF对象:通过事件触发其播放。
3.使用图片序列:可设定播放次数,并完美停在最后一帧。
4.使用幻灯片:可通过滑动播放GIF,制作无限走廊等效果。
上传ZIP:
1.使用图片序列:可自动播放或通过事件按顺序播放图片。
2.使用幻灯片:可通过滑动让图片播放,有不同的翻页效果。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论