广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    iH5高级教程:3D翻书特效

    来源:网络收集  点击:  时间:2024-03-06
    【导读】:
    3D电视电影已经成为一种人们生活中的一种习惯,电子书配上3D也让我们有更好的体验,下面教大家来制作一个非常简单的3D翻书。工具/原料moreiH5方法/步骤1/5分步阅读

    添加滑动时间轴

    选中舞台,点击工具栏里的“滑动时间轴”图标,在舞台上画出一个框,然后点击滑动时间轴设置滑动时间轴的宽高和舞台的宽高一样

    2/5

    滑动时间轴的设置

    1.选中滑动时间轴,点击工具栏透明按钮工具,在舞台中央位置上画一个框,作为3D旋转的父对象。在滑动时间轴下设置透明按钮作为3D旋转的父对象,是为了图片旋转设置视距,视距越大,3D旋转的效果越不明显。

    2.选中3D旋转父对象,点击透明按钮工具,在舞台左上角添加透明按钮,透明按钮的中间与舞台左侧边缘重合。(为了观察舞台外的素材,舞台属性面板剪切设为NO)

    3.选中透明按钮,添加一张图片,图片设置宽高和舞台一样,透明按钮设置个颜色通过观察透明按钮和图片,可以发现图片左侧边缘刚好在透明按钮的中间,这样设置就可以保证以图片的边缘旋转。

    4.选中图片,添加轨迹,点ADD添加关键帧,在时间轴窗口的第一个框里输入2,点回车,小黑块到达2秒位置,图片属性面板的Y轴旋转设置为-90度,点击ADD添加关键帧。

    通过透明按钮旋转带动图片的旋转,透明按钮的Y轴旋转随着时间轴的播放从0变成-90度,给透明按钮设置个颜色通过观察透明按钮和图片的Y轴,就可以发现我们的图片刚好在透明按钮的中心,这是因为我们的旋转是以透明按钮的中心来旋转的,这样设置就可以保证我们是以图片的边缘旋转。

    3/5

    依次设置其他按钮,添加其他透明按钮,和第一个按钮设置方法一样,只是时间轴上的时间不同,按顺序累加。最后一张图片不需要旋转翻页,所以不需要透明按钮。

    4/5

    选中最后一张图片,点击文本工具,输入BACK,选中文本,添加事件。触发条件手指按下,目标对象滑动时间轴,目标动作跳至某时刻。时间0。即翻页到最后一页,点击BACK,回到第一页。

    5/5

    先行知识:滑动时间轴、轨迹、

    重点工具:滑动时间轴、轨迹、透明按钮、视距

    知识点:

    1、视距:视距是指以对象的中心为旋转中心时,物体对象3D翻转时的变形距离,必须在3D旋转的父对象上设置。视距是父对象与子对象的距离,从父对象位置观看子对象的透视点视角,距离越近,3D透视效果越大,距离越远,3D透视效果越小。一般范围从200至2000,建议使用1000。

    2、y轴旋转:指对象会以垂直中心轴为旋转轴,进行3D透视旋转。此案例中,需要图片沿着边缘y轴旋转,所以需要添加一个透明按钮作为图片的父对象,透明按钮以垂直中心轴旋转,透明按钮处于图片左侧边缘,子对象像黏在父对象上一样,透明按钮带动图片旋转,则图片实现翻书效果

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_255963.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号05-06 08:29:30  耗时:0.025
    0.0255s