特别篇 来制作二觉动态cutin吧

 
发布日期：2018年5月20日




大家好，这里是深夜动画节目肥猫池塘
我是鄙视猫


前排提醒：本期gif图大量发生，流量党看到此信息尽快关闭以免造成惨痛的损失

dnf在国服即将迎来第十个年头了，而韩服也即将在接下来的发布会里公布新的等级上限内容
可以说是非常让玩家们激动的时刻
肥猫池塘也即将迎来20期，结合上面的因素，打算在20期里面来总结一下到目前为止的dnf的历史时刻，并做一个展望
当然，现在还不是时候
这一期是特别篇，在20期正传之前，先来一点轻松的内容吧
这一期要讲的东西是“动态立绘”


dnf在大转移版本左右引进了大量的新技术，我们说熟知的分尸效果、影子调用效果等都是大转移时期初次出现的
而其中最帅的新技术就是上图所示的动态立绘

在大转移半年前dnf官方开始了全职业二觉计划，从此二觉立绘就成为了未来5年内各个玩家好像在追连续剧一样的热点内容
二觉立绘所表达出来的职业设定和二觉动图表现的逼格一向都是玩家津津乐道的内容
但是玩家们知道这种图像是怎么做出来的吗？是一种3d模拟2d的黑科技吗？
不是的，认真观察上面的二觉动图你就会得到答案


留意到了吗

红色的衣服内部有一小部分进行了所谓的“穿模”，在左手肩膀的上方出现了
也就是说，所谓的二觉动态立绘就是把需要动的部分拆开，然后通过视频编辑软件进行扭曲、拉伸、旋转以及约束而已
其实这是一种名为live2d动画的技术，通过把素材分开使用骨骼动画进行播放获得连续的2d甚至3d效果的技术

Live2d技术被广泛运用于游戏中
因为不需要花费太大的精力绘制连续运动的运动帧，只需要一张精细的立绘为素材就能活动起来
遇到了广大游戏制作者的喜爱

Live2d有专用的格式，但是对于二觉动画而言，他单纯是使用类似live2d技术制作的动画而已
最终的成品也只是一连串的png序列，也就是说，官方制作这个动画的时候，本身就不作为live2d去做，而是当作视频来做
既然说到这里了，知道了原理之后我们能不能自己做一个出来呢
答案当然是可以，下面就由我来演示一遍二觉动图是怎么从无到有地被制作出来的吧
有心的补丁党也可以根据这个流程来制作专属于自己的动态立绘哦

首先，请今晚的主角出场

以她为模特，来进行二觉动画的制作
在进行动画制作之前，先把立绘绘制出来吧
要做成dnf的技能立绘，首先需要的就是立绘的设定感，也就是立绘里面必须要表达什么内容，让立绘不至于太空虚
其次就是要考虑到立绘在制作成动画的时候进行素材化以及动态表现的难度

第二个是最重要的，如果用的姿势太过难动起来，基本上就是玩脱了
举个例子，蓝拳二次觉醒立绘

这样的姿势你能想象出他应该怎么动起来吗？
而且衣服的素材变形太夸张，在进行动画化的时候也是非常难处理的


最后的二觉立绘可以发现，衣服只有衣袖和衣领有飘动了，衣服的本体基本上没有太大的飘动感
动作本身也没有太大的幅度，这个可以想象出动画制作的时候是多么的妥协了

回到正题，根据蚩幽余吃鱿鱼的时装，先画出立绘的人设图
当然现在这个情况而言，是先有人设再有时装

我们这次选用的是右上角的符合游戏内时装的那个
右上角的人设，在进行设定时的关键词为“湿婆”，湿婆为印度教里面象征“毁灭”和“创造”的神
人设里面表现为跟随在身后的转轮，缠绕着树叶、紧握着由生命力量形成的投枪的创造之右手
以及握着战戟象征着毁灭的毁灭之左手

确定了立绘要表达的元素之后，接下来就是想一个姿势出来
既然初设是借鉴湿婆这个设定的，那么我们就直接使用湿婆的姿势吧
湿婆不仅是印度神话里的毁灭神，他同时也是一个舞神
立绘的姿势，也选用和跳舞有关的柔和姿势吧

著名的湿婆之舞
根据这个姿势的感觉，描绘大体的姿势图出来

在这个基础上进行进一步的细化，把要画进去的东西都画进去打好草稿
选用这个姿势发现，要让双手都拿东西太蛋疼了，所以妥协了一下，把原先的发光投矛融合到战戟上面，变成一体化的武器
而空着的手摆出跳舞的姿势

接下来根据人设图的信息描好线稿

描绘的时候，在原人设的基础上进行了大量修改来让整体形象更加顺眼
裙摆+脚的造型参考了鱿鱼的触手，来玩她的名字梗
左手故意画大一点来营造一种生长感

值得一提的是，在描绘线稿的时候就要开始考虑这个要怎么动起来了
自己画的画最大的优点在于，要用来做什么，完全是自己来决定的
所以为了我们的动画着想，要动的部分的线稿还是好好地分开图层不要拼合在一起吧


然后就是上底色

当然每个人画画习惯不同，也有直接厚涂最后才画线的，例如描绘女柔道二觉和血法二觉的画师
这样对绘画能力的需求比较高，我水平过低完全玩不来
在上底色的时候，发现头上的花太呆板了，所以重画了一朵
画原画就是一个不断推翻的过程，这是没办法的事情……
原设定里面后面的转轮是由光形成的，但是这里也尝试了画成实体，看看是什么感觉

耐心地上好色...

整体而言颜色还是不大满意，后面的转轮太过突兀了，进行下一步的调整，尝试把转轮按回原设弄成发光的

尝试加了一下环境光看看效果，不喜欢

算是完成了
总过程还只是完成了一半而已呢...
把上面拆开的线稿和上色拼合成一个图层，如果线稿是一个整体的话这一步就要蛋疼致死了

这一步还是远远不够的，我们还得对这些素材进行二次分解，把要动的地方彻底分出来，并且补上缺漏
这时候可以策划一下要怎么动起来了

轮子转动，衣服和头发、羽衣进行扭曲模拟飘动，手和脚都会运动
加入眨眼动作
拆分完成！

把素材的坐标位置都安排好，导入ae里面

绑定好父子关系

作为父的图层在进行移动时，子级图层也会跟随父级图层进行移动
利用好这个是制作动态立绘的关键

旋转关键帧，由于战戟层是右手的子层，所以右手移动时，战戟也会跟着移动

加入扭曲特效，模拟头发的飘动
右面的头发由于素材切得不好显得很突兀，利用网格进行限制修正

发光是少不了的


加入位移和模糊，模拟切入感……

这部分要细说也不可能，需要一些ae的基础
如果有兴趣的朋友可以在下面放出这个工程的ae原档，用来参考抛砖引玉一用

完成了！
因为gif压缩的原因画质变差，打开这个链接可以看无损版的，同时也希望来个赞顶一下谢谢茄子
https://www.pixiv.net/member_illust.php?mode=medium&illust_id=68809391

实际上还做了一个有特效版的，但是发现效果没上面那个好，就弃用了


利用ae渲染，导出为png序列


使用ex替换到游戏里去，完成！
大家看完之后是不是觉得也想做一个呢，从实现原理来讲这个动画制作并不难，只需要一点画画基础和ae的初级知识就能做出来了
这里放出这个动画的ae原档，供大家研究一用，希望能抛砖引玉看到更多的二觉动图作品出现吧
https://pan.baidu.com/s/1EhMxQIhccflBQAmZkOsbgQ

这个二觉动图补丁也会放出来的，最近补丁界不太太平，如果每个人都抱着盈利和孤芳自赏的心理做补丁，就太让人伤心了
https://pan.baidu.com/s/16hIOFwoX-Y2XjUvUA1vWQQ

希望大家能在制作二觉动图的过程中得到乐趣
我们下期再见

行动快感！地牢与战斗机
 

回到目录