养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

iH5高级教程:H5创意展示,折角翻书特效

时间:2024-09-23 16:24:52

下面我们一起来学习一下iH5高级教程中的H5创意展示,折角翻书特效

工具/原料

iH5

方法/步骤

1、选中滑动时间轴,点击工具栏的图片工具,上传页脚图片,选中页脚图片,点击工具栏轨迹工具,为其添加轨迹,并且点击ADD添加关键帧,使页脚从下往上运动。

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

2、添加容器1.选中滑动时间轴,点击透明按钮工具,在舞台上画缬方焱蜱一个区域,添加透明按钮,共添加3个透明按钮芟坳葩津,第一个透明按钮选中舞台后添加,第二个选中透明按钮1添加,使第二个透明按钮1成为第一个透明按钮1的子对象。第三个如此类推,使其成分第二个的子对象。重命名为页外框1和图片容器。2.页脚是斜的,页1透明按钮是为了让图片有一个斜的折角,所以旋转5度。3.选中外框透明按钮,点击轨迹工具,添加轨迹,并设置关键帧,让透明按钮的高度从大变小。4.选中图片容器,添加一张图片,或几张图片。因为页1透明按钮旋转了-5度,所以图片容器属性面板旋转5度,则图片可以正常观看。

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

iH5高级教程:H5创意展示,折角翻书特效

3、复制效果,进行图片的替换。1.复制“页脚1”和“页1”,粘贴在滑动时间轴1下。2.重命名新的“页脚1”和“页1”为“页脚2”和“页2”。双击“页2”下的“1”,替换图片即可。如此类推,便能快速做出折角翻书效果。3.滑动时间轴属性面板自动跳转控制点为yes

iH5高级教程:H5创意展示,折角翻书特效

4、先行知识:滑动时间轴、透明按钮、重点工具:滑动时间蛹侦硫馕轴、透明按钮、自动跳转控制点知识点:折角翻书效果,由怎剑词阶两部分组成,一是折角的页脚,二是图片。页脚下添加轨迹控制其向上运动。图片由三个透明按钮控制。其中只有外框透明按钮添加轨迹。页1透明按钮旋转-5度,外框透明按钮由高到扁,展现里面的图片,图片容器透明按钮选择5度,与页1透明按钮对应,这样图片就可以是竖着正常观看。图片容器下可以添加多张不同大小的图片,丰富每页图片内容。自动跳转控制点:自动跳转控制点是指滑动时滑动时间轴是否在滑动停止时自动播放至下一个控制点,如果将这个选项设为是,那么在滑动停止时,将会自动播放到下一控制点再停止,呈现出类似惯性滑动的效果。自动跳转时长:如果将“自动跳转控制点”设置成为是,那么可以通过自动跳转时长来设定滑动停止后,滑动时间轴播放至下一控制点的时间,以秒为单位。如果时间设得长,那么自动跳转的时间便会慢。

© 一点知识