《吳亦凡即將入伍》背後的故事：創意比技術更重要

虎嗅注：《吳亦凡即將入伍》這兩天刷爆了朋友圈，如果你表示還沒看過那真的應該好好反省一下了。事實上，這個短片之所以能夠躥紅，還是因為他絕佳的創意以及背後的技術，你一定想知道，這樣的技術是如何做到的，以及背後的團隊到底是誰，其實團隊可以現在告訴你，是大騰訊互娛的市場部，騰訊互娛的市場部一向以創意見長，他們內部人稱是互聯網公司中最強的市場部，那麼一起看看《吳亦凡即將入伍》背後的故事吧，下文節選自魔方網和遊戲葡萄，虎嗅有所刪減，

如何做到的？

逼真的效果讓網友驚呼如此高科技是怎麼做出來的，事實上實現起來並不難：根據媒體爆料，《吳亦凡即將入伍》視頻的手機端使用的是HTML5的架構，就是我們經常在手機看到的可以全屏滑動效果的交互，只是之前都是靜態的圖片+文字的形式，這個案例是通過視頻+H5交互的形式。整個內容是由2-3個視頻素材組成，通過H5架構把這些視頻素材銜接到一起。其中最亮眼的微信視頻通話，只是一個視頻結束後，設置交互層，點擊接通按鈕直接播放下一個視頻。整個案例沒有任何技術難點。只是每個視頻銜接的地方需要前端技術依靠代碼進行組合，對於一個瞭解H5的前端技術人員來說，不超過1天就可以完成整個效果。

而視頻的部分，視頻開頭是採用了虛擬+實景的拍攝方式，將視頻主角整個人像摳出來，輔助虛擬背景，達到人物衝出頁面的效果。揉紙部分採用兩個畫面拍攝疊加的方法，先後拍攝主角揉紙，和揉成一團的紙張兩個畫面，達到視頻中的效果。

來自騰訊的官方回復

有媒體第一時間採訪了騰訊互娛的相關工作人員。騰訊互娛市場部品牌經理劉曉晨回答了記者的相關問題。

記者：可以與大家分享這次營銷案的過程嗎?

劉曉晨：這次從創意到執行各階段的過程還是比較曲折的。最開始策劃方案的時候，團隊是想用幾個感性的故事來包裝，但在開會時很多創意都反覆推翻了好幾輪，大家覺得有吳亦凡這麼個熱愛全民突擊的大明星，還是個大玩家該怎麼用才合適，尤其還想要做出彩，真的是個大難題。團隊想過很多創意，包括有漫畫與真人結合的形式，也有模擬戰場通話的形式，但大家都覺得還是達不到觸動粉絲的目的，也形成不了我們想要的驚喜。

記者：最終這個創意拍板用了多久?

劉曉晨：最終創意的產生是直到team第4輪頭腦風暴，那時把之前所有的idea都推翻了。開會不到5分鐘時，有人提出能不能做個以假亂真的內容，就是假新聞、假來電這些，這個創意大家覺得會很有趣。既然我們是騰訊，就乾脆做個假的新聞頁面，明星從視頻裡走出來肯定很sharp!而且這樣的創意和內容，除了明星誰也沒辦法模仿。

下麵節選的是騰訊互娛市場部關於吳亦凡H5頁面刷屏的自述，看看刷屏背後你不知道的那些事兒。

我們利用吳亦凡娛樂明星的身份，從他粉絲會關注的娛樂話題入手做一個新聞頁，比如說他要去當兵。最好是看起來就像一條娛樂新聞，再在這個新聞視覺包裝上下點功夫，把我們在PC端經常做的富媒體廣告的形式在移動端再玩一次，人在畫裡忽然動起來，然後還能跳出來和你對話，我看好像還沒人玩過。

娛樂明星的社會化影響力非常大，關注的人很多，製造一個新聞點，讓關注他的人會好奇，解釋這個新聞點的方式出其不意，並且讓新聞點轉化到產品後不覺得生硬，這才是這次創意的精髓。

借助現在移動互聯網時代，手機和人的關係更加私密，獲取資訊更加便捷，廣告可以做點不一樣的東西。

H5頁面需要相容的平臺和管道很多，比如手Q、微信，騰訊新聞、新浪微博等，每個管道又有iOS和安卓的各種版本，在測試量和相容性處理方面工作量巨大。

我們的這個交互是三個視頻中間夾雜著網頁進行無縫切換，而移動端對視頻的自動播放、全屏以及切換都有很多的限制，這方面我們的技術同學充分發揮想像力，採取了很多巧妙的手段來解決。

通常視頻播放的時候會有各種五花八門的播放機初始化介面，為了達到視頻突然出現的效果，我們採取了視頻、圖片相互模擬等許多手段。所以有時候你看到視頻其實是圖片，你看到圖片其實是視頻。

我們整個營銷的核心是模擬的新聞，如果打開一條新聞出現視頻loading的介面，也是會影響效果的，所以在資源加載方面，也採取了一些技術手段來避免出現視頻加載介面。

為了改善視頻切換時的銜接效果，還採用了類似滋滋的聲音和由模糊到清晰的音效來配合視頻，達到移花接木的效果。

拍攝方式是真人+虛擬背景的結合，所以在前期素材的拍攝上要求演員動作跟背景能很好地匹配互動。為了更好地達到預期效果，項目前期我和設計師們一起拍攝了幾段素材，在肢體動作上（手舉起的高度、動作幅度和速度等）進行諸多測試，避免出現破綻，如演員轉身撕下背後的網頁然後揉成一個紙團，中間過程必須讓紙團先隱藏在身後，然後順勢把紙團掏出來。之後還做了一段動畫demo，預估最終成品的效果和品質。

From 虎嗅