Live 2D从新建文件夹到上线 – 立绘与纹理划分

发表于 2022-02-19  549 次阅读


文章目录

在逛博客或点进主页的时候经常会看到可爱的live2d,很想在研究所也拥有一个。先前用Live2d Cubsim制作过拆分图层的动图,这次打算自己做一个小模型。走完一遍流程后大概学会了怎么从头做,也把路上的坑都踩了一遍,用接下来的几篇文章记录一下。

先介绍一下使用到的软件。立绘部分用到iPad端的Procreate与电脑端的Photoshop,制作模型用Live2D Cubsim,官网下载链接:https://www.live2d.com/download/cubism/ 新用户有42天的Pro试用,随意填个邮箱地址然后下载。官方网站有日语,英语,韩语和中文选项,可以找到软件的下载与官方参考教程。按照自己较为熟悉并且好用的语言下载,中文机翻使用体验不佳,不建议选。(安装过Pro试用版的电脑不能用不同的邮箱重新获取)

1.立绘

先完成2D的部分,即立绘本体。立绘可以从游戏里获取模型,也可以自己画。自制立绘有两种方法,一种是划分好图层后一次完成,另一种是先画好整体布局再部分微调。两种方法各有优势,前一种可以不用走回头路,画完即完成分图层的立绘;后一种更注重整体协调,需要画一遍立绘再重新绘制一遍部件。两种都试过的博主本人这次使用了后一种,耗时长但整体看起来更加统一。下图是立绘与拆分部件,这一步是在绘画软件Procreate上完成的。为了使部件分类更加清晰,建议在画的时候就给图层分组命名。画完后将原文件导入Photoshop,确认好部件层次位置和颜色后保存PSD格式直接拖入Live2d Cubsim。现在主要的版本是4.0版,创建的文件后缀为.cmo3,后续可更改。
l2d101

2.Live2D前期准备

创建网格

网格是用来编辑变形的物体,给每个部件手动勾画会有一定难度,这里选择了部分一键生成。先Ctrl+A全选部件自动创建,调好参数后直接回车。图上的灰色部分就是网格,按照自己的需求微调即可。要注意的一点是较细小的部分会在自动这一步直接消失,需要在全选后去掉这些在后面手动绘制。(左图自动生成,右图经过调整)
l2d102

手动编辑细节

需要手动绘制的细节部分用上眼皮部件举个例子,其它部件按相同方法处理。
选择部件并点击编辑功能,按住alt键点击是消除,逐个点击是连接,按住Ctrl键可以围成选区批量增删。连完之后选择旁边栏的“生成多边形”自动连接线。若网格没有完全包围纹理,点击完成后网格外的纹理将不可见。 博主在绘制的时候会尽量选择围成大小近似的等边三角形(按实际调整,主要看物体形状),这样在后续调整形变的时候会更加稳定。想要在后面形变过程中更加自然生动和精确的纹理划分是密不可分的,划分好每个部件耗时较长,难度不大但十分考验耐心。右下角为一侧眼睛划分完的示意图。
l2d103

3.给移动对象插入关键帧

纹理勾画后给每一个部件套上了区域范围。接着是部位的形变与移动,选择一些部件的时候在对象栏锁定不用的,在移动过程中不容易误选。
选择要添加参数的对象,眼睛这里先点击2帧添加。参数上增加了两个绿色的点,这样就给被选择的对象添加了帧。未选择状态下是红色和白色的,代表着物体所处位置与关键帧。点击物体出现绿色表示对象已设置了参数。改变其中一个参数中对象的位置,在参数不同的时候对象位置也会随参数改变而改变。眉毛变化形状不多,可以用3帧来完成扬眉,正常眉,皱眉的造型。同理,嘴部也可以设置三段。
l2d104

4.表情变化

进入到live的部分,制作一些使用对象形变的表情变化。在这里继续用画面右侧的眼睛来做一个较详细的动画的变形与移动。

变形路径工具

睫毛一类的细长对象用网格移动费时费力,这里选用变形路径工具,可以把物体作为整体来移动。移动完后再通过网格进行微调,使形变更加流畅自然。设置完后和上一步的关键帧一样给物体添加动画,人物的面部表情就生动起来了。(Tips: 移动时注意横平竖直,纵向移动的部件尽量不要有水平方向的位移,在调整好变形路径后根据画出的网格进行微调,达到一个比较协调的视觉效果。)

剪切蒙版

在闭眼的时候眼球需要和眼白部分一起藏好,这里需要设置一个剪切蒙版。先找到眼白的ID,这里是eyer,将其填入眼球的剪切蒙版中(设置完记得按回车),这样移动眼球的范围不会超出眼白,还能跟着眼白一起隐藏起来。闭眼的时候将眼白压缩并通过形变藏进睫毛位置,闭眼的动作就基本做好了。一样的方法调整另一只眼睛,调整好可以获得一张闭眼.jpg。继续重复相似的步骤,用不同的部件变化可以做出眯眯眼.jpg,wink.jpg,委屈.jpg等各种各样的表情。
l2d105

ฅ(Slack有话要喵)ฅ

这次写了好长也做了好久呢喵,下一篇大概要更新动作和动画了,也是非常需要耐心的步骤呢。
本喵也想要一个立绘——(博主:自己画(递笔))

本站文章基于国际协议BY-NA-SA 4.0协议共享;
如未特殊说明,本站文章皆为原创文章,请规范转载。