从静态图到Live2D脸捕模型：Cubism基础建模全流程解析

不会画画能不能做Live2D这是我被问得最多的问题。答案是能而且门槛比大多数人想象的低。很多人搜“Live2D模型下载免费”“Live2D模型资源”其实是想绕开最麻烦的部分但如果你手里只有一张图想让它眨眼、转头、说话完全可以自己动手做出来前提是你知道怎么把这张图“拆开”。这篇我就从一张静态图开始完整走一遍Live2D基础脸部建模和脸捕动画的前半程素材预处理、工具链搭建、Cubism里的核心参数设置。做完这一步你的模型就具备了被脸捕软件驱动的“骨架”后半程的映射和直播联调我留到下篇再展开。如果你是完全没接触过Cubism的新手同时又想知道“一张图到底怎么变成会动的人物”这篇就是为你准备的。我会把每个操作背后的逻辑也讲清楚不是单纯教按钮在哪而是让你理解为什么要这样拆、这样绑、这样调。1. 一张图变Live2D的前提什么样的图能直接建模先说一个很多人踩过的坑并不是任何一张图都能拿来直接做Live2D。搜“Live2D模型下载免费”的时候你拿到的是别人已经切好图层的成品可以直接用软件打开但你自己拿一张jpg立绘不经过任何处理就拖进Cubism后果就是模型只能整块平移根本没法做面部动画。1.1 符合哪些条件的图才能做脸部动画Live2D的核心原理是把一张完整图片拆成多个独立部件眼睛、眉毛、嘴巴、头发、头、身体然后为每个部件建立网格和变形路径再通过参数驱动这些网格发生位移、旋转、缩放模拟出立体感和动态效果。所以那张“一张图”至少得满足下面这些条件正脸或接近正脸脸部角度参数左右转头、上下点头需要对左右对称的部件做镜像变形如果原图是45度侧脸建模时想还原正确的透视关系会非常痛苦。五官清晰、无大面积遮挡刘海把眼睛盖住一半、手挡在嘴前面这种图即使强行拆层后续做眨眼和口型动画也会露出穿帮。分辨率尽量高建议图片最短边不低于1000像素。因为脸部网格要精细变形像素不够一放大就糊脸捕时的细节表现也会差很多。最好有闭合的嘴巴和眼睛嘴巴至少有一个闭合状态后续做口型动画时可以用路径变形模拟开合但如果素材本身就没有张嘴状态那就要靠你在绘图软件里自己补工作量大很多。图像背景干净纯色背景或白底都可以因为你要把人物从背景中抠出来。透明背景PNG是理想状态但不是必须。1.2 为什么不能直接把整张图拖进CubismCubism官方也提供“自动生成网格”的功能它可以把一张整体图片拉进软件自动切分但那个自动切分主要解决的是“整体形变”问题而不是“部件独立运动”问题。脸捕动画要的是眼珠单独转、眼皮单独眨、嘴单独张这些必须建立在“部件独立”的前提下。我见过不少新手拿一张未拆分的立绘放进Cubism自动生成网格后模型确实能跟着脸捕参数动一点但动起来全是扭曲因为整张脸是一个整体网格眼部变形会影响到鼻子和脸颊。这就是“一张图做Live2D”最容易产生的误解你必须先把图拆开再让软件做变形而不是让软件替你拆。1.3 素材来源和版权风险提醒很多人搜“Live2D模型资源”“Live2D模型下载免费”这个方向本身没什么问题但要注意免费资源站里很多模型是作者无偿分享的下载时一定看清授权协议特别是“可不可以改模”“可不可以商用”。自己做着玩无所谓但如果你打算开直播、做视频赚收益版权问题就可能找上门。如果你手里没有合适的图也不想用别人的资源还有两条路用AI绘图工具生成一张正脸立绘然后自己拆图层。找一张公开的、允许二次创作的插画素材在作者授权范围内使用。我个人的建议是新手第一次练手直接找一张你自己手机拍的正面照片都行重点是先把流程跑通把技术路径打通了再考虑用更好的素材。2. 工具链准备Cubism、脸捕软件和参数映射的基本关系做Live2D脸捕涉及两条链路一条是“建模链路”——把图片变成可驱动的模型这条链路的核心工具是Live2D Cubism另一条是“驱动链路”——把你的面部动作变成模型参数这条链路的工具是脸捕软件。两条链路通过一个统一的“参数集合”对接。2.1 建模工具Cubism Editor版本选择建模用的软件叫Live2D Cubism官方一直在更新。对个人创作者来说考虑免费版就行但你要先搞清楚免费版的功能边界。免费版可以正常建模、导出主要限制在商用授权、部分高级功能比如一些特效、多人协作、完整SDK权限等可能被锁。关键一点以官网当前最新的授权规定为准因为政策会调整。安装的时候直接去官网下载不要用第三方搬运的安装包一是安全性没保障二是版本太旧。Cubism的版本越新对导出后的模型兼容性和性能优化越好。我用的版本是当前官网最新的稳定版后面的操作步骤都是基于这个版本写的。2.2 脸捕软件主流方案对比模型建好导出后需要脸捕软件来驱动。我整理了几款主流的方案方便你对照选择软件驱动设备参数协议优点缺点VTube StudioiPhone / 普通摄像头Live2D原生参数 / VMC协议免费、生态成熟、内置模型校准高级功能需付费买ProPrprLive普通摄像头 / iPhoneLive2D原生参数轻量、入门简单、国内下载方便更新较慢部分功能依赖插件FaceRig普通摄像头自带参数协议上手快预设丰富对Live2D自定义支持较弱商用许可麻烦Warudo普通摄像头 / iPhoneVMC协议支持3D和2D混合功能强上手成本偏高从“一张图做基本脸捕动画”的需求来看我最推荐VTube Studio。它支持直接加载Cubism导出的模型文件能够识别眼睛、眉毛、嘴巴、头部旋转等参数而且免费版已经覆盖了基本脸捕功能。后面我讲映射调试也基本会围绕VTube Studio的操作逻辑来说。2.3 脸捕驱动的基本原理从你的脸到模型的参数脸捕的本质是软件用摄像头识别人脸的关键点眼睛位置、嘴巴轮廓、头部姿态然后把这些识别结果换算成Live2D模型的控制参数。比如你头向左转软件计算出偏航角写入名为“ParamAngleZ”的参数模型的头部网格就会做相应旋转。这里面有一个关键概念参数Parameter。Cubism里的参数是模型变形的“旋钮”脸捕软件负责转动这些旋钮。所以你在Cubism建模时参数命名和取值范围设计得越规范后面脸捕映射就越省事。Live2D里常用的脸捕相关参数是这些参数ID含义取值范围ParamAngleX头部左右倾斜-30 到 30ParamAngleY头部左右转动-30 到 30ParamAngleZ头部上下点头-30 到 30ParamEyeLOpen左眼睁开程度0 到 1ParamEyeROpen右眼睁开程度0 到 1ParamEyeBallX眼球左右移动-1 到 1ParamEyeBallY眼球上下移动-1 到 1ParamBrowLY / ParamBrowRY左右眉毛上扬-1 到 1ParamMouthOpenY嘴巴张开程度0 到 1ParamMouthForm嘴型变化-1 到 1这个表你最好截图存一下后面建模时所有部件的变形都会挂到这些参数上。你是新手也没关系记不住不要紧Cubism里会列出全部参数你只需要按需要拖拽使用。2.4 建立“建模时就想好映射”的思维不少新人喜欢把建模和脸捕完全分开想先把模型做好再考虑映射。这个顺序没错但建模时如果不考虑参数规范等模型做完了你会发现有些动作无法用脸捕参数表达。比如你把眨眼做成了“眼皮整体上下移动”而不是“眼皮开合度”那么脸捕软件给出的眨眼参数就驱动不了它。所以我的建议是建模型的时候你脑子里就要有一张参数对照表。哪根变形路径控制眼睛闭合哪根变形路径控制眉毛上挑命名清楚、逻辑清晰。前期多花十分钟后面调试脸捕节省的就不止十分钟。3. 从一张图到可建模素材PNG拆分与图层预处理素材检查和工具链都准备好了现在进入动手环节。这一阶段的目标是把一张完整的图变成一组带透明背景的PNG部件并且每个部件有清晰、规范的文件命名。这一步做得好不好直接决定后续Cubism里的建模效率。3.1 拆图思路你需要拆出哪些部件“拆图”不是把图片切成拼图碎块而是按照Live2D的动画逻辑来分。基本脸捕动画需要的核心部件包括头部包含脸、五官以外的皮肤、头发后层前发覆盖在额头的刘海、发丝眼睛眼白、瞳孔/眼球左右分开眼皮上眼皮、下眼皮左右分开眉毛左右分开嘴巴口腔内部、上下嘴唇或整块嘴部区域头部装饰眼镜、发饰等可选身体脖子以下部分脸捕时一般不驱动但作为模型的底子记住一个原则能独立运动的部件一定要单独拆成一张图。尤其是眼睛和嘴巴它们是脸捕动画的核心至少要保证左右眼独立、上下眼皮独立、嘴部独立。3.2 用绘图软件拆图操作步骤拆图工具我用的是Photoshop你如果不想装PS用Krita、GIMP、甚至在线抠图工具也行但最好是有图层功能的软件因为你要做的是“分层拆解”而不是“一次性抠出”。具体操作步骤把原图导入软件复制一层作为工作底图原图保留做备份。用钢笔工具或套索工具沿着头部轮廓把整个头部区域抠出来。注意包含耳朵和头发最外沿不包含脖子和肩膀。在抠出的头部区域之上继续细分先把前发单独抠出来再抠面部区域。面部区域里再继续抠眉毛、眼睛、嘴巴。抠出的每个部件单独放到一个图层图层的透明背景上不能残留原来的背景色。对所有图层执行“选择-修改-收缩1像素”后再清除边缘这一步是去除白边或黑边的关键。隐藏原图和背景图层只保留各部件图层导出为透明背景PNG。这一步最容易翻车的地方是边缘残留。很多人拆完图后在Cubism里一放大发现头发边缘有一圈白边或杂色就是因为没有做收缩选区清理边缘。Cubism里处理这种白边非常麻烦远不如在图像处理阶段解决。3.3 图层命名规范Cubism自动识别的关键Cubism的PSD导入功能支持按图层名自动分类和排序命名规范可以大幅提高建模效率。虽然Cubism支持自定义挂接但规范的命名让你在成百上千个部件中找东西时不至于抓狂。我的个人命名习惯是这样的root ├─ 头部组 │ ├─ 脸 │ ├─ 前发 │ ├─ 后发 │ ├─ 左眉 │ ├─ 右眉 │ ├─ 左眼 │ │ ├─ 左眼白 │ │ ├─ 左瞳孔 │ │ ├─ 左上眼皮 │ │ └─ 左下眼皮 │ ├─ 右眼同左眼结构 │ └─ 嘴 │ ├─ 嘴外部 │ └─ 口腔内部 └─ 身体组 └─ 身体如果你导出的是PSD而不是多个PNGCubism会直接读取这个图层树结构自动生成部件层级。如果你拆的是PNG就在Cubism里手动创建文件夹并拖进去效果一样只是慢一点。3.4 PNG导出时的四个检查项导出前养成检查习惯能少走很多弯路每一张PNG都必须有透明通道背景是灰白格子的不是纯白。分辨率不要缩放部件在原图中的尺寸大小要保持原样不要为了“好看”统一缩放到某个尺寸那样会在Cubism里面对齐困难。文件名不要用中文和空格不要用特殊符号。虽然Cubism支持中文名但后期如果你要写脚本、换模型、或者接入某些第三方工具中英文和空格会带来不可预估的坑。左右对称部件分别导出不要合并成一张。虽然通过镜像可以复用但Live2D的部件独立逻辑决定了左右眼分开驱动是必选项左右共用一张会在参数绑定阶段寸步难行。4. Cubism中的核心建模操作网格、变形路径与基础参数绑定素材就绪后开始进入Cubism建模阶段。这一阶段你会掌握三个核心模块网格Mesh制作、变形路径Warp Path绑定、参数Parameter设置与关键帧补间。这三个模块是Live2D模型“动起来”的最小技术闭环。4.1 把拆好的素材导入Cubism打开Cubism新建项目选择“从PSD导入”或“从图片导入”。我建议直接导入PSD因为你之前做的图层命名规范在这里能直接体现价值。Cubism会自动识别图层结构生成对应部件。如果是从多张PNG导入就手动创建文件夹把部件拖进去。导入后你会看到3D视图和2D视图。2D视图是编辑视图3D视图用来预览最终效果。新手往往容易忽略的一个操作先点击“模型-模型设置”确认图片的尺寸和中心点正确。中心点如果偏了所有部件的旋转变形都会围绕错误的位置发生脸捕时头部旋转会明显偏移。4.2 网格生成自动网格 vs 手动调整选中一个部件右键选择“自动生成网格”。Cubism会自动给部件划分网格这个网格是后续变形的“肌肉”网格越密集变形越细腻但也就越难控制。对于脸捕动画来说网格并不需要越密越好。我的经验是大面积的静态区域脸、身体用默认密度即可甚至可以用“参数生成”功能降低网格密度。眼睛、嘴巴、眉毛这些需要精细变形的区域可以适当增加网格密度。头发的边缘、发梢可以手动增加一些节点防止变形时出现锯齿。自动生成的网格往往会在部件轮廓边缘产生多余的节点这些节点在后续绑定变形路径时会造成干扰。我习惯自动生成完以后手动把边缘的一些冗余节点删掉只保留对变形有控制意义的节点。4.3 变形路径让部件动起来的核心网格生成完毕后接下来要为每个可动部件创建变形路径。变形路径是一条“控制线”它定义了部件在某个参数变化时如何移动、旋转、缩放。在Cubism的工具栏里找到“变形路径”工具然后选中要绑定的部件比如左眼瞳孔。创建一条变形路径放在部件中心路径两端各有一个控制点。在“参数”面板中选择要控制的参数比如ParamEyeBallX。拖动变形路径的控制点把瞳孔移动到目标位置Cubism会自动记录这个“关键位置”。重复这个过程为所有可动部件创建变形路径。需要特别注意的是一个部件可以有多条变形路径一条变形路径可以同时绑定多个参数但每个变形路径的控制点不要太多否则调整起来容易乱。4.4 关键参数组设置从眼睛到嘴巴基础脸捕动画最核心的参数是眼球运动、眨眼、眉毛运动、嘴部开合。这里我按照参数分模块讲。眼球运动为左右瞳孔分别建立变形路径绑定到ParamEyeBallX和ParamEyeBallY。在参数值为0正中间时瞳孔在原位值为1时瞳孔移到眼眶最右侧值为-1时移到最左侧。Y方向同理。注意瞳孔的运动范围不要超出眼眶边缘太多否则看起来很违和。建议在Cubism里反复拖动参数通过3D视图预览调整位置。眨眼为左右上眼皮建立变形路径绑定到ParamEyeLOpen和ParamEyeROpen。关键帧0闭眼上眼皮向下移动盖住瞳孔直到和下颌线重合。关键帧1睁眼上眼皮回到原始位置。这里有个细节眨眼时下眼皮一般不动只有上眼皮下压这样才自然。很多人做眨眼时把上下眼皮同时移动导致表情僵硬。眉毛运动为左右眉毛建立变形路径绑定到ParamBrowLY和ParamBrowRY。眉毛是情绪表达的关键建议至少设置三帧上扬1、放松0、紧张-1。眉毛变形时眉尾的移动幅度不要太大眉头的移动幅度稍小一点这是符合面部肌肉运动的规律的。嘴部开合为嘴巴部件包括上下嘴唇建立变形路径绑定到ParamMouthOpenY。关键帧0闭嘴上下嘴唇闭合无缝隙。关键帧1张嘴下嘴唇向下移动上嘴唇向上微移口腔内部应该被正确拉伸。值得注意的是嘴巴张开时脸部网格特别是下脸颊不应该被拉扯得过大。如果嘴部部件和面部是同一个网格的话需要约束变形范围。更稳妥的方案是把嘴部独立成一个部件这样它变形时不会牵连脸颊。4.5 从僵硬到自然曲线编辑的实战技巧变形路径绑定完成后你的模型理论上已经能动了但动起来很可能很“机械”。原因在于Cubism对其中的参数曲线默认采用线性插值也就是匀速运动。比如眨眼从0到1是匀速的但真实的眨眼是先加速后减速的过程。要解决这个问题你需要编辑参数曲线打开“参数”面板选中某个参数比如ParamEyeLOpen。点击“编辑曲线”按钮会看到参数值随时间的曲线。曲线默认是直线把中间的关键帧选中使用贝塞尔手柄调整成S形曲线这样运动就会呈现出先快后慢的效果非常接近真实肌肉运动。这套技巧不仅适用于眨眼嘴巴开合、眉毛上挑、头部转动都用得上。你可以把头部转动调整成略微“缓入缓出”的曲线这样脸捕时转头会很自然如果你完全不做曲线头旋转会像机器人一样。4.6 保存导出.moc3文件生成流程建模阶段完成后就可以导出模型文件了。在Cubism中选择“文件-导出为嵌入用.moc3”然后勾选纹理图集选项Cubism会自动将所有部件图合并成一张或多张纹理图集。导出前务必检查模型的所有部件没有未绑定的网格或变形路径。所有参数曲线都已经做过平滑处理。没有残留的蓝色/绿色“未焊接”编辑点Cubism中有提示。导出后生成的是一个文件夹里面包含 .moc3、.model3.json、纹理图集png等文件。这个文件夹就是可以交给脸捕软件加载的模型包。5. 半成品自检建模完成后的验证清单与常见问题排查这一步属于“交付前自测”。模型从Cubism导出后先别急着打开脸捕软件在Cubism里把参数基础状态调整好能帮你筛掉大部分低级错误。5.1 在Cubism里手动验证表情变化在Cubism的3D预览窗口中你可以在参数面板直接拖动每个参数滑块观察模型变化。你应该依次验证以下场景把ParamAngleY从左到右拖动模型头部应平滑转向而脸上的五官不会出现撕裂或折痕。把ParamEyeLOpen从1拖到0左眼皮应平滑下压完全闭合瞳孔被完全遮住。把ParamMouthOpenY从0拖到1嘴部应平滑张开口腔内部要能被看到嘴角不外翻。把ParamBrowLY从1拖到-1眉毛应从高到低平滑移动额头皮肤不应该产生明显褶皱。这四项都顺畅了说明你的模型基础质量过关。如果哪一项出现撕裂、穿帮、跳变记录下相关参数和部件回到编辑状态修复。5.2 物理效果给你的模型加一点“活气”脸捕本身不要求物理效果但很多用户反馈“模型动起来还是有点死板”原因往往出在头发没有物理动态。Cubism支持给头发、饰品、衣服下摆等部件加“物理效果”让它们跟随头部运动自然地摆动。操作路径给前发、后发、长头发部件添加“物理运算”用途的变形路径然后在“物理效果”设置面板中设置摆动的衰减、频率和重力影响。设置完以后在3D预览里左右快速摆动头部头发应该能产生自然的拖尾感而不是生硬地跟头一起转。物理效果不会影响脸捕参数但它能显著提升模型直播时的观感属于低成本高回报的加分项。5.3 新手最常翻车的三个问题及修复我在帮人排查模型问题时发现下面三个问题出现频率最高这里给你一个自查清单**问题一部件边缘有白边或像素缺失。**原因通常是拆图时选区边缘没处理干净。解决办法是回到图像处理软件用“收缩1像素羽化0.5像素”重新清理边缘。如果你不想重新导出也可以在Cubism的纹理设置里增加“边缘羽化”但这只是补救不如源头解决。**问题二眼珠转动时会露出眼白边缘的透明空隙。**原因是瞳孔的变形路径控制范围过大或位移过度。回到变形路径编辑缩小瞳孔移动的最大位移量确保移动到极限位置时瞳孔边缘仍能盖住眼白。**问题三嘴巴张开时整个下巴被拉得变形。**原因是嘴部与面部使用了同一个网格或变形路径的影响范围覆盖过大。解决办法是把嘴部部件独立成单独部件只用独立部件做开合变形或者缩小变形路径的影响范围让变形只作用于嘴部区域。5.4 下篇预告从模型到脸捕联调到这里你已经完成了一张图到Live2D基础脸捕动画模型的所有准备工作。这个导出的模型包离“能在直播中动起来”只差最后一步把模型加载进脸捕软件做好参数映射与灵敏度校准。这一步会涉及ARKit的面部表情系数怎么对应到Live2D参数、摄像头角度对捕捉精度的影响、以及直播推流时如何最大限度降低延迟。这些内容我放在下篇展开。这一套流程走下来你花在Cubism里的核心时间大概在三到五个小时。我第一次做的时候光是调眨眼曲线就花了一个下午因为那时候不懂贝塞尔手柄的用法每次眨眼都像卡顿的视频。后来搞明白“眨眼应该是抛物线而非直线”这个道理之后模型质感一下就上来了。这算是建模阶段最容易见效、也最容易被忽略的经验写在这里提醒你。