学生教材网 >电脑教程 > 网页设计 > HTML5 > 浏览文章

揭秘爱消除+小王子粘土风格动画HTML 5制作全过程

来源:网络编辑:佚名时间:2015-11-16人气:

方佳全,影视帝国bt,王铭章将军的简历

下面为您介绍揭秘爱消除+小王子粘土风格动画HTML 5制作全过程的文章:

   大家好,我是腾讯TGideas的动画师二娃,有幸参与这次联合《小王子》电影推出爱消除小王子游戏版本的世界观推广H5,同时我们还做了另一版,作为游戏内嵌世界观,分别在国庆长假后,在微信、手Q、以及公关传播等平台推广,数据反馈也很棒,下面给大家分享这个痛并充满爱的过程。

  一、前期创意

  1. 目的:天天爱消除与《小王子》电影合作,推出小王子游戏版本,需要一个预热推广H5。

  2. 创意主要参与人员:游戏营销、创意支持、视觉设计、多媒体设计等负责人。

  3. 爱消除和小王子结合的问题:

  文化背景差异:在国外家喻户晓,在国内主要在文艺青年领域被熟知;

  调性不同:爱消除休闲快乐,小王子忧郁深沉;

  共性不足:小王子与爱消除游戏玩法的契合点少;

  美术风格不同:爱消除Q版简约风格,小王子粘土文艺风格。

揭秘爱消除+小王子粘土风格动画HTML 5制作全过程 三联
21xwz20151116

  剧本创意

20xwz20151116

  我们在故事中设定了一个喵星球,将爱消除的核心玩法,构建成这个星球的世界观,希望借小王子的视角,探索其中奥秘。

  根据小王子原作中以孩童的视角赞颂真善美,我们希望结合爱消除,以“消除烦恼”作为关键切入点,连接小王子的纯净世界,感悟成长。

  5. 调性选择

  根据剧本创意,我们前期计划动画、音乐、配音都是走小王子的调性。由于版权原因没能直接使用《小王子》电影原声音乐,于是参考其神秘感和故事性,决定由团队原创,配音一致选择童声。不过,到最后音乐和配音还是出现让我们始料未及的变动,下文详说。

  6. 风格选择

  小王子片方最初并不允许我们对片中形象做再创作,于是两个角色两种风格,需要选择一种中和的风格,而粘土风格刚好可以结合爱消除和小王子童真的共性,让两种画风融为一体,并且团队中还有高颜值粘土达人倾力制作(下文会做详细介绍不着急哈),于是这个方案就这么愉快的定下来了。

  二、制作流程

  说了这么多,究竟做一个粘土动画H5应该准备哪些东西?以下内容较多,先放一张大概的分工流程示意图。

19xwz20151116

  文案确认后3周内出H5 DEMO, 还要预留后期的优化时间,如果按照上述的工作一步一步做的话,天天加班也做不完,必须各个分工同步交叠进行。比如在文案编写的同时,粘土试验和背景乐制作都在进行了,在粘土制作的同时,动态故事板也在同步进行,把工作搭配好可以加快整体进度。

  文案(创意支持)

  首先是剧本文案,故事的核心。在流程上必须尽早确认,以便接下来工作的展开。说个题外话,前期我们和文案的同学一起聊剧本,现场大伙居然把自己聊感动哭了,想必都走心了,无论最后传递到观众那里能接收几成,但最初创作要满,先把自己打动,并在实现过程中尽可能保留那份感动。

  分镜 / 动态故事板(多媒体设计)

  剧本有了,接下来动画师和视觉设计师(也就是粘土达人本人)一同草拟分镜,需要让这一环节的小伙伴都清楚我们要做什么。

18xwz20151116

  估计只有我俩才能看懂这草图(~ ̄▽ ̄)~

关于“吴亦凡入伍”H5背后的故事

创意永远是命题作文,项目初期团队了解到:

火爆的“吴亦凡入伍”HTML5背后有哪些设计故事?

早上一睁眼,朋友圈被吴亦凡入伍的H5刷屏,创意受到了广泛的关注,很多人开始找到我了解创作背景,有恭喜的,有质疑的,也有各种分析的。既然火到这个程度,我就借着热度还没有过去,说说团队创作这个H5创意的完整过程。

热门推荐