腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程

举报 2016-08-13

全民飞机大战与葫芦娃合作,把葫芦娃IP植入到游戏当中,如何做一个不同寻常的创意H5,让我慢慢道来整个创意的思路和设计过程。

原标题:《全民飞机大战-葫芦x实验室h5项目回顾》
数英网用户原创文章,转载请联系本人

主创团队:

创意脚本:狗哥 

设计:大娃/五娃(逛街)二娃(配娟)三娃(文博) 四娃(狗哥)七娃(吞吞)

 动画:山狗/耗子 ;

开发:虎哥  

鸣谢:泽森/cc

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


葫芦娃H5整体效果

上半年跟进的游戏项目《全民飞机大战》要出一个新版本,与葫芦娃进行合作,把葫芦娃形象植入到游戏当中。于是一个奇怪的脑回路出现,葫芦娃一个个那么能耐怎么就飞不起来呢~这明显不是一个巨星的标配啊,心疼这些孩子!于是创意就这么奇怪的出来了!我们要借助全民飞机大战的力量让这些孩子全部上天!

But!好像全民飞机大战发生在现代啊~我们这些受过高等9年义务教育的是绝对不能让这些孩子穿越的,不然显得我们很没文化,于是我们就设定这些孩子已经死了~嗯!全民飞机大战科研团队发现了一座传说中的葫芦山,传言葫芦七兄弟死后就埋在此地,科研队开山挖出7具尸体后带回到实验室,逐一刨开他们的肚皮看看葫芦娃这么强大技能的由来,并且利用现代黑科技使他们进行合体变成一架超级葫芦娃战机。创意脚本刚一发出审核,就被品牌经理给拍死了~因为太!血!腥!。。。“不要肢解葫芦娃啊~他们那么可爱”产品经理原话。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程

好吧,想想也是可以理解的,年幼时候的偶像就这样被弄死确实挺毁灭。于是我们改成了下面这样:科研团队已经用尽所有办法都无法研制出新战机,于是去探寻传说中的葫芦山寻找神秘力量源,在葫芦山里发现7个葫芦并且带回实验室进行解剖,葫芦内部的结构解释了他们力量的由来,最后进行进行改造后得到新能量并且注入到全民飞机大战中。在没有葫芦娃扑街的情况下,项目组热血沸腾的一致认同通过了创意方案!于是在所有人的欢呼声中开始了葫芦x实验室的创意执行。


创意过程

1、整体调性

按照葫芦娃与打飞机的游戏的关联,其实可以发散很多邪恶的想法(你懂的)。在之前的案例中我们也看到过很多有趣的恶搞葫芦娃的传播案例,但是这次传播案例我们是会以官方的渠道发出,不能把一些小邪恶的耿耿抖出来。与其不能放开手脚的恶搞,不如就做一个把画面做到极致的小创意,走差异化路线,高于动画片和游戏的格调,在官方渠道发出提升品牌好感度。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


2、创意脚本

第一步确定故事脚本与分镜。脚本确定完后把故事线分别埋在相应的页面,让故事在交互中通顺和直白。避免用户进入一个沉重的体验效果。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


3、风格的视觉参考

整体的视觉体积重量和繁简程度我们参考了以下的的图形,尽量做到画面小巧精美,发挥动画的最大优势。接下来把设定好的第一张设计成一张整体视觉的参考图作为模板,让其他领养各自葫芦娃的爸爸妈妈们统一风格。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


4、最重要的葫芦内部创意和执行设计

每个葫芦娃都有各自鲜明的技能特点,为什么大娃力大无穷,为什么三娃刀枪不入,我们从每个技能点里开始了疯狂的头脑风暴,尽量做到让观众产生一些惊喜的体验,这也是设计时候最有挑战和容易出彩的环节。每个葫芦娃的内部结构创意都输出了6套不同的方案,最后逐一进行评估,从表现形式到动画实现可行度等方面来选出最优的方案。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程
腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程

5、实现方式

最后的实现方式也是绞尽脑汁的尝试各种手段,用3d软件建模,绘制,到手工捏制模型,尽量让创意可以用最优的实现方式呈现出来。

四娃的整个设计从造型到内部的结构,采用了真实的葫芦进行切割,再用黏土进行塑形,最后再进行后期修图和动画,整个过程记录在下面的整个片子当中。


四娃制作花絮


腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


6、设计细节

为了还原更真实的质感,从场景的搭建到模型都费了不少心思~用了真实的葫芦,并且进行切割,上色,再到后期修图。格纳柜组装起来后,到摄影棚进行拍摄,最后修图运用到场景当中。


3娃5娃7娃制作过程

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


7、串场设计

每个葫芦完成设计后,我们把葫芦的模型设计成一个单独的图标进行点亮,并且通过文字介绍技能。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


8、动画的设计

在强大的多媒体同学的帮助下,整个葫芦H5的表现效果有了质的提升。大娃,五娃,七娃的设计均用到了3D软件进行建模。

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程  腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程

 腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程  腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程

腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程  腾讯 TGideas 揭秘:葫芦 X 实验室 H5 创意思路和设计过程


经过近一个月的打磨,从创意概念到落地执行,整个过程经历了反复调整,最终也幸好如愿在节点中让葫芦娃顺利上天。

葫芦娃作为我们曾经的超级英雄,我们对他抱有太多的记忆,对葫芦娃的IP进行重新包装创意,过程中温习数遍,希望能从中从新找回记忆,这也让我想起了同年的点滴。现在葫芦娃现在已经30岁了,葫芦娃已经成为我们少年的难忘记忆,全民飞机大战作为腾讯一款经典手游与葫芦娃ip强强联手,期待通过这次合作能够让产品成绩一炮上天。


葫芦娃H5

最后放出整个h5的二维码,大家快来扫码感受不一样的葫芦娃。

点击查看案例:http://www.digitaling.com/projects/18491.html


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

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

    参与评论

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

    参与评论

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

    推荐评论

    全部评论(2条)