爱消除+小王子粘土风格动画H5 制作花絮

  • 时间:
  • 浏览:45

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

下面给大伙分享你这名 痛并充满爱的过程。

一、前期创意

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

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

3.爱消除和小王子结合的问題图片:

文化背景差异:在国外家喻户晓,在国内主要在文艺青年领域被熟知; 调性不同:爱消除休闲快乐,小王子忧郁深沉; 共性过高 :小王子与爱消除游戏玩法的契合点少; 美术风格不同:爱消除Q版简约风格,小王子粘土文艺风格。

剧本创意

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

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

5.调性选着

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

6.风格选着

小王子片方最初不须允许大伙对片中形象做再创作,于是另有4个 角色并都不 风格,需用选着并都不 中和的风格,而粘土风格刚好可否 结合爱消除和小王子童真的共性,让并都不 画风融为一体,有时候 团队中还有高颜粘土达人倾力制作(下文会做删剪介绍不着急哈),于是你这名 方案就这麼愉快的定下来了。

二、制作流程

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

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

文案(创意支持

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

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

剧本有了,接下来动画师和视觉设计师(也而是粘土达人自己)一并草拟分镜,需用要我这名 环节的小伙伴都清楚大伙要做有哪些。

估计这麼我俩可否 看懂这草图(~ ̄▽ ̄)~

对分镜头达成一致后,动画师需用根据剧本和草拟分镜,制作一份动态故事板,也而是动态版的分镜头,把每一幕剧情用简明动画串联起来,把故事讲明白。

你这名 步特别要,其实 按照常规H5页面的流程,是这麼分镜你这名 步的,也而是在洛克王国大电影巨人谷H5动画项目设计前,有过和设计师进行分镜讨论的步骤,但却这麼时间真正出过一版动态故事板。这次与以往不同,需完成时长接近3分钟的长篇动画,需用使用动态故事板把控整体节奏。(动态故事板片段gif图)

粘土制作(视觉设计

动态故事板选着下来后,大伙的粘土达人亚非,开始英语 英语 英语 制作需用用到的粘土造型。你这名 环节非常重要,决定着整个H5的视觉效果。

粘土使用了软陶和轻粘土并都不 材料,软陶制作需用雕刻纹理的部件,轻粘土捏制造型圆润松软的部件,比如角色。捏制完成后,对粘土逐一多宽度拍摄,拍摄过程中需用统一光源,完成后将照片素材放置在PS中模拟出定格画面效果,再将素材PSD提供给动画师。

下面快来欣赏萌萌哒粘土吧

Canvas动画(多媒体设计

在H5环境下,做长篇逐帧定格动画是不现实的,页面会有时候 素材量过大而崩溃,除非做成视频格式,但视频兼容性较差,这麼满足各类投放平台。

于是,大伙选着模拟粘土动画的方案。把需用做动画的素材都拆解成零件在flash中重组,重复的素材可否 多次使用,减少资源占用。参考其中另有4个 分镜的制作,整部动画基本都不 用你这名 法律法子完成的。不过片中这麼多分镜头,设计师在有限时间内这麼把重要的画面设计出来,其余分镜,需用动画师用素材补充删剪。动画制作前一天提交给Canvas前端开发,将其制作成H5,可在手机页面上预览。

Canvas脚本(多媒体开发

这次H5主要面向高端配置的移动设备,尽管这麼,素材量也是相当惊人的,加上上动画时长超2分钟,还有循环背景乐、对应字幕的旁白,动画上方偏离 还有交互,为了节省资源,偏离 景深效果使用代码来实现的,有有哪些都令大伙的脚本哥后期优化花费不少功夫,何况还有最虐的反复修改环节。

有好的文章希望站长之家帮助分享推广,猛戳这里我要投稿