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