超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

一、项目背景


超级QQ秀全面上架“DIY画布”功能——「服装设计师编辑器」。用户可在一些列数字潮品上,肆意释放自己的美学想象。


提到潮流,VANS都是绕不过的符号。但很多人不知道的是,VANS除了潮流属性,还是将创作权交给用户的品牌。正如鞋款的代表材质canvas,意为帆布材料,也是穿着者的个性画布。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅(图片来自vans官网)

拥有共同创作基因的二者一拍即合,在11月3日,联名推出:新次元宇宙·创作者设计大赛。




二、项目策略


「创作」背后之意是自定义。此次策略的破题点在于,如何不丢失双方品牌基因的前提下,又能凸显出,随心所欲的创作感。


繁简有度。“繁”分配给「多元化展示」,简留给「产品本身」,整体策略基调定为:

在极简的产品逻辑下,尽可能的打开更多的风格可能性。


2.1 创意


对双方品牌资产梳理过后,发现承载策略的执行创意,答案竟在题面处。 

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅VANS的slogan——OFF THE WALL,原意是指,用滑板以极快的速度从碗池飞出,并且以美丽的旋转弧线重新回到碗池的动作,由滑板界的元祖级人物Tony Alva完成。

至此,创意的雏形呼之欲出——


由avatar完成一个一镜到底的「OFF THE WALL」动作,镜头始终聚焦在鞋履,通过不同画风与材质的变换来完成「风格破壁」。诠释新次元宇宙版的OFF THE WALL精神。



2.2 执行


动画脚本设计


全片以OFF THE WALL动作负责「视觉线索」,avatar鞋款的花式变幻负责「个性全开」。怎样让VANS的灵魂的印花图案“灵动起来”是视觉上的处理难点。


于是,在执行层面,设计为动作和鞋款变幻,双主线进行。


动作主线:由男生 avatar一镜到底完成OFF THE WALL标志性720度连续转体动作。


鞋款变幻主线:配合动作主线,从地面到滞空,不断呈现编辑状态和印花切换。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅故事版节奏设计

2D&3D素材重塑


前期需要对资产进行整备,高质量的资产,非常利于后期制作的便利性及画面的质感表现。


2D资产准备


VANS的印花文化,从品牌创立,延承至今。回归到视频到对「个性全开」的多样性展示需求,素材选定从色彩多样性、元素多样性、风格多样性三纬度来平衡,最后选用动物、自然、抽象元素三大类印花。

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅部分选定鞋款

原版印花是分辨率较低的静态素材,要让它们变成符合预期品质的动态图像,分为三步曲完成:首先,全部进行逐帧重绘;然后,依据故事版节奏,进行动态路径设计;最后,提取印花主色,补充氛围动画。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅TYAKASHA Mr.Green & 小雏菊 & 拼色等印花


对场地和滑板,则结合超级QQ秀logo与现实VANS场地惯用涂装样式,进行整合设计,让品牌元素更自然的融入场景。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅滑板与场地纹样设计


3D资产准备


动画选用男女双avatar主角,服饰挑选街头感穿搭。鞋款上,从经典的old-skool到“一脚蹬”slip-on等,一一进行复刻3D还原。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

动作绑定上,因需要avatar高度还原真实滑板动作,所以对资产进行适合动画师制作的超高精度绑定,一方面大大增强还原效果,同时大幅缩减制作周期,可以“降本增效”的去进行定制化动作输出,专门服务于难度较高的动作表达。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

场景营造上,设计原型选用加利福尼亚洲的“圣莫尼卡海滩”风光,布光定格为落日余晖的光影效果,整体营造出复古时尚的滑板文化风格。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

动作设计上,采用了滑板经典动作kickflip(尖翻),兼顾鞋款的编辑展示,也是对Tony Hawk(滑板巨星)的空中旋转的彩蛋致敬。


超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅


2.3 剪辑风格化处理


字体


方格子是VANS的灵魂元素之一,在字体上同步选用方块型构造的字型。另外,辅助以牛皮纸复古纹理与街头喷漆的动效方式出现。

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

动态元素

根据滑板动作特点,定向选用匹配的卡通手绘风格特效,通过烟雾、爆炸、速度线多种形式,营造更强的动态趋势和醒目感。

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

渲染

为了增强风格化,在前期渲染上也进行了卡通材质的表达,穿插剪辑到成品中。

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

将重绘的动态印花图案与鞋款模型合成,并根据不同的自定义编辑方向,如:笔刷工具、选取框,编辑器等,进行最终的动画化。

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅3个主要展示编辑态的动画部分



结尾


联名的公式就是没有定式。通过洞察双方共通的「赋权创作者」底层逻辑,随即在上层表现上自然找到,让超级QQ秀的变为创意编辑工具,VANS鞋款为画布的组合方式,共同完成一次风格破壁之旅。对品牌的深挖与理解,让视觉呈现更大的外在张力。

(活动页面请点击文末“阅读原文”)








PS: ISUX 开通微信粉丝群啦!
欢迎扫码加入一起聊设计
(入群暗号:ISUX)

超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅


以下ISUX文章,你可能也感兴趣
 
能量满满 生机焕发|QQ游戏中心体验升级
ISUX「十月」行业设计趋势速递
TDW2022 腾讯设计周 精彩回顾
方寸之间纵览世界-浅析数字时代地图设计
QQ音乐超级订阅的全链路设计





超级QQ秀 ╳ VANS创意TVC幕后|一镜到底的风格破壁之旅

凝集腾讯设计优质内容
更多精彩分享请关注
 ▼


本篇文章来源于微信公众号: 腾讯ISUX

UI/UX视觉/平面

促销卖场屏效浅析

2022-12-6 16:30:00

视觉/平面

盒区Family|家族的诞生

2022-12-9 16:15:28

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索