我們(men)意類最近接了個很黃很黃的(de)brief。
喂，不是你想的(de)那樣，是前陣子(zǐ)，ofo找到了我們(men)，他們(men)打算趁着《神偷奶爸3》即将上映，找來國(guó)際賤萌大使——小黃人合作。小黃人+小黃車，這可(kě)能是史上最黃的(de)CP了吧(ba)。
接到brief後，我們(men)就開始思考小黃人和(hé)小黃車的(de)關系，為(wèi)了解決這個問題，我們(men)嚴(ha)肅(ha)認(ha)真(ha)的(de)研究了小黃人的(de)所有(yǒu)系列電影後，決定賦予小黃人一(yī)個特殊的(de)身份：ofo小黃車的(de)工人。對！IDEA的(de)發生并沒有(yǒu)什麽邏輯關系。
于是我們(men)先在新聞和(hé)報紙上刊登了這起驚人的(de)事件。
《小黃人頭條報》
新聞傳開後，有(yǒu)好事者冒死通過H5潛入小黃人車間，ofo的(de)商(shāng)業秘密也被曝光，看看小黃人是怎麽造車的(de)。
《ofo小黃車研發車間》H5
據悉，生産出來的(de)小黃人定制車已投放到各城市(shì)街頭，我們(men)來看看它長(cháng)什麽樣子(zǐ)。
設計圖 vs 真車
才藝展示完，到了藝術人生的(de)環節，音響師就位，燈光師請把燈往這邊打，請把話筒交給負責本次新聞和(hé)報紙的(de)Roger和(hé)Larry。
Roger：“小黃人 x ofo想要生動的(de)、毫無PS痕迹的(de)融合在一(yī)起，還要能讓你們(men)笑，最大的(de)難點就是沒有(yǒu)合适的(de)素材！我和(hé)老Larry遊走街頭，擺好一(yī)輛ofo就是一(yī)頓猛拍，各種姿勢角度，全然不在乎遛狗大爺質疑鄙視(shì)的(de)目光……
接下來就是找小黃人合适的(de)形态，我們(men)下載了所有(yǒu)關于神偷奶爸的(de)電影，每一(yī)個和(hé)小黃人IP合作的(de)廣告，然後一(yī)頓生搬硬套的(de)七拼八湊，還好不負衆望的(de)赢得了客戶的(de)贊賞！
接下去(qù)執行(xíng)階段就是要把所有(yǒu)小黃人換成有(yǒu)版權的(de)素材，有(yǒu)了紮實的(de)畫面，再讓小黃人動起來就簡單多了（呵呵），畢竟我們(men)可(kě)以做(zuò)(lai)彼(ya )此(hu)的(de)(xiang)模(shang)特(hai)呀！能不寫實嘛！”
粉嫩的(de)老Larry vs 小黃人
來，請把話筒交到我這裏，咳咳，我是王雨楊，對，就是那個之前改了50稿設計稿的(de)Art。
這次我負責的(de)是《ofo小黃車研發車間》H5，這次的(de)經曆也是老紮心了，H5從創意落地(dì)到項目上線隻有(yǒu)不到一(yī)個月時間，要構思車間的(de)結構，做(zuò)三維的(de)動畫，以及開發交互，時間的(de)壓力可(kě)想而知。
車間設計草(cǎo)圖
甲乙丙丁方為(wèi)了多一(yī)天時間，争得頭破血流，常常是約定下午兩三點發出的(de)東西，硬是被電腦渲染搞了個通宵，第二天才能發出，以至于我們(men)唯一(yī)的(de)account 同學(xué)Kelvin每天協調各方的(de)時間而焦頭爛額。
為(wèi)此我采訪了Kelvin同學(xué)，Kelvin表示希望金主爸爸可(kě)以把為(wèi)了騙他剪視(shì)頻而答應的(de)小黃車送到意類來！
客戶真的(de)把車送到了意類樓下
工作群裏偶爾會跳出好笑的(de)段子(zǐ)，大家或調侃，或附和(hé)，似乎緊張的(de)工作得到了一(yī)些放松。
然而Kelvin總會在這時候冷不丁來一(yī)句：志高(gāo)（三維負責人），動畫什麽時候可(kě)以出來？
未完的(de)話題戛然而止，波瀾的(de)群立即恢複了平靜。
似乎可(kě)以透過手機(jī)，看見志高(gāo)凝重的(de)表情，緊皺的(de)眉頭，和(hé)煙灰缸裏自(zì)燃到盡頭的(de)香煙。
再有(yǒu)消息，已是第二天了。
生不如(rú)死的(de)三維設計師們(men)（志高(gāo)，戴彬 from Pafassion Lab）
為(wèi)了準确的(de)brief，意類的(de)小夥伴們(men)有(yǒu)時還需要親自(zì)上陣出演。
雖然時間緊張，但過程還算順利，這得得益于客戶的(de)爽快和(hé)信任。每當一(yī)張圖發進客戶群，都會引起客戶的(de)一(yī)陣肯定，甚至是飙髒話的(de)歡呼。這樣的(de)熱情讓我們(men)的(de)設計師有(yǒu)點懷疑人生……
那這個h5是怎麽做(zuò)出來的(de)呢(ne)？
一(yī)開始的(de)想法是做(zuò)一(yī)整條視(shì)頻播放，但客戶需要加入一(yī)些和(hé)用戶的(de)交互，和(hé)開發溝通後，采用了分段序列幀的(de)形式。
關于劇情的(de)序列幀會正常播放，而需要用戶交互的(de)段落就做(zuò)成循環序列幀，用戶需要點擊或搖晃手機(jī)來觸發播放下一(yī)段視(shì)頻。
