iH5中级教程微场景H5必备,拆开盒子效果.docx

iH5中级教程微场景H5必备,拆开盒子效果iH5中级教程：微场景H5必备，拆开盒子效果 向上划开盒子，就会出现一个小人，并且还会有一个香吻的图片。 利用iH5工具，你也可以很快地制作这样的一个交互效果! 第一步：文字进场动效 1、选中舞台，点击页面工具2、选中页面1，点击图片工具，添加页面1。 ，在舞台拉出一个区域，上传黑色背景图。 ，在舞台上拉出一个区域，在编辑框内3、选中黑色背景图，点击中文字体填写文字。添加2个中文字体。标题1“拆开大礼”与标题2“from VX互相大师” 4、选中中文字体，点击动效工具，添加进场动效。标题1自左飞入，触发后延时0，标题2自右飞入，触发后延时1。这样文字就有先后出现的效果。 第二步： 1、选中页面1，点击滑动时间轴工具时间轴 ，在舞台上拉出一个区域，添加滑动2、选中滑动时间轴，点击图片工具片 ，添加“盒子上”和“盒子下”两张图3、“盒子上”指盒子的身体，“盒子下”指下边缘。千万不要忘了这个下边缘的哦！ 4、选中“盒子上”，点击动效工具，添加动效，让其有弹跳的效果，触发后延时2秒，播放次数2次，示意人去把盒子划开。 第三步：盒子的滑动时间轴 1、选中“盒子上”与“盒子下”，点击轨迹工具，添加轨迹。 2、点ADD添加关键帧，时间轴总时长1秒。盒子上第一个关键帧Y坐标21，第二个关键帧Y坐标-690。轨迹中改变y坐标，让箱子往上移，那么手指向上滑动，盒子就会向上移，有打开的效果。 第四步：“盒子上”、“盒子下”、小人图片的顺序 1、选中滑动时间轴，点击图片工具，增加一张小人的图片，放在“盒子上”与“盒子下”的中间，就会有小人慢慢从盒子中出现的效果。 第五步：选中页面1，点击图片工具，添加唇印图片，选中图片，点击动效工具，添加动效。 第六步：添加小人与唇印出现的事件。选中滑动时间轴，点击事件工具 。 事件1：箱子划开0.3秒时，小人出现。也就是最开始的时候，小人是不显示的，因为小人比盒子高。 事件2：箱子划开0.5秒时，唇印出现，可以唇印下添加动效。 事件3：手指往回划，就是滑动时间轴为0的时候，小人隐藏。因为小人比盒子高。 时间轴、滑动时间轴、动效，如果不矛盾的话，都是可以结合起来使用的。 是不是觉得这样打开盒子的效果很有趣呢？你希望盒子打开后有什么呢？一起来做属于你的“打开盒子”吧！ 重点控件：滑动时间轴、动效 重点事件： 触发对象：滑动时间轴 触发条件：播放时间 时间：0.3 目标对象：小人 目标动作：显示。 小人的属性面板初始可见为NO。 触发对象：滑动时间轴 触发条件：播放时间 时间：0.5 目标对象：唇印动效 目标动作：开始。 触发对象：滑动时间轴 触发条件：播放时间 时间：0 目标对象：小人 目标动作：隐藏。 即盒子关上的时候，小人隐藏。 Tips： 1、盒子上和盒子下需要同步运动，两个轨迹设置在同一个滑动时间轴里。 2、人物图像在盒子没有滑动前是处于隐藏的状态，开始滑动后，显示人物。 3、为了制作人从盒子中出现，图片应位于盒子上与盒子下之间。