如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程

举报 2017-09-26

来源:动画学术趴(公众号ID:babblers)
作者:陈女不
本文经授权发布,转载请联系作者

随着技术的普及,刷屏的文章形式也多样化,H5、小视频都成为了最火爆的载体。而近日,小趴的朋友圈中也出现了这么一个有趣的H5动画——《我觉得我的工作想杀了我——你的工作焦虑已上线》,它的主角是一只知名的羊驼——网易野生内容官王三三。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程
是的,王三三就是他↑↑
(此gif也是由今天介绍的动画人做的哦!)

这个H5动画以极其简单的画面与诙谐的场景描述了身处职场中的焦虑感,绝对引起你的共鸣。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程

那么完成这样一个动画背后需要如何更好完成客户的需求?如何展现出动画的主题?动画学术趴特地邀请到幕后作画者陈女不,她将与大家分享刷屏动画背后那些不为人知的细节。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程


讲述人:陈女不

陈女不,原名陈娟娟,毕业于安徽师范大学动画专业,从事原画和动画设计7年,2016年创立玩瞳动画工作室,目前是一位做动画的家庭煮妇~


‖ 创作主题 ‖

职场中的人们在工作时常伴有各种焦虑感,这支动画由三个片段组成,主题分别为拖延症、(老板)洗脑、推锅,将工作中常见的三种现象,通过象征性的道具和行为直接呈现出来,期望达到一种荒诞的幽默感

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程
动画中每个细节都好熟悉


动画中主角的名字叫“王三三”,这是我为他绘制的第三支短片。

今年4月份,受行业前辈蔡博叔的引荐,为网易新闻旗下品牌部主编形象“王三三”创作符合其角色设定的动画。


工作室为王三三的第一部宣传动画


答应邀约之后,我也陷入焦虑中,因为主角虽然具有人类与动物的双重属性,但总体性格设定更趋向于人类。在动画表现上,主角的表演方式更多的是成人化,动作上除了需要含蓄和点到为止,又需要一些神经质的感觉,还要透露出一些黑色幽默的感觉

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程
工作室为节目《谈笑风生王三三》制作的8秒片头动画


我这边之前制作的动画项目比较“外向”,以夸张化的童趣表演方式为主。


陈女不之前的动画作品《松鼠医生》

所以在这支动画的创作过程中,常常会焦虑这个问题——动画中表现出来的“王三三”是客户心中的“王三三”吗?


‖ 沟通细节 ‖

与以往的动画项目不同,这次客户给到的剧本文案比较详细,接近文字分镜脚本,从每个镜头的构成元素到需要什么动作,甚至一些镜头的衔接方式,客户以文字的形式做了非常具体的说明和要求。


动画幕后:通过沟通,每个环节都有变化


有了这个前提,与客户在绘制分镜脚本之前的沟通变得非常有效,甚至细节部分也可以得到基本确定,作为制作方,我这边主要是执行客户的想法。理想的状态是,在动画执行过程中,原封不动的按照文字叙述去表现,那么基本可以不用修改的完成一个项目。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程


但实际的状况是,在语音沟通过程中,由于部分理解偏差,直接导致第一轮静态分镜草稿完成后,客户会反馈有一些不符合心中的设定。于是在之后的一到两天中,每一次的沟通的目的是否定之前的部分创意。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程


作为制作方,这里的工作重心在于重新提供更加优秀的方案;原画设计阶段的沟通,目的在于补充动作表演不够充分的地方,另外有一些艺术设计薄弱的地方需要再一次加强;进入动画制作阶段,这是制作方用时最长、发挥主观性最多的环节,这此沟通的目的主要针对遗漏的小细节(包括穿帮、特效)和节奏部分进行调整,这个环节完成后,就可以愉快的将成片交给声音设计者,后期的沟通主要是配合声音设计做一些镜头时长的增减。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程


总体看来,这支动画在不断改进的过程中越来越完善,这期间当然需要客户和制作方的积极配合和互相理解,项目每推进一个环节,意味着修改前一个环节的内容,会产生试错成本,可能会增加制作周期和制作费用,所以在实际制作过程中,尽量在前期将想法确定。

《工作杀了我》这支动画比原先预计的制作周期要长,这中间出现了一些小插曲,并删除了一些原有的设定,但好在通过双方的努力和不断的沟通,最终赶在上线之前完成。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程
动画截图

所以与客户之间的信任关系是第一位的,没有这个前提,项目会进行的很艰难,最后即使勉强完成了,双方却都不满意。


‖ 创作过程 ‖

这支动画的主角由客户已经设定完成,我这边主要执行动画制作的环节。

在项目进行之初,由于客户提供的剧本文案是先后提供给我的,所以实际制作过程是三个短片穿插进行的,即第一个项目进入原画设计阶段,同时开始另外两个动画的分镜脚本设计阶段,这期间根据第一个动画的原画设计和后两个动画的分镜脚本进行初版音乐的设计。当第一个动画制作完成时,其他两个动画进入原画设计,最后等三个片子的动画一起完成时,再开始进入整体片尾的落版动画设计中。基本上是边摸索着边进行,整个项目持续了一个半月左右,有点拖延症哦~哈哈

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程
动画截图


由于客户想要简笔画的质朴风格,所以动画部分以Flash逐帧手绘动画为主。整支动画是由Flash和AE两种软件分工并合作完成的,Flash负责分镜绘制、原画设计和动画制作,AE则是特效添加和后期合成,为了避免Flash动画的刻板印象——生硬和机械感。这里的动画大部分一拍二,部分特效希望达到更加流畅的效果,会采用一拍一的去绘制中间画。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程

为了让主角的表演具有黑色幽默感,动画设计上作了两个处理,第一是尝试着尽量减小动作幅度,却增加动作的中间动画帧,这样的处理,让动作具有异常平静的反差感;第二是当角色停止动作时,这里借鉴了传统动画的技法,即将停止POSE描摹一张,一拍二,这样即使在停止的情况下,动画仍然也是微动的,如此看起来角色在镜头中会更加生动。


‖ 效果呈现 ‖

感谢所有参与的人,画面最终的呈现效果有一点神经质的感觉,比我想象中的要好一些,因为第一次做这种类型的动画,一直不太敢确定最终会是怎样,不过当我看到Dylan(Muff sound工作室的小伙伴,负责本次声音设计)做好声音的版本时,我觉得很有趣。

如何做一部刷屏H5动画?「工作杀了我」作者亲述与网易合作过程


客观来说,如果需要对这个动画挑毛病的话,从动画的美感呈现上来说,部分镜头的艺术设计可能要再努力一下,虽然整体以线条为主,但稍不注意也会显得简陋,之后有动画项目,我希望可以邀请到一位专业的艺术指定来合作,嗯,这次分享就到这里吧~感谢学术啪啪啪~

王三三动画和形象版权归网易传媒科技(北京)所有


动画学术趴(公众号ID:babblers)
1506396606369235.jpg

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

    参与评论

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

    参与评论

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

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)