广告人干货库 广告人干货库
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方
  • 注册
  • 登录
🔥广告公司导航    🔥方案库    🔥案例库    🔥加VIP会员    🔥4A公司招聘
🔥广告公司导航    🔥方案库    🔥4A公司招聘

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

TonyTong
5 年前

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

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

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条经典原则(下)》


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



品牌策略品牌营销品牌营销干货广告人干货库
TonyTong
Every Experience Feeds Ideas.

TonyTong

Every Experience Feeds Ideas.
1
文章
0
评论
0
获赞

找工作

👉 想跳槽,要涨薪,找工作,就上4A招聘

快讯

立秋仪式感,沪上阿姨奉上秋日第一杯宠爱
8 小时前
时隔十年重逢,宋茜出任 OLAY 全新品牌代言人
13 小时前
百事户外大屏创意出圈
2 天前
杭州地铁泥猫海报引发网络热议
2 天前
更多

扫码进品牌营销案例群

热文推荐

TOP1
淘小宝联名的风,刮到了异宠界
4 周前
TOP2
品牌叙事,能为品牌解决什么问题
4 天前
TOP3
品牌的文化感
1 周前
TOP4
Apple×岳云鹏第4季:隐私保护用 iPhone,省心
4 周前
TOP5
葵花熊胆痔灵膏,把难言之隐玩成「疼痛艺术」
1 周前

好文推荐

“千元丑鞋”昂跑,凭什么让中产买单?
谁懂啊,既下山这个品牌太好了
如何提升销售额?一个公式拆解增长密码!

专题展示

世界杯营销案例28

创意干货55

品牌30讲27

品牌咨询行业的10大误导纠错13

品牌定位40讲40

小红书运营143

品牌方推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

广告公司推荐

avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for
avatar for

方案怎么写,扫码来干货库看看

  • 方案库
  • 加 VIP 
  • 用户评价
  • 行业报告库
  • 关于我们
Copyright © 2020-2026 广告人干货库. Designed by nicetheme. 网站地图 川公网安备51015602000692号 蜀ICP备2023018979号
  • 广告人干货库19093
  • 品牌营销6027
  • 案例库5749
  • 品牌营销案例库5531
  • 品牌策略3376
现在登录
  • 快讯新鲜
  • 营销
    • 资讯
    • 洞察
    • 创意
    • 品牌
    • 策略
    • 文案
    • 设计
    • 运营
    • 电商
    • 传播
    • 日常
    • 书单
  • 案例库
  • 方案库热门
  • 专题库
  • 广告公司导航
  • 4A招聘官方