怎么做特别牛的720°全景H5
大家都知道,自从H5亮相朋友圈,这几年已成为新媒体推广的标配。
今年双11,马云爸爸不仅掏空了我的钱包,更是差点亮瞎我美腻的双眸。那个《穿越宇宙的邀请函》H5,瞬间就霸屏了朋友圈。
他们都说,这是用了什么炫酷场景、VR技术,我只知道这是砸了150万元人民币的大制作。
下面小编将为大家整理工具教程不用花一分钱,便可以做个“马云爸爸”同款炫酷H5
首先
老规则,先登录官网凡科微传单的官网,选“免费创建”&“空白模板”
有没有看到两个激动人心的字眼:全景!!!
就是它啦~~
千呼万唤始出来,此时此刻对“产经”的膜拜之情有如长江之水......滔滔不绝......(希望“产经”看到后,给我发个大红包)
有些脑瓜看到这里,可能会说模板有点少。对于这样的好宝宝,我只有一句话:功能已上线,模板还会远么?(只要多夸产经帅,该有的都会有)
我们任选一个,就“百货狂欢”吧
点“展开编辑全景”,就可以像编辑普通H5一样,在上面加上文本、图形、按钮什么的,这些很简单没什么好说的。
我要说的是,制作这种全景H5和普通H5还是有些区别滴:比如说,它得有一张长长的外圈背景:
它也得有一张长长的内圈背景:
外圈背景和内圈背景叠放起来就是这样的效果:
如果说你不是专业的设计师...
那外圈背景这些还是套用模板稳妥些~
设内外圈背景弄好之后,直接在上面加部件(类似下图这些):
接下来是重点!!
做720°全景H5, 有一个“层级”的概念。比如上图的这些小图标,每个都可以设不同的层级,一共有10个可以选。
层级大的图标看起来比实际尺寸大。就好像现实中,我们看到远处的东西小,近处的东西大一样。
为啥要设层级?这样看起来才更有层次感、立体感。
什么意思?
这么说吧,层级3的图标会比层级6更靠近背景;反过来就是:层级6的要比层级3更靠近观看者。
还是有点懵B的脑瓜,看下图:
层级设置好了,加点击反应。比如说:点了之后跳转到外链,点了之后拨打电话、查看产品情况或是弹窗,看推广需要。
设好记得保存就搞定啦~
好奇的脑瓜可能要问如此酷炫的H5究竟是什么原理?
我用了两杯卡士酸奶换来了帅气产经的一句话:
它就是用一张长图绕着Y轴卷成一圆柱体
就变成手机看到的720°全景
突然觉得知道这些也没什么用
关键还是知道如何不花钱装(zhi) B (zuo)啊