創(chuàng)作者揭秘：揮灑凌厲的朝日啤酒水墨風 H5 創(chuàng)作思路
所謂“水墨風格”，因其強烈的東方美學傾向，已經(jīng)太多次用在各個領(lǐng)域。無論是電影、廣告、游戲，甚至時尚領(lǐng)域，都可以找到其身影。
原標題：揮灑凌厲的動態(tài)水墨風格創(chuàng)作思路
數(shù)英網(wǎng)用戶原創(chuàng)文章，轉(zhuǎn)載請聯(lián)系本人
Movie - Kung Fu Panda 3
Video game - Street Fighter V
Fashion - Gareth Pugh Autumn / Winter 2009 by Ruth Hogben SHOWstudio
在近期完成的移動端H5作品《朝日啤酒超爽一擊活動，免費擊出你的超爽足球風》中，就被要求制作具有強烈水墨風格的過場動畫。
這里要感謝我的插畫師同事 @Bruce Ji 童鞋的出色繪制！基于移動端屏幕的大小，運用漫畫的分割形式，在有限空間里，極力表現(xiàn)出了足夠豐富的內(nèi)容。同時，每個細節(jié)的繪制過程中，都充分考慮到了水墨表現(xiàn)的延展性，給予了我足夠的發(fā)揮空間。
接下來就是考慮動態(tài)的表現(xiàn)方式了。首先，作為基礎(chǔ)，以下幾個點非常重要：
1. 因為H5的媒介特性，其核心要點在于傳播的順暢不卡滯。因此全屏動畫的時長不宜過長，以盡可能地減少加載所耗費的時間。
2. 同理，為了保證播放的順暢，內(nèi)嵌視頻的壓縮比率和畫質(zhì)間的權(quán)衡也是需要經(jīng)過反復(fù)推敲的。比如，水墨風格（黑白灰）可以降低色彩信息的容量，畫面速度加快也可以讓低畫質(zhì)在視覺上顯得不那么突兀。
3. 這段過場動畫的作用，是在游戲接近尾聲時給予觀眾成功或失敗的及時反饋。因此，干脆、有力、迅捷地把結(jié)果呈現(xiàn)給觀眾是非常必要的。而且，這次的內(nèi)容也和足球運動有關(guān)，揮灑凌厲的視覺印象成了我的主要制作目標。
通常提到水墨的動態(tài)形式，直觀的印象就是舒緩、大氣、沉穩(wěn)。譬如，緩緩暈染開的墨跡，層層鋪陳的自然山水，寫意的自然花鳥等。2015年，Netflix的原創(chuàng)劇集《Marco Polo》的片頭動畫就是個中翹楚。觀眾隨著慢慢流動的墨暈和大氣史詩的東方旋律，逐漸被帶入馬可波羅的時代。
Marco Polo - Title sequence
但這種形式和我們前述的要點相違背。我們所要尋找的是更加爽快的動態(tài)形式。Capcom的經(jīng)典格斗游戲新作《Street Fighter V》的開場動畫，就將水墨的動態(tài)筆觸運用到了極致。嚴格來講，動畫本身屬于全三維渲染，但可見細節(jié)上大膽借鑒了很多水墨技法，營造了爽快凌厲的動態(tài)效果。
Street Fighter V - Opening sequence
我所做的第一步，是將角色的肢體進行圖層拆分，捕捉瞬間的動作，構(gòu)建細節(jié)。這樣可以讓動勢更豐富，更耐看。如下圖，捕捉守門員蓄勢待發(fā)時微微下蹲的動態(tài)，讓畫面有一觸即發(fā)的感覺。動勢并不是很大，但在轉(zhuǎn)瞬即逝的動畫里，觀眾的視覺仍然可以察覺到細微的不同。微微的動作傾向和完全僵直的靜態(tài)圖層，會讓最終的成品效果大有不同。
然后，將動態(tài)的角色放入場景中，拉開前后的縱深距離，并始終將攝像機置于運動當中，不讓觀眾視覺有停滯的感覺。為了表現(xiàn)攻守雙方嚴陣以待的緊張感，還可以瞬間拉近鏡頭，將焦點集中在足球上。這樣的表現(xiàn)方法，一是可以拉開對峙雙方的空間；二是可以豐富視覺體驗，稍稍破除傳統(tǒng)漫畫排版的思維定勢。
接著，搭建三維場景。整個足球場，應(yīng)該是非?？諘绲?，所以，需要考慮如何把空間距離拉遠。搭建簡單的三維環(huán)境，有助于突破原本平面的局限，讓場景立體生動起來。鏡頭的操控同樣重要。我選擇讓攝像機跟隨飛速前進的足球，穿越球場，營造視覺沖擊和速度感。
順便一提足球本身的旋轉(zhuǎn)運動。顯而易見，紙片似的足球，是無法滿足全三維場景的需求的。所以，我借助了VideoCopilot出品的AE三維插件Elements3D V2，去制作盡可能真實可信的三維足球。并且在后期添加了相當漫畫感的速度線條，讓足球的旋轉(zhuǎn)有了“高速”的視覺印象。
場景與場景之間的轉(zhuǎn)換，考慮用大塊的黑白筆觸，快速涂抹過畫面，營造視覺上的強對比。轉(zhuǎn)場時，攝像機鏡頭也會做出大幅度的動勢，讓畫面更激動人心，抓人眼球。
最終的動畫效果如下（音畫完整版本請掃描下方二維碼體驗）：
掃描二維碼，立即體驗超爽時刻！
（數(shù)英網(wǎng) App 用戶需點擊放大二維碼后，長按識別）
我之前寫過的其它關(guān)于動態(tài)創(chuàng)作思路的文章，有助于構(gòu)建動態(tài)創(chuàng)造的基礎(chǔ)思維方式。請參見下方鏈接：
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
全部評論（4條）