- 19
- 0
- 约小于1千字
- 约 6页
- 2017-01-11 发布于北京
- 举报
[iH5高级教程:H5创意展示折角翻书特效
iH5高级教程:H5创意展示,折角翻书特效
第一步:
1.选中滑动时间轴,点击工具栏的图片工具,上传页脚图片,选中页脚图片,点击工具栏轨迹工具,为其添加轨迹,并且点击ADD添加关键帧,使页脚从下往上运动。
第二步:添加容器
选中滑动时间轴,点击透明按钮工具,在舞台上画一个区域,添加透明按钮,共添加3个透明按钮,第一个透明按钮选中舞台后添加,第二个选中透明按钮1添加,使第二个透明按钮1成为第一个透明按钮1的子对象。第三个如此类推,使其成分第二个的子对象。重命名为页1、外框1和图片容器。
2.页脚是斜的,页1透明按钮是为了让图片有一个斜的折角,所以旋转5度。
3.选中外框透明按钮,点击轨迹工具,添加轨迹,并设置关键帧,让透明按钮的高度从大变小。
4.选中图片容器,添加一张图片,或几张图片。因为页1透明按钮旋转了-5度,所以图片容器属性面板旋转5度,则图片可以正常观看。
第三步:复制效果,进行图片的替换。
复制“页脚1”和“页1”,粘贴在滑动时间轴1下。
重命名新的“页脚1”和“页1”为“页脚2”和“页2”。双击“页2”下的“1”,替换图片即可。如此类推,便能快速做出折角翻书效果。
3.滑动时间轴属性面板自动跳转控制点为yes
先行知识:滑动时间轴、透明按钮、
重点工具:滑动时间轴、透明按钮、自动跳转控制点
知识点:
原创力文档

文档评论(0)