创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

举报 2016-07-08

所谓“水墨风格”,因其强烈的东方美学倾向,已经太多次用在各个领域。无论是电影、广告、游戏,甚至时尚领域,都可以找到其身影。

原标题:挥洒凌厉的动态水墨风格创作思路
数英网用户原创文章,转载请联系本人

Movie - Kung Fu Panda 3

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

Video game - Street Fighter V

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

Fashion - Gareth Pugh Autumn / Winter 2009 by Ruth Hogben SHOWstudio

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

在近期完成的移动端H5作品《朝日啤酒超爽一击活动,免费击出你的超爽足球风》中,就被要求制作具有强烈水墨风格的过场动画。

这里要感谢我的插画师同事 @Bruce Ji 童鞋的出色绘制!基于移动端屏幕的大小,运用漫画的分割形式,在有限空间里,极力表现出了足够丰富的内容。同时,每个细节的绘制过程中,都充分考虑到了水墨表现的延展性,给予了我足够的发挥空间。

接下来就是考虑动态的表现方式了。首先,作为基础,以下几个点非常重要:

1. 因为H5的媒介特性,其核心要点在于传播的顺畅不卡滞。因此全屏动画的时长不宜过长,以尽可能地减少加载所耗费的时间。

2. 同理,为了保证播放的顺畅,内嵌视频的压缩比率和画质间的权衡也是需要经过反复推敲的。比如,水墨风格(黑白灰)可以降低色彩信息的容量,画面速度加快也可以让低画质在视觉上显得不那么突兀。

3. 这段过场动画的作用,是在游戏接近尾声时给予观众成功或失败的及时反馈。因此,干脆、有力、迅捷地把结果呈现给观众是非常必要的。而且,这次的内容也和足球运动有关,挥洒凌厉的视觉印象成了我的主要制作目标。


通常提到水墨的动态形式,直观的印象就是舒缓、大气、沉稳。譬如,缓缓晕染开的墨迹,层层铺陈的自然山水,写意的自然花鸟等。2015年,Netflix的原创剧集《Marco Polo》的片头动画就是个中翘楚。观众随着慢慢流动的墨晕和大气史诗的东方旋律,逐渐被带入马可波罗的时代。

Marco Polo - Title sequence

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路   创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

但这种形式和我们前述的要点相违背。我们所要寻找的是更加爽快的动态形式。Capcom的经典格斗游戏新作《Street Fighter V》的开场动画,就将水墨的动态笔触运用到了极致。严格来讲,动画本身属于全三维渲染,但可见细节上大胆借鉴了很多水墨技法,营造了爽快凌厉的动态效果。

Street Fighter V - Opening sequence

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路   创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

我所做的第一步,是将角色的肢体进行图层拆分,捕捉瞬间的动作,构建细节。这样可以让动势更丰富,更耐看。如下图,捕捉守门员蓄势待发时微微下蹲的动态,让画面有一触即发的感觉。动势并不是很大,但在转瞬即逝的动画里,观众的视觉仍然可以察觉到细微的不同。微微的动作倾向和完全僵直的静态图层,会让最终的成品效果大有不同。

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路  

 创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

然后,将动态的角色放入场景中,拉开前后的纵深距离,并始终将摄像机置于运动当中,不让观众视觉有停滞的感觉。为了表现攻守双方严阵以待的紧张感,还可以瞬间拉近镜头,将焦点集中在足球上。这样的表现方法,一是可以拉开对峙双方的空间;二是可以丰富视觉体验,稍稍破除传统漫画排版的思维定势。

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

接着,搭建三维场景。整个足球场,应该是非常空旷的,所以,需要考虑如何把空间距离拉远。搭建简单的三维环境,有助于突破原本平面的局限,让场景立体生动起来。镜头的操控同样重要。我选择让摄像机跟随飞速前进的足球,穿越球场,营造视觉冲击和速度感。

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

顺便一提足球本身的旋转运动。显而易见,纸片似的足球,是无法满足全三维场景的需求的。所以,我借助了VideoCopilot出品的AE三维插件Elements3D V2,去制作尽可能真实可信的三维足球。并且在后期添加了相当漫画感的速度线条,让足球的旋转有了“高速”的视觉印象。

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

场景与场景之间的转换,考虑用大块的黑白笔触,快速涂抹过画面,营造视觉上的强对比。转场时,摄像机镜头也会做出大幅度的动势,让画面更激动人心,抓人眼球。

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

 创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

最终的动画效果如下(音画完整版本请扫描下方二维码体验):

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路   创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路   创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路

扫描二维码,立即体验超爽时刻!
(数英网 App 用户需点击放大二维码后,长按识别)

创作者揭秘:挥洒凌厉的朝日啤酒水墨风 H5 创作思路


我之前写过的其它关于动态创作思路的文章,有助于构建动态创造的基础思维方式。请参见下方链接:

《最有生命力的动态效果,都遵循这12条经典原则(上)》

《最有生命力的动态效果,都遵循这12条经典原则(下)》

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(4条)