• 工信部:鼓励婴幼儿配方乳企质量安全追溯体系建设 2020-01-20
  • 公然侮辱救火牺牲消防战士 一网民被拘15日罚款1000元 2020-01-09
  • 河南省委省直机关工委召开br“学习弘扬焦裕禄同志的‘三股劲’加强机关作风建设”座谈会 2020-01-09
  • 洞庭湖3万亩“私家湖泊”事件续:当地拆除矮围7200米 当事人被刑拘合同将解除 2020-01-05
  • 男人不安全了?日本读心美女机器人,你咋想的它全知道! 2020-01-05
  • 2016最具影响力自行车赛事排行榜TOP100 2020-01-03
  • 潏河滈河部分河段垃圾遍地 排污口附近水体有异味 2019-12-26
  • 黄河发源地青海“多管齐下”确保“一江清水向东流” 2019-12-22
  • 网络媒体新春走基层——西部网新闻频道 2019-12-22
  • 山东栖霞:身边的感动·救援紧急出动——老人放羊掉废井  消防下井救人 2019-12-21
  • 山西省人民代表大会常务委员会 2019-12-21
  • 华谊发布第六季H计划片单《手机2》未受影响仍热拍 2019-12-20
  • 揭幕战-俄罗斯火力全开 5-0横扫沙特 2019-12-20
  • 关键技术要掌握在自己手里 2019-12-20
  • 示范孔子学院大楼在开罗建成 2019-12-19
  • 爱消除+小王子粘土风格动画H5 制作花絮

    2015-11-16 10:56 稿源:腾讯TGideas  0条评论

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

    下面给大家分享这个痛并充满爱的过程。

    一、前期创意

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

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

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

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

    剧本创意

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

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

    5.调性选择

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

    6.风格选择

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

    二、制作流程

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

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

    文案(创意支持

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

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

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

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

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

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

    粘土制作(视觉设计

    动态故事板确定下来后,我们的粘土达人亚非,开始制作需要用到的粘土造型。这一环节非常重要,决定着整个H5的视觉效果。

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

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

    Canvas动画(多媒体设计

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

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

    Canvas脚本(多媒体开发

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

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

    相关文章

    相关热点

    查看更多
    ?
    关闭
  • 工信部:鼓励婴幼儿配方乳企质量安全追溯体系建设 2020-01-20
  • 公然侮辱救火牺牲消防战士 一网民被拘15日罚款1000元 2020-01-09
  • 河南省委省直机关工委召开br“学习弘扬焦裕禄同志的‘三股劲’加强机关作风建设”座谈会 2020-01-09
  • 洞庭湖3万亩“私家湖泊”事件续:当地拆除矮围7200米 当事人被刑拘合同将解除 2020-01-05
  • 男人不安全了?日本读心美女机器人,你咋想的它全知道! 2020-01-05
  • 2016最具影响力自行车赛事排行榜TOP100 2020-01-03
  • 潏河滈河部分河段垃圾遍地 排污口附近水体有异味 2019-12-26
  • 黄河发源地青海“多管齐下”确保“一江清水向东流” 2019-12-22
  • 网络媒体新春走基层——西部网新闻频道 2019-12-22
  • 山东栖霞:身边的感动·救援紧急出动——老人放羊掉废井  消防下井救人 2019-12-21
  • 山西省人民代表大会常务委员会 2019-12-21
  • 华谊发布第六季H计划片单《手机2》未受影响仍热拍 2019-12-20
  • 揭幕战-俄罗斯火力全开 5-0横扫沙特 2019-12-20
  • 关键技术要掌握在自己手里 2019-12-20
  • 示范孔子学院大楼在开罗建成 2019-12-19
  • 太子彩票安卓 福建31选7 山东十一选五开奖结果走势图 085期普京特码资料 360足彩胜负彩 36选7 60彩票2019年最新 街机捕鱼大亨免费下载 华东15选5今晚号码推荐预测 大乐透开奖