加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 站长资讯 > 传媒 > 正文

教程 | 3D效果的H5海报怎么做?

发布时间:2016-07-25 14:02:42 所属栏目:传媒 来源:站长之家用户
导读:超级酷炫的3D海报已经上线几天了,用过的小伙伴无不啧啧称赞。眼看着别人家的粉丝捧着手机玩的不亦乐乎,这么好的功能我还不太会用?

 超级酷炫的3D海报已经上线几天了,用过的小伙伴无不啧啧称赞。眼看着别人家的粉丝捧着手机玩的不亦乐乎,这么好的功能我还不太会用?

  没关系,福利来啦!快站哥今天就为您奉上3D海报的详细教程。

  Q3D视差效果样式是什么?AH5的动画效果日新月异,如何让页面的层级效果更佳更特别?如何让内容和用户有更多互动,快站引入了配合手机重力感应,让页面内各种内容可以和浏览者互动。案例展示假如我们在手机上看到一个平面图是这样的

  

教程 | 3D效果的H5海报怎么做?

  使用3D效果后,只要微微晃动手机,图片就会发生意想不到的变化~

  是不是超级赞!下面就是满满的干货啦。本次教学主要以如何通过图片达成效果进行介绍,所有组件都可以设置3D效果。 在编辑器中拖入一个组件(以图片组件为案例)

  

教程 | 3D效果的H5海报怎么做?

  对应上传需要的内容文件

  

教程 | 3D效果的H5海报怎么做?

  上传完所有的内容文件,并调整内容组件的大小和位置

  

教程 | 3D效果的H5海报怎么做?

  按预想的效果,调整每个内容组件之前的层级关系

  

教程 | 3D效果的H5海报怎么做?

  调整每个内容组件样式中的3D视差效果X轴强度:调整内容组件跟随手机横向摆动所产生位移的强弱程度。Y轴强度:调整内容组件跟随手机纵向摆动所产生位移的强弱程度。缓冲:调整内容组件产生位移过程中缓冲效果的强弱程度。

  

教程 | 3D效果的H5海报怎么做?

  划分层次,添加滤镜,让画面和谐统一根据内容的不同形式,我们可以通过大小、模糊滤镜、阴影等方式,让层级划分更加清晰。

  

教程 | 3D效果的H5海报怎么做?

  本次内容就为大家介绍到这儿,不知各位站长学会了吗?会了就赶快使用起来吧,如果还有疑问欢迎给快站哥留言哦。

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读