小青龍為悟空打Call完整H5揭秘!

分享

PALWO朋沃LOL猴哥的項目,手把手教學


來源:palwo


這種手把手的教學分享真的難得一見了。


首先,來介紹一下,大家好,這是我女朋友… 額不對,這是我們又愛又恨的LOL猴哥的項目。


1.png


廢話不多,先來掃碼體驗完再說!


2.png


下面就給大家分享下這個項目的整個執行過程,可以說是“親手”教你怎么做一支H5了!



part1:前期溝通及創意



當我們收到客戶爸爸的Brife時,這簡潔的“需求”屁屁踢讓我們虎軀一震,真是能用4P說完的事,絕不多一個P,重點是開頭結尾還各占了一個P,真是利落。


3.jpg


接到Brife后我們跟產品爸爸溝通過一波電話會議,就開始進入到瘋癲模式!


4.gif


前期的溝通以及敲定創意腳本階段,占了整個項目絕大部分時間。我們從LOL悟空的官方資料出發,再結合全球賽事以及凸顯手辦性格特征等內容,前后一共出了大約五六版方案,到最終確認,差不多花了十幾天。


5.jpg


每天晚上都在喝茶抽煙擼方案…



方案最終大綱:悟空手辦從現實生活中轉入二維世界,在二維世界大鬧一番,途中會經過總決賽各大賽場,最終因為太過于狂妄又被封印回現實生活中去。


當創意內容確認后,就開始具體用文字描細化出每個分鏡內容。

6.png



part2:角色風格確認及腳本分鏡



接下來,原畫同學根據腳本內容畫出角色風格稿并畫出分鏡,使整體故事線以畫面形式完整呈現。


7.jpg


視覺風格參考




根據參考,風格上面我們設定為粗獷線條、大透視為主,猴哥的形象經過原畫小哥之手被我們反復虐N遍后最終是這樣子的。

8.jpg


部分分鏡圖展示

 



part3:動畫呈現方式:補間動畫+逐幀動畫


講述整個故事內容的時候,我們需要從視覺上凸顯悟空的個性桀驁不羈的風格。所以我們決定視頻以補間動畫+逐幀動畫兩種動畫方式來完成。


9.jpg



逐幀動畫參考【日本廣告-泡面誕生之章】



以逐幀部分穿插,補間+漫畫框形式講述整體故事,逐幀部分讓整個視頻層次豐富且因為動作連貫的關系,更容易凸顯悟空的性格特征。

 

~逐幀部分內容

主要呈現在悟空遇見易大師,去挑戰各路英雄,征戰各個城市的賽場。其中與悟空對抗的配角,我們也重新打造符合整體視頻視覺風格的人設圖。


悟空逐幀動態


18.jpg

 悟空逐幀動態峽谷小兵,易大師人設稿

 

除去逐幀部分,剩下部分動畫內容,我們就主要以補間動畫+漫畫框的方式來描述整個故事劇情。(此處神略幾百字…)






part4:悟空手辦現實與二維的結合



H5整體的動畫搞定后,還要完成現實的手辦到二維悟空的轉變,經過多次溝通,我們確認以實拍+一小部分逐幀來完成整個轉變的過程!


19.jpg



實拍部分我們把場景擬定為一位拳頭的畫師正在繪制悟空手辦的形象,悟空不滿畫師所畫的形象從板子中跳出來,

在現實中表達自己的情緒,然后再回到二維中去告訴大家自己的形象應該是什么樣子,這樣的故事情節~


20.jpg

實拍部分分鏡草圖



定格動畫參考 - EZ手辦宣傳視頻


21.png


因為EZ手辦有大部分是三維制作,考慮到時間不夠,所以我們只是借鑒定格的方式,還是以手辦做文章,簡單的做定格,沒有加入三維內容。


22.jpg





part5:驚喜彩蛋:小青龍定制“黑趴”



最后在音樂方面,產品找到游戲哈的小青龍為項目配樂,專門定制了一首悟空手辦的“黑趴”,QQ音樂可以搜索聽到完整版本。


由于歌詞較長,大約在三分鐘左右,植入到H5內時長太久會影響到用戶體驗,所以我們用AU把小青龍的詞進行剪輯后重新編輯,然后在2段節奏上加入節奏,讓2段分開音樂連貫組合起來,最終形成我們現在所聽到的這個版本。


23.jpg



最后在視覺上面,音樂小青龍音樂的植入,我們在H5視覺上加入“中國有嘻哈元素”,讓用戶體驗更為直觀且貼切。



25.jpg



除了以上我們在視覺上模仿有嘻哈的元素上,我們在歌詞中也請專業的音樂團隊幫我們把小青龍整首歌曲的韻腳,各種壓根據有嘻哈的方式逐一呈現出來更直觀的展現給大家!


26.jpg

終于到了結尾......


這種手把手的教學分享真的難得一見了,這么用心不給賞個贊么~


猜你喜歡
  • 小青龍為悟空打Call完整H5揭秘!

    PALWO朋沃LOL猴哥的項目,手把手教學

  • LOL未來戰士·凱特琳

    我們想到以視頻的方式展示,但單純的展示可能吸引力并不大,為了讓人物更鮮活,我們創意以這個角色的背景故事來描述,再通過有特色的內容來提升整個視頻的觀賞亮點。

福建体彩31选7