记录下最近测试live2d时制作两个demo的过程:

1)转脸动画

人物起身以及面部转动的效果。

【动画】live2d测试demo

这次测试的要点:

    1.人物的面部结构把握。需要从3d模型的角度去理解2d画面。

    2.旋转角速度。绕轴旋转的话,半径物体转速不同。这里假定的转轴是穿过头部中心的直线

素材准备:

1.原始图片

    【动画】live2d测试demo

2.部件拆分

    【动画】live2d测试demo

        因为3d中的运动总是会设计到很多的面,比如手臂抬起来会露出原先画面看不到的腋下部分,其次很多部分在运动的时候是独立的,比如说头发就是独立于面部运动的,人物面部转动的过程中会露出之前被头发遮住的眼睛,等等原因,我们需要对原先画面进行部件的拆分(重新绘制)。

3.网格设置

        【动画】live2d测试demo

        如图,类似于3d布线的思路,给脸部添加关键顶点,之后对应这些顶点的运动图片会进行线性插值,模拟拉伸的效果。

        【动画】live2d测试demo

        配置完成后的骨架关系大致如上。

4.动画制作、

         【动画】live2d测试demo

【动画】live2d测试demo

【动画】live2d测试demo

用基本型理解头部结构,然后调整顶点,设置两个关键帧,简单制作了一个补间动画。

【动画】live2d测试demo

【动画】live2d测试demo

2)张嘴动画

这个是原本准备在过场动画中使用的龙头动画。

【动画】live2d测试demo

同上,先准备需要的素材。由于主要表现的是嘴巴部分,所以只是简单拆分出上颚和下颚两个大的分块。

【动画】live2d测试demo

【动画】live2d测试demo

【动画】live2d测试demo

【动画】live2d测试demo

同上,进行mesh网格的装配,然后调整时间轴设置关键帧即可得到预览动画。

【动画】live2d测试demo

之后导出的测试视频如下:

【动画】live2d测试demo

【动画】live2d测试demo

遗憾的是由于效果比较尴尬,所以并没有出现在正式画面中……

相关文章: