虎嗅注:《吴亦凡即将入伍》这两天刷爆了朋友圈,如果你表示还没看过那真的应该好好反省一下了。事实上,这个短片之所以能够蹿红,还是因为他绝佳的创意以及背后的技术,你一定想知道,这样的技术是如何做到的,以及背后的团队到底是谁,其实团队可以现在告诉你,是大腾讯互娱的市场部,腾讯互娱的市场部一向以创意见长,他们内部人称是互联网公司中最强的市场部,那么一起看看《吴亦凡即将入伍》背后的故事吧,下文节选自魔方网和游戏葡萄,虎嗅有所删减,
如何做到的?
逼真的效果让网友惊呼如此高科技是怎么做出来的,事实上实现起来并不难:根据媒体爆料,《吴亦凡即将入伍》视频的手机端使用的是HTML5的架构,就是我们经常在手机看到的可以全屏滑动效果的交互,只是之前都是静态的图片+文字的形式,这个案例是通过视频+H5交互的形式。整个内容是由2-3个视频素材组成,通过H5架构把这些视频素材衔接到一起。其中最亮眼的微信视频通话,只是一个视频结束后,设置交互层,点击接通按钮直接播放下一个视频。整个案例没有任何技术难点。只是每个视频衔接的地方需要前端技术依靠代码进行组合,对于一个了解H5的前端技术人员来说,不超过1天就可以完成整个效果。
而视频的部分,视频开头是采用了虚拟+实景的拍摄方式,将视频主角整个人像抠出来,辅助虚拟背景,达到人物冲出页面的效果。揉纸部分采用两个画面拍摄叠加的方法,先后拍摄主角揉纸,和揉成一团的纸张两个画面,达到视频中的效果。
来自腾讯的官方回复
有媒体第一时间采访了腾讯互娱的相关工作人员。腾讯互娱市场部品牌经理刘晓晨回答了记者的相关问题。
记者:可以与大家分享这次营销案的过程吗?
刘晓晨:这次从创意到执行各阶段的过程还是比较曲折的。最开始策划方案的时候,团队是想用几个感性的故事来包装,但在开会时很多创意都反复推翻了好几轮,大家觉得有吴亦凡这么个热爱全民突击的大明星,还是个大玩家该怎么用才合适,尤其还想要做出彩,真的是个大难题。团队想过很多创意,包括有漫画与真人结合的形式,也有模拟战场通话的形式,但大家都觉得还是达不到触动粉丝的目的,也形成不了我们想要的惊喜。
记者:最终这个创意拍板用了多久?
刘晓晨:最终创意的产生是直到team第4轮头脑风暴,那时把之前所有的idea都推翻了。开会不到5分钟时,有人提出能不能做个以假乱真的内容,就是假新闻、假来电这些,这个创意大家觉得会很有趣。既然我们是腾讯,就干脆做个假的新闻页面,明星从视频里走出来肯定很sharp!而且这样的创意和内容,除了明星谁也没办法模仿。
下面节选的是腾讯互娱市场部关于吴亦凡H5页面刷屏的自述,看看刷屏背后你不知道的那些事儿。
我们利用吴亦凡娱乐明星的身份,从他粉丝会关注的娱乐话题入手做一个新闻页,比如说他要去当兵。最好是看起来就像一条娱乐新闻,再在这个新闻视觉包装上下点功夫,把我们在PC端经常做的富媒体广告的形式在移动端再玩一次,人在画里忽然动起来,然后还能跳出来和你对话,我看好像还没人玩过。
娱乐明星的社会化影响力非常大,关注的人很多,制造一个新闻点,让关注他的人会好奇,解释这个新闻点的方式出其不意,并且让新闻点转化到产品后不觉得生硬,这才是这次创意的精髓。
借助现在移动互联网时代,手机和人的关系更加私密,获取信息更加便捷,广告可以做点不一样的东西。
H5页面需要兼容的平台和渠道很多,比如手Q、微信,腾讯新闻、新浪微博等,每个渠道又有iOS和安卓的各种版本,在测试量和兼容性处理方面工作量巨大。
我们的这个交互是三个视频中间夹杂着网页进行无缝切换,而移动端对视频的自动播放、全屏以及切换都有很多的限制,这方面我们的技术同学充分发挥想象力,采取了很多巧妙的手段来解决。
通常视频播放的时候会有各种五花八门的播放器初始化界面,为了达到视频突然出现的效果,我们采取了视频、图片相互模拟等许多手段。所以有时候你看到视频其实是图片,你看到图片其实是视频。
我们整个营销的核心是仿真的新闻,如果打开一条新闻出现视频loading的界面,也是会影响效果的,所以在资源加载方面,也采取了一些技术手段来避免出现视频加载界面。
为了改善视频切换时的衔接效果,还采用了类似滋滋的声音和由模糊到清晰的音效来配合视频,达到移花接木的效果。
拍摄方式是真人+虚拟背景的结合,所以在前期素材的拍摄上要求演员动作跟背景能很好地匹配互动。为了更好地达到预期效果,项目前期我和设计师们一起拍摄了几段素材,在肢体动作上(手举起的高度、动作幅度和速度等)进行诸多测试,避免出现破绽,如演员转身撕下背后的网页然后揉成一个纸团,中间过程必须让纸团先隐藏在身后,然后顺势把纸团掏出来。之后还做了一段动画demo,预估最终成品的效果和品质。