深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?

JavaScript016

深度解析!天猫双11宇宙 H5 的惊艳效果是如何实现的?,第1张

尽情尽兴,尽在双11

最近两天,朋友圈占满了天猫的高大上H5营销广告,天猫给人感觉就是我若成佛天下无魔,我若成魔佛奈我和的感觉。于是我们也跟着撸了一发,首先听说这个H5制作总共花了150万……150万!

是的你没听错就是150万。但对他现在火爆成都来说。太值了。

整个H5使用了长镜头一镜到底的表现方式,当然还结合了最先进的VR技术,但这些不是重点,素材量庞大,后期的处理工作难也想象!

具体相关技术实现大家可以百度一下!

在这里,我作为一个后期工作者,看到这样一个超炫的效果,不研究研究必然可惜,有基础的人一看应该就知道,其实技术并不是很难,AE就可以实现,具体怎么做呢?

首先,我们需要收集需要用到的素材,进行归类(比如天猫里面就有红包火山、全球直播、VR购物等)目的是后期铺素材方便,不会显得太乱。

其次,就是对素材的处理了,抠图、图片合成、图形设计等,这些PS就可以了。

最后,只需要按照分好的类别把素材拖到AE,当然要用到AE的三维摄像机了,不会的请看课程吧,这里最好按照摄像机的位置来堆素材,有利于视角弥补,处理起来也会方便一些。

这次,就给出这么多思路吧,感兴趣的小伙伴可以试试,我也会在随后推出一个和这个效果差不多的案例,一个比较综合,干货颇多的案例,期待吧!

立绘分为抠了还是没抠:

抠了的话,直接点开图片,点击右键,图片另存为,保存到你知道的地方,在打开橙光立绘,有个导入素材,就点击,打开你保存立绘的地方,点击就ok了。

没抠的话,就先把一张带有人物的背景图片,点击右键另存为,保存到自己熟悉的地方,就可以下载美图秀秀,ps工具,这样的软件,如果是新手,建议用美图秀秀,美图秀秀打开后,点击插入图片,把刚刚保存的图片点击几下,在点击抠图,把人物抠下来就好,在保存到熟悉的地方,再到橙光导入素材那,把刚刚抠好的图取出就好。

望采纳,谢谢!