《吴亦凡即将入伍》背后的故事 创意比技术更重要

《吴亦凡即将入伍》这两天刷爆了朋友圈，如果你表示还没看过那真的应该好好反省一下了。事实上，这个短片之所以能够蹿红，还是因为他绝佳的创意以及背后的技术，你一定想知道，这样的技术是如何做到的，以及背后的团队到底是谁，其实团队可以现在告诉你，是大腾讯互娱的市场部，腾讯互娱的市场部一向以创意见长，他们内部人称是互联网公司中最强的市场部，那么一起看看《吴亦凡即将入伍》背后的故事吧，下文节选自魔方网和游戏葡萄，虎嗅有所删减，

如何做到的？

逼真的效果让网友惊呼如此高科技是怎么做出来的，事实上实现起来并不难：根据媒体爆料，《吴亦凡即将入伍》视频的手机端使用的是HTML5的架构，就是我们经常在手机看到的可以全屏滑动效果的交互，只是之前都是静态的图片+文字的形式，这个案例是通过视频+H5交互的形式。整个内容是由2-3个视频素材组成，通过H5架构把这些视频素材衔接到一起。其中最亮眼的微信视频通话，只是一个视频结束后，设置交互层，点击接通按钮直接播放下一个视频。整个案例没有任何技术难点。只是每个视频衔接的地方需要前端技术依靠代码进行组合，对于一个了解H5的前端技术人员来说，不超过1天就可以完成整个效果。

而视频的部分，视频开头是采用了虚拟+实景的拍摄方式，将视频主角整个人像抠出来，辅助虚拟背景，达到人物冲出页面的效果。揉纸部分采用两个画面拍摄叠加的方法，先后拍摄主角揉纸，和揉成一团的纸张两个画面，达到视频中的效果。

来自腾讯的官方回复

有媒体第一时间采访了腾讯互娱的相关工作人员。腾讯互娱市场部品牌经理刘晓晨回答了记者的相关问题。

记者：可以与大家分享这次营销案的过程吗?

刘晓晨：这次从创意到执行各阶段的过程还是比较曲折的。最开始策划方案的时候，团队是想用几个感性的故事来包装，但在开会时很多创意都反复推翻了好几轮，大家觉得有吴亦凡这么个热爱全民突击的大明星，还是个大玩家该怎么用才合适，尤其还想要做出彩，真的是个大难题。团队想过很多创意，包括有漫画与真人结合的形式，也有模拟战场通话的形式，但大家都觉得还是达不到触动粉丝的目的，也形成不了我们想要的惊喜。

记者：最终这个创意拍板用了多久?

刘晓晨：最终创意的产生是直到team第4轮头脑风暴，那时把之前所有的idea都推翻了。开会不到5分钟时，有人提出能不能做个以假乱真的内容，就是假新闻、假来电这些，这个创意大家觉得会很有趣。既然我们是腾讯，就干脆做个假的新闻页面，明星从视频里走出来肯定很sharp!而且这样的创意和内容，除了明星谁也没办法模仿。

下面节选的是腾讯互娱市场部关于吴亦凡H5页面刷屏的自述，看看刷屏背后你不知道的那些事儿。

我们利用吴亦凡娱乐明星的身份，从他粉丝会关注的娱乐话题入手做一个新闻页，比如说他要去当兵。最好是看起来就像一条娱乐新闻，再在这个新闻视觉包装上下点功夫，把我们在PC端经常做的富媒体广告的形式在移动端再玩一次，人在画里忽然动起来，然后还能跳出来和你对话，我看好像还没人玩过。

娱乐明星的社会化影响力非常大，关注的人很多，制造一个新闻点，让关注他的人会好奇，解释这个新闻点的方式出其不意，并且让新闻点转化到产品后不觉得生硬，这才是这次创意的精髓。

借助现在移动互联网时代，手机和人的关系更加私密，获取信息更加便捷，广告可以做点不一样的东西。

H5页面需要兼容的平台和渠道很多，比如手Q、微信，腾讯新闻、微博等，每个渠道又有iOS和安卓的各种版本，在测试量和兼容性处理方面工作量巨大。

我们的这个交互是三个视频中间夹杂着网页进行无缝切换，而移动端对视频的自动播放、全屏以及切换都有很多的限制，这方面我们的技术同学充分发挥想象力，采取了很多巧妙的手段来解决。

通常视频播放的时候会有各种五花八门的播放器初始化界面，为了达到视频突然出现的效果，我们采取了视频、图片相互模拟等许多手段。所以有时候你看到视频其实是图片，你看到图片其实是视频。

我们整个营销的核心是仿真的新闻，如果打开一条新闻出现视频loading的界面，也是会影响效果的，所以在资源加载方面，也采取了一些技术手段来避免出现视频加载界面。

为了改善视频切换时的衔接效果，还采用了类似滋滋的声音和由模糊到清晰的音效来配合视频，达到移花接木的效果。

拍摄方式是真人+虚拟背景的结合，所以在前期素材的拍摄上要求演员动作跟背景能很好地匹配互动。为了更好地达到预期效果，项目前期我和设计师们一起拍摄了几段素材，在肢体动作上（手举起的高度、动作幅度和速度等）进行诸多测试，避免出现破绽，如演员转身撕下背后的网页然后揉成一个纸团，中间过程必须让纸团先隐藏在身后，然后顺势把纸团掏出来。之后还做了一段动画demo，预估最终成品的效果和品质。