Live2D新手教程：九轴参数与网格变形打造灵活大脑袋

最近 Live2D 相关的练习作品在社区里特别火，尤其是那种圆滚滚、表情丰富、还能灵活转头歪头的大脑袋模型。有朋友问我“卤蛋大脑袋到底是怎么搓出来的”，其实实现思路并不复杂：一张干净的正面立绘、一套合理的分层素材、一个支持九轴控制的参数系统，再加上一点点耐心。本文就从零开始拆解整个流程，重点讲清楚 Live2D 里的九轴参数、网格变形原理和完整建模步骤，适合第一次接触 Live2D Cubism 的新手跟着做，也适合想系统梳理模型制作流程的开发者参考。

全文不会追求一次做出商业级的高精细模型，而是先帮你把“能转、能笑、能动”的完整链路跑通。只要照着章节顺序操作，一晚上真的可以做出自己的第一个 Live2D 模型。

1. 理解 Live2D 与九轴：把平面图“立”起来

1.1 Live2D 是什么

Live2D 是一套基于 2D 美术素材的实时动画技术。它不像 3D 建模那样需要制作完整的立体网格，而是通过把一张绘制好的图片切分成多个图层，然后在这些图层上创建网格、设置顶点变形，再配合参数滑块去驱动网格运动，最终让静态图像产生“转身、抬头、歪头、眨眼、呼吸”等类似 3D 的表现效果。

和传统逐帧动画相比，Live2D 的优势非常明显：

• 制作周期短，不需要一张一张绘制大量帧。
• 文件体积小，一套素材可以复用到动画、游戏、直播等多种场景。
• 支持实时驱动，可以通过鼠标、摄像头甚至面部捕捉设备控制模型。
• 保留了原始 2D 作画的质感，美术风格统一且自然。

正因为这些特点，Live2D 在虚拟主播、互动直播、聊天软件表情、角色扮演类游戏、课件互动角色等场景中得到了广泛应用。

1.2 什么是“九轴”

九轴是 Live2D 模型控制中一个很有意思的概念，也是这个项目里大家最常提到的核心词。

我们平时听到“三轴旋转”，通常指物体在三维空间里绕 X 轴、Y 轴、Z 轴旋转。在 Live2D 中，模型虽然本质上还是二维平面素材的变形，但为了模拟出立体感，引入了九组方向参数，每一组都代表一个维度的位移或旋转。常见的九轴参数对应关系如下：

需要注意的是，“九轴”并不是 Live2D 软件中唯一的官方名词，而是社区对“头部六轴 + 身体三轴”的一套通俗概括。不同版本的 Cubism 提供的内置参数名可能会有差异，例如ParamAngleX、ParamAngleY、ParamAngleZ、ParamBodyAngleX等，但控制逻辑基本一致。

对于“卤蛋大脑袋”这种练习项目来说，最重要的事情是先把头部的三轴旋转和三轴平移做顺滑，再考虑身体轴。如果一上来九轴全绑，新手很容易被参数之间的联动关系绕晕。

1.3 为什么选择“卤蛋大脑袋”作为练习项目

“卤蛋大脑袋”本质上是一个极简版 Live2D 模型：一个大大的圆脑袋、两只眼睛、眉毛、嘴巴、腮红，再加上一点可以晃动的头发或者配饰。

它适合新手的原因很直接：

• 不需要绘制复杂的全身立绘，素材准备阶段压力很小。
• 模型部件少，网格数量和参数数量都相对可控。
• 大脑袋本身就有“Q 版”“可爱”的视觉风格，变形误差不容易显得奇怪。
• 能完整体验 Live2D 制模的完整链路：切分图层、建网格、绑参数、做物理、导出预览。

换句话说，就算你没有绘画基础，用简单几何图形组合绘制一个大脑袋素材，也能完成这个项目。重点是理解 Live2D 模型背后的制作逻辑。

2. 环境准备：软件、版本与素材规划

2.1 安装 Live2D Cubism Editor

制作 Live2D 模型最核心的软件是 Live2D Cubism Editor。它支持 Windows 和 macOS，官方提供了免费版和付费 Pro 版。

在安装时有几个建议：

• 尽量从 Live2D 官网下载安装包，避免在一些第三方下载站获取被修改过的捆绑安装包。
• 免费版已经包含了核心的建模、绑参、物理、导出功能，用于学习练习完全够用。
• 如果你后续要做商业项目，需要关注授权版本要求，个人信息请以官网说明为准。
• 不同版本的界面布局和功能入口会略有差异，但“参数”“关键姿势”“网格”这些核心概念是一致的。

本文示例不绑定具体版本号，因为 Cubism 更新较快，版本需要根据你的项目实际情况调整。下文所有操作思路都是以常见版本为准，重点是让你理解每一步在做什么。

2.2 图像处理工具

除了 Cubism Editor，你还需要一个可以处理分层图像的工具。常见选择有：

如果你手上只有一张已经画好的平面图，也没有关系。可以在图像处理工具里手动把这几个区域抠出来，分别放到独立图层：

• 头部底色
• 左眼白、左瞳孔、右眼白、右瞳孔
• 左眉毛、右眉毛
• 嘴巴（可以拆成上嘴唇、下嘴唇、口腔内侧）
• 腮红
• 头发、发饰等

X 轴旋转和 Y 轴旋转在 Live2D 中不是靠整张图旋转实现的，而是靠网格顶点位移。所以要拆分的不是“每个像素”，而是“每个可独立运动的部件”。

2.3 示例项目结构规划

为了让你心里有数，先说一下最终导出的项目会包含哪些东西。

一个完整的 Live2D 模型文件目录通常长这样：

MyEggModel/ ├── MyEggModel.model3.json ├── MyEggModel.moc3 ├── texture_00.png ├── physics3.json └── expressions/ └── default.exp3.json

其中：

• .moc3：模型核心数据，包含网格、参数、变形器的信息。
• .model3.json：模型配置文件，描述模型资源的位置和基本设置。
• texture_00.png：模型的贴图，由 Cubism 自动从分层素材合并导出。
• physics3.json：物理效果配置，控制头发、衣摆等部件的摆动。
• expressions：表情预设目录，存放表情动画文件。

在正式开始制作之前，你要建立一个项目文件夹，专门存放原始 PSD、导出的模型文件和预览测试文件。养成版本备份的习惯，因为 Cubism 工程文件是在制作过程中反复调整的，一旦文件损坏，手工重来非常浪费时间。

3. 核心原理拆解：参数、网格与关键姿势

3.1 参数滑块到底控制了什么

Live2D 模型中的所有运动，最终都会映射到“参数”上。每个参数本质上是一个带有最小值和最大值的滑块，比如角度参数的范围可能是-30到30，眨眼参数的范围可能是0到1。

当某个参数变化时，绑定在该参数下的网格顶点就会按事先设定好的位置进行移动，从而让对应的贴图部分产生形变。多个参数组合在一起，就能实现复杂的动作。

通俗一点理解：参数是“控制手柄”，网格顶点是“执行者”。你在 Cubism 里做的所有绑定工作，都是把“手柄”和“执行者”连接起来的过程。

3.2 网格变形与关键姿势

Live2D 的网格变形逻辑可以这样描述：

1. 把一个图层划分成很多小三角形网格。
2. 在某个参数取特定值的时候，手动拖动网格顶点到新的位置，形成一个姿态。
3. 这个姿态被称为“关键姿势”。
4. 当参数滑块在最小值和最大值之间滑动时，软件会自动计算中间过渡姿势，形成流畅的补间动画。

举个例子，做“左右转头”这个动作时：

• 参数ParamAngleY为0时，头部是正面，网格顶点处于原始位置。
• 参数为30时，我们把眼、嘴巴、鼻子的网格顶点往右侧移动并做一定的压缩。
• 参数为-30时，我们把它们往左侧移动。

于是当参数值从-30变化到30时，模型看起来就像在左右转头。

这里有一个关键点：只移动网格顶点，不移动图片素材本身。这意味着图片底部的基础形状不会像“平移图层”那样整体挪动，而是通过顶点扭曲模拟出立体空间感。这也是 Live2D 和普通图片位移最本质的区别。

3.3 三轴旋转与三轴平移的配合

只做三轴旋转还不够。为了让模型更自然，通常要给头部加上三轴平移，并在不同角度时让五官位置发生微调。例如：

• 低头时，眼睛和嘴巴应该稍微向下移动，头顶区域被压缩。
• 仰头时，下巴区域被压缩，眼睛位置略微上移。
• 左右转头时，远侧的眼睛应该比近侧的眼睛压缩幅度更大，才能产生立体视觉。
• 歪头时，整个五官区域要沿着圆弧轨迹偏移，而不是生硬平移。

这就是九轴模型“灵动”的关键：不是每个轴独立工作，而是多个参数联动，产生复合动作。你在调整一个动作时，往往要同时打开好几个参数，一起拖滑杆观察效果。

3.4 常见误区：Live2D 不是 3D

很多新手会误以为 Live2D 是在做 3D 模型，或者希望它能自动生成透视效果。实际上，Live2D 的立体感完全靠设计者手动布置关键姿势“骗”出来的。

所以你在建模时，要一边拉动参数滑块，一边观察模型的侧面轮廓是否合理。如果某个角度看起来鼻子塌了、眼睛位置错了，那就需要手动微调网格顶点。这个过程没有捷径，也没有一个“自动立体化”按钮。

理解了这些原理，再回头看“卤蛋大脑袋”项目，你会发现它就是一个非常理想的九轴参数实验场：形状简单、部件少、调整成本低，可以反复试验。

4. 完整实战：一晚上搓出灵活的卤蛋大脑袋

下面进入真正的制作环节。我会按照实际制作顺序，把从素材准备到导出预览的每一步都拆开讲。

4.1 准备分层素材

首先，在 Photoshop 或 GIMP 中新建一个画布，尺寸不需要太大，建议1024x1024，这样可以保证清晰度和文件体积的平衡。

我建议的图层结构如下：

我的卤蛋大脑袋.psd ├── 头部底色 │ ├── 高光 │ └── 阴影 ├── 左眼 │ ├── 左眼白 │ └── 左瞳孔 ├── 右眼 │ ├── 右眼白 │ └── 右瞳孔 ├── 左眉 ├── 右眉 ├── 嘴巴 ├── 腮红左 ├── 腮红右 └── 头发

图层命名的基本原则是“一看就知道是什么部位，并且能区分左右”。Cubism 在导入 PSD 后会自动根据图层层级生成部件树，命名清晰可以省去大量手动重命名的时间。

如果你不想手绘，也可以用几何图形拼一个：画一个圆形底色代表脑袋，两个小椭圆代表眼睛，两条弧线代表眉毛，一个弧形代表嘴巴。关键是先跑通制作流程，而不是追求美术精细度。

4.2 在 Cubism 中新建项目并导入

打开 Live2D Cubism Editor，新建项目。

操作路径一般是：

1. 选择“新建工程”。
2. 填写工程名称，选择保存位置。
3. 在“导入”区域选择你的 PSD 文件。

导入后，你会看到左侧模板树中已经出现了之前绘制的图层。Cubism 会自动读取 PSD 的分层结构，并把每个图层作为独立的模型部件。

如果没有 PSD，也可以直接导入一张图片，然后使用裁剪、分割功能切分素材，但这样效率较低，且网格调整比较麻烦。推荐还是先用图像处理工具做好分层。

4.3 创建网格并细分关键区域

在模型树中选中“头部底色”图层，然后使用自动网格功能生成基础网格。自动网格会基于图片轮廓生成一层三角网格，但密度通常不够，所以还需要手动细分嘴巴、眼睛周围区域。

具体做法是：

1. 选中需要细分的网格。
2. 点击“细分网格”工具。
3. 在网格上点击增加细分级别。
4. 嘴部周围建议至少三级细分，眼部周围同理。

为什么这些区域需要更高密度？因为嘴巴张开、闭拢，眼睛转动、眨眼时，这些区域的变形幅度最大。如果网格太稀疏，顶点间距过大，中间过渡就会显得很僵硬，甚至出现边缘撕裂。

而对于头顶、腮帮这些变形不大的区域，保持低密度网格反而更有利于控制，也减少了后续调整的工作量。

4.4 创建九轴控制参数

现在开始创建参数。在 Cubism 中，参数面板位于右侧或“窗口”菜单中，你可以手动新建参数，也可以直接使用内置的重建参数模板。

建议先创建下面这组参数：

窗口中的参数名可能会因为版本或模板不同而略有差异，但含义一致。如果你准备后续接入 Cubism SDK 做面部捕捉或 Web 播放，尽量保留官方默认参数名字，比如ParamAngleX、ParamEyeLOpen，这样可以减少后续对接时的兼容问题。

4.5 分别绑定关键姿势

参数建好之后，开始给网格设置关键姿势。这是整个制作过程最耗时、也最需要耐心的环节。

以“左右转头”为例：

第一步：选中“头部底色”网格和所有五官网格，确保它们在同一个行或者组中，便于一起调整。

第二步：在参数面板中把ParamAngleY拖动到30。

第三步：使用网格编辑工具，把眼睛、嘴巴、眉毛等部件整体向右侧移动。此时你需要逐层调整，眼睛图层和头部底色可能不是同一个网格，所以要一个个选中再移动顶点。

第四步：为了让立体感更强，可以把远侧眼睛压扁一点，近侧眼睛相对放大一点。这一步没有绝对标准，完全靠肉眼观察。

第五步：切换到-30，重复上述过程，只是方向相反。

第六步：回到0，检查正面状态，再滑动ParamAngleY从-30到30，观察过渡是否平滑。

同理，ParamAngleX是点头抬头，需要让整个五官区域在垂直方向发生偏移；ParamAngleZ是歪头，需要让五官沿圆弧旋转，同时可以对嘴和眼睛做轻微反向旋转以增加自然感。

对于ParamBodyAngleX/Y/Z，做法类似，但一般单独绑在身体图层（如果有）或者整体网格上，让整个模型产生一个整体倾斜的跟随动作。

4.6 增加表情与呼吸参数

光有旋转还不够，一个“灵活的大脑袋”必须会眨眼、张嘴、呼吸。

眨眼：

• 选择左眼白和左瞳孔网格。
• 把ParamEyeLOpen设为0。
• 将上眼皮往下压，让眼睛只剩一条缝。
• 右眼同理。
• 设置参数为1时恢复原样。

这样当你把ParamEyeLOpen从1拖到0时，就完成了一次闭眼动作。在实际运行中，SDK 或动画播放器会周期性自动触发眨眼，所以你只需要把关键姿势做好，运行时效果是软件自动完成的。

张嘴：

• 选中嘴巴网格。
• 把ParamMouthOpenY设为1。
• 向下拖动下嘴唇的网格顶点。
• 这时候口腔内侧图层要适当露出来，如果没有口腔图层，可以暂时让嘴巴变大，但效果会弱一些。

呼吸：

• 呼吸不需要单独绑定网格，通常在 SDK 播放时通过动态参数实现。
• 在 Cubism 中，可以把ParamBreath绑定到一个整体缩放或者微微上下移动的网格上，产生胸腔起伏的效果。

由于“卤蛋大脑袋”没有身体，呼吸效果可以改成让整个脑袋轻微上下浮动，配合一点点缩放，看起来会更加生动。

4.7 添加物理效果

物理效果是让模型自然化的秘密武器。以“头发晃动”为例，你需要：

1. 在模型树中把头发图层单独建一个网格。
2. 新建一个用于物理摆动的参数，比如ParamHairX、ParamHairY。
3. 在物理设置面板中，将头部旋转参数作为输入源，将头发参数作为输出目标。
4. 设置摆动的阻尼、惯性、作用权重。

在 Cubism 中，物理效果最终会导出为一个physics3.json文件。它的核心思想是：当头部转动或加速时，头发末端的网格顶点会产生延迟性摆动，恢复为原位时又带有一定惯性。

这里给一个物理配置的简化结构示例，方便理解物理参数的映射关系：

{ "Version": 3, "PhysicsSettings": [ { "Id": "hairSwayX", "Input": { "Target": "Parameter", "Id": "ParamAngleY", "Weight": 1.0 }, "Output": { "Target": "Parameter", "Id": "ParamHairX", "Weight": 1.0 } } ] }

注意：这个示例只是展示“输入参数、输出参数”的结构，实际导出的物理文件字段更多，请以 Cubism 自动生成的配置为准。新手阶段，你可以直接用工具箱中的“添加物理”向导，让软件自动帮头发网格生成基础摆动，再手动调参。

4.8 导出模型并预览

在 Cubism 中导出模型时，一般选择“导出嵌入到 SDK 用模型”。

导出后，你会得到一个包含.moc3、.model3.json、.png贴图等文件的目录。你可以在 Cubism 自带的 Viewer 中打开预览，也可以上传到支持 Live2D 的网页测试工具里进行实时操控。

以网页预览为例，需要在 HTML 中引用 Cubism SDK 的运行时库，再指定模型路径。这里给一个非常简化的例子，展示模型文件的基本结构：

{ "Version": 3, "FileReferences": { "Moc": "MyEggModel.moc3", "Textures": [ "texture_00.png" ], "Physics": "physics3.json" } }

这个 JSON 只是model3.json的核心字段示意，完整文件会包含更多配置项。实际使用时，建议直接使用 Cubism SDK 自带示例工程替换模型文件即可。

4.9 一晚上的时间分配参考

“一晚上搓出来”并不是玄学，只要素材简单、步骤明确、不追求一次到位，效率可以很高。参考时间分配如下：

如果你做完第一个版本后发现表情怪、转头穿帮，这都是正常的。Live2D 是一项非常吃“手感”的工作，多循环几轮“调关键姿势、看预览、再调”的过程，最终效果会越来越自然。

5. 常见问题与排查思路

新手在制作过程中最容易遇到下面这些问题，我按现象、原因、解决思路整理成一张表。

下面展开几个高频问题。

5.1 转头时五官穿帮怎么修

穿帮通常是因为五官网格和头部网格没有同步移动。在 Cubism 中，头部底色是一个网格，眼睛、嘴巴是另外的网格，如果你只调整了头部底色的顶点，眼睛还留在原位置，转头时自然就会“浮在脸上”。

修复方法：

1. 选中所有需要联动的网格。
2. 在关键姿势模式下，使用“矩形变形”或者“自由变形”工具把五官整体拖到目标位置。
3. 再单独微调每个网格的细节顶点。
4. 多角度预览，反复修正。

如果依然穿帮，可以检查网格是否出现反向变形。For example，当你把眼睛往右移时，网格三角面的顶点顺序如果混乱，贴图会发生折叠，这时候需要重置该网格的自动生成，或手动整理顶点。

5.2 参数联动混乱怎么办

如果在制作过程中发现多个参数互相影响，例如转头时模型同时发生歪头，大概率是你在调整时误开了多个参数滑块，导致同一个关键姿势被记录了多个参数的混合值。

解决思路比较直接：

1. 每次只调整一个参数。
2. 把其他参数的滑块先重置到0。
3. 调整完成后，再检查其他参数是否也受到影响。
4. 养成经常保存工程版本的习惯。

5.3 软件导出后模型太大

模型文件过大通常和贴图尺寸、贴图张数有关。建议在图像处理工具中把 PSD 画布控制在合理尺寸，导出贴图时选择合适的压缩格式，并且尽量减少透明区域，因为透明区域也会占用显存。

6. 最佳实践与工程建议

6.1 图层命名规范

图层命名决定了你在 Cubism 里的工作流效率。推荐一套简单通用的规则：

部位_用途_左右_序号

示例：

eye_white_L eye_pupil_R brow_L mouth_inner hair_front

不要出现诸如“图层 1 副本 3”“未标题-2”这种名字。你在 Cubism 中每改一次名字，都需要在模型树里找到对应节点，命名混乱会严重拖慢后期调整速度。

6.2 参数命名尽量贴合官方

Cubism 提供了一些默认参数，也有 SDK 约定俗成的参数名。如果你的模型后面要接入 Live2D Cubism SDK，用于 Web 或 Unity，使用官方默认参数名能省去很多代码层面的适配工作。

比如：

• ParamAngleX
• ParamAngleY
• ParamAngleZ
• ParamEyeLOpen
• ParamEyeROpen
• ParamMouthOpenY
• ParamBodyAngleX
• ParamBodyAngleY
• ParamBodyAngleZ

自定义参数也可以加，但在生产项目中要保留一份参数对照表，方便其他同事或者你自己在两三周后快速回忆。

6.3 网格与层级不要太复杂

很多新手喜欢给每个小部件单独建网格，结果导致模型树层次特别深，调整起来非常痛苦。合理的原则是：

• 能合到一个网格的尽量合并，比如一只眼睛的外圈阴影、眼白、瞳孔可以分成不同图层，但可以挂在同一个父级对象下统一调整。
• 网格数量控制在够用即可，不要为了“专业”故意拆分。
• 关键变形区域单独建网格，非变形区域尽量合并。

6.4 制作前先确定用途

在开始动手前，要明确模型的最终用途：

• 只是做静态展示：不需要物理效果，参数可以少一些。
• 做直播虚拟形象：需要面部追踪、表情参数、物理效果齐备。
• 做游戏角色：要注意模型文件体积、加载速度和 SDK 版本兼容。
• 做网页互动角色：需要关注 model3.json 的配置和 CDN 加载方式。

用途不同，制作重心完全不同。先想清楚用途，再决定花多少精力在哪些环节。

6.5 素材与版权意识

如果你不是自己画素材，而是使用网上下载的 Live2D 模型资源或图像素材，一定要先确认授权范围。很多免费模型素材允许学习交流，但禁止商用，也有些素材要求署名。

设计到模型资源的下载与使用，建议只从官方渠道或明确标注授权的平台获取。自己手绘一张简单的圆脑袋素材虽然朴素，但完全没有任何版权风险。

6.6 工程备份与版本管理

Cubism 的.cubism工程文件在制作过程中非常重要，建议做到以下几点：

• 每完成一个大环节，复制一份工程文件，比如myegg_01_rough.cubism、myegg_02_param.cubism。
• 导出后保留原始工程、导出模型、测试代码三个目录，不要混在一起。
• 如果有团队协作需求，可以使用 Git 管理，但要注意 Cubism 工程文件是二进制文件，Git 只会帮你保存版本，不能做文本级合并，所以团队成员之间要约定好谁在哪个阶段负责哪个文件。

7. 总结与下一步学习路线

到这里，你已经完整走过了“卤蛋大脑袋”的制作全流程：从一张分层 PSD 素材开始，导入 Cubism，建立网格，绑定九轴参数，设置表情和物理，最后导出预览并排查常见问题。这个过程虽然看着简单，但它把所有 Live2D 制作的核心机制都覆盖到了。

如果你把这个流程跑通了，接下来可以往四个方向继续深入：

每一步都能延伸出大量好玩的内容。建模本身更像一门手艺，熟练程度决定了你的产出质量和制作速度。刚开始不要追求完美，先让第一个模型“能看、能动、能跑”，后面再迭代细节。

如果你有朋友也想尝试做 Live2D，可以把这个流程分享给他，两个人一起研究，踩坑会少很多。今晚就从你自己的那颗卤蛋大脑袋开始吧。