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