小青龍為悟空打Call完整H5揭秘！
首先，來介紹一下，大家好，這是我女朋友… 額不對，這是我們又愛又恨的LOL猴哥的項目。
廢話不多，先來掃碼體驗完再說！
下面就給大家分享下這個項目的整個執(zhí)行過程，可以說是“親手”教你怎么做一支H5了！
part1：前期溝通及創(chuàng)意
當(dāng)我們收到客戶爸爸的Brife時，這簡潔的“需求”屁屁踢讓我們虎軀一震，真是能用4P說完的事，絕不多一個P，重點(diǎn)是開頭結(jié)尾還各占了一個P，真是利落。
接到Brife后我們跟產(chǎn)品爸爸溝通過一波電話會議，就開始進(jìn)入到瘋癲模式！
前期的溝通以及敲定創(chuàng)意腳本階段，占了整個項目絕大部分時間。我們從LOL悟空的官方資料出發(fā)，再結(jié)合全球賽事以及凸顯手辦性格特征等內(nèi)容，前后一共出了大約五六版方案，到最終確認(rèn)，差不多花了十幾天。
每天晚上都在喝茶抽煙擼方案…
方案最終大綱：悟空手辦從現(xiàn)實(shí)生活中轉(zhuǎn)入二維世界，在二維世界大鬧一番，途中會經(jīng)過總決賽各大賽場，最終因為太過于狂妄又被封印回現(xiàn)實(shí)生活中去。當(dāng)創(chuàng)意內(nèi)容確認(rèn)后，就開始具體用文字描細(xì)化出每個分鏡內(nèi)容。
part2：角色風(fēng)格確認(rèn)及腳本分鏡
接下來，原畫同學(xué)根據(jù)腳本內(nèi)容畫出角色風(fēng)格稿并畫出分鏡，使整體故事線以畫面形式完整呈現(xiàn)。
視覺風(fēng)格參考
根據(jù)參考，風(fēng)格上面我們設(shè)定為粗獷線條、大透視為主，猴哥的形象經(jīng)過原畫小哥之手被我們反復(fù)虐N遍后最終是這樣子的。
孫悟空不同視角
人物完成后是分鏡內(nèi)容，H5呈現(xiàn)的方式主要以視頻形式為主，宣傳手辦產(chǎn)品本身，所以沒有增加過多交互，以品牌呈現(xiàn)為主。
部分分鏡圖展示
part3：動畫呈現(xiàn)方式：補(bǔ)間動畫+逐幀動畫
講述整個故事內(nèi)容的時候，我們需要從視覺上凸顯悟空的個性桀驁不羈的風(fēng)格。所以我們決定視頻以補(bǔ)間動畫+逐幀動畫兩種動畫方式來完成。
逐幀動畫參考【日本廣告-泡面誕生之章】
以逐幀部分穿插，補(bǔ)間+漫畫框形式講述整體故事，逐幀部分讓整個視頻層次豐富且因為動作連貫的關(guān)系，更容易凸顯悟空的性格特征。
·逐幀部分內(nèi)容
主要呈現(xiàn)在悟空遇見易大師，去挑戰(zhàn)各路英雄，征戰(zhàn)各個城市的賽場。其中與悟空對抗的配角，我們也重新打造符合整體視頻視覺風(fēng)格的人設(shè)圖。
悟空逐幀動態(tài)
峽谷小兵，易大師人設(shè)稿
除去逐幀部分，剩下部分動畫內(nèi)容，我們就主要以補(bǔ)間動畫+漫畫框的方式來描述整個故事劇情。（此處神略幾百字…）
part4：悟空手辦現(xiàn)實(shí)與二維的結(jié)合
H5整體的動畫搞定后，還要完成現(xiàn)實(shí)的手辦到二維悟空的轉(zhuǎn)變，經(jīng)過多次溝通，我們確認(rèn)以實(shí)拍+一小部分逐幀來完成整個轉(zhuǎn)變的過程！
實(shí)拍部分我們把場景擬定為一位拳頭的畫師正在繪制悟空手辦的形象，悟空不滿畫師所畫的形象從板子中跳出來，在現(xiàn)實(shí)中表達(dá)自己的情緒，然后再回到二維中去告訴大家自己的形象應(yīng)該是什么樣子，這樣的故事情節(jié)~
實(shí)拍部分分鏡草圖
定格動畫參考 - EZ手辦宣傳視頻
因為EZ手辦有大部分是三維制作，考慮到時間不夠，所以我們只是借鑒定格的方式，還是以手辦做文章，簡單的做定格，沒有加入三維內(nèi)容。
part5：驚喜彩蛋：小青龍定制“黑趴”
最后在音樂方面，產(chǎn)品找到游戲哈的小青龍為項目配樂，專門定制了一首悟空手辦的“黑趴”，QQ音樂可以搜索聽到完整版本。
由于歌詞較長，大約在三分鐘左右，植入到H5內(nèi)時長太久會影響到用戶體驗，所以我們用AU把小青龍的詞進(jìn)行剪輯后重新編輯，然后在2段節(jié)奏上加入節(jié)奏，讓2段分開音樂連貫組合起來，最終形成我們現(xiàn)在所聽到的這個版本。
最后在視覺上面，音樂小青龍音樂的植入，我們在H5視覺上加入“中國有嘻哈元素”，讓用戶體驗更為直觀且貼切。
除了以上我們在視覺上模仿有嘻哈的元素上，我們在歌詞中也請專業(yè)的音樂團(tuán)隊幫我們把小青龍整首歌曲的韻腳，各種壓根據(jù)有嘻哈的方式逐一呈現(xiàn)出來更直觀的展現(xiàn)給大家！
終于到了結(jié)尾......
這種手把手的教學(xué)分享真的難得一見了，這么用心不給賞個贊么~
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）