我们在冲刺一款二次元风格的横版动作抽卡手游。下周二,发行商要来看最新 SSR 女角色的'大招动画'实机演示。结果,原定外包团队交上来的拆件 PSD 文件出了大纰漏——外包不仅把层级合并错了,而且所有被遮挡的身体部位(比如被大剑挡住的胸口、被头发遮住的肩膀)完全没有做'补图'处理!主美指出:'这怎么绑骨骼?角色一转身或者头发一飘,底下的透明窟窿就全露出来了!周末必须把这套极其复杂的哥特洛丽塔裙装加双马尾角色重新拆件、完美补图,周一早上我要看到她在 Spine 里生龙活虎地动起来!'
做过 2D 骨骼动画的同行都懂,立绘拆件和补图,简直就是 2D 美术管线里的'硬骨头'。
如果在传统的 2D 工作流里,你要处理这么一张高精度的二次元角色,过程非常繁琐。首先,你得在绘画软件里,拿套索工具把头发分为前发、中发、后发、鬓角,把手臂分为大臂、小臂、手掌,把裙子分为前摆、侧摆、后摆……足足拆出上百个图层;这还不算完,最麻烦的是'补图'。当你把前面的手臂单独抠出来后,身后的衣服上就会留下一个巨大的空白窟窿。为了让动画运转时没有死角,你必须纯手工、用画笔去脑补并画完那些原本看不见的衣服褶皱、身体结构和光影。这一套纯手工的'碎尸万段 + 女娲补天'流程走下来,手速再快的老原画师,周末不眠不休也只能勉强补完一半的图层。
但在 AIGC 和现代工业化工具链极其发达的今天,纯靠死磕数位板和手绘去堆叠被遮挡的像素,绝对是效率的严重倒退。死线从来不会可怜打工人,玩家和发行商也只看最终角色的灵动感。如果你在日常的独立游戏开发、二次元角色制作中,也经常因为无尽的分层抠图和绝望的透视补图而感到头秃,请务必先把这篇基于图像算法的跨界工作流收藏起来。真正能按时下班的高阶技术美术(TA)和资深角色师,都在用这套高效的极速方案。今天我将教你如何用 Adobe Photoshop 的最新 AI 功能,结合第三方骨骼神器 Spine 2D,把原本一周的拆件地狱工作量,压缩到两小时内用'一张平面图'完美通关!
第一阶段:AIGC 角色底图的生成与拆件逻辑预判
既然没有时间去一笔笔重绘,我们就必须转变思路:利用 AI 极其强大的图像修复(Inpainting)能力,让算法代替人脑去'猜'和'画'那些被遮挡的区域。第一步,如果你的项目还在概念阶段,我们可以用 AI 跑出基础立绘。这里推荐使用 Midjourney (Niji 6 模型) 来生成角色底图。
1. 设定工业级的角色立绘提示词(Prompt) 打开你的 AI 生图频道。为了方便后期抠图,指令里必须强制指定视角为正面或微侧,最核心的是要求纯色背景,以及尽量张开双臂的 A-pose(A 字站姿)。 在聊天框粘贴业务级提示词:
Full body character design of an anime gothic lolita girl holding a giant sword, facing forward, A-pose, highly detailed, clear line art, flat anime coloring, pure white background, distinct clothing layers, symmetric lighting, gacha game SSR character asset, 8k resolution, --ar 9:16 --niji 6
2. 核心参数背后的 2D 动画逻辑 要求'A-pose(A 字站姿)'是为了最大程度减少肢体之间的互相遮挡,手臂不贴着身体,拆件时就能少补一半的图。'pure white background(纯白背景)'是重中之重,它能让我们在 PS 里一键去底,提取出完美的 Alpha 通道。'distinct clothing layers(清晰的服装层级)'则是为了告诉 AI,不要把布料画得粘连在一起。 挑选一张结构最清晰、设计感最强的图片,无损放大并保存到本地高速固态硬盘中。
第二阶段:Photoshop 的深度解剖与一键智能抠图
现在,打开你的 Adobe Photoshop。我们将进行极为关键的'逻辑拆层'。
1. 智能去背与主体隔离 在 PS 中打开图片。对于纯白背景的图,直接使用左侧工具栏的'对象选择工具',或者点击上方属性栏的'移除背景'。AI 会瞬间用极其精准的蒙版把角色抠出来。把纯白背景图层删掉,现在你得到了一个带有透明通道的完整角色图层。将其重命名为'Base'。
2. 肢体与配件的极速剥离
我们需要把角色大卸八块。以前用钢笔工具慢慢抠边缘,现在完全不需要。
使用'对象选择工具',鼠标悬停在角色的左臂上。你会发现 PS 的 AI 自动高亮了整条手臂!单击选中,按 Ctrl + Shift + J(剪切并新建图层)。这条手臂就被完美地独立出来,并命名为'左臂'。
用同样的方法,依次悬停并剪切:右臂、巨剑、前发、双马尾、前裙摆。遇到 AI 识别不够完美的地方(比如头发的发丝边),用'快速选择工具'稍微加减一下选区即可。
不到五分钟,你的图层面板里已经有了十几个独立的大部件图层。但问题来了——把这些部件隐藏后,留下的'Base'图层(身体躯干)上,全是一个个极其惊悚的透明大窟窿!
第三阶段:Generative Fill(创成式填充)的'女娲补天'魔法
这里是整个工作流最核心、最高效的一步!传统的画师在这个阶段需要对着透明窟窿画上两三天的躯干和衣服褶皱。现在,我们把画笔交给 AI。
1. 选区扩张与完美的上下文识别
选中被挖得千疮百孔的'Base'图层。按住 Ctrl 键,点击图层缩略图,载入当前躯干的选区。
然后按 Ctrl + Shift + I 反选,这时候选中的就是那些被挖走的窟窿区域。
超级重点:不要直接让 AI 填!为了让 AI 填补的边缘和现有的衣服完美融合,在顶部菜单栏点击'选择' -> '修改' -> '扩展',输入 3 到 5 个像素。这一步是为了让选区稍微吃进一点现有的画面,给 AI 提供计算颜色和线条走向的'上下文参考'。
2. 降维打击的极速补图 保持选区处于激活状态,点击画面下方悬浮条上的'创成式填充(Generative Fill)'。 不需要输入任何复杂的提示词!在提示词框里什么都不写(或者简单输入'fill the missing cloth and body parts'),直接点击'生成'。 奇迹发生了。几秒钟后,进度条走完。你会震撼地发现,原本因为拿走手臂而空缺的肩膀结构、因为拿走巨剑而缺失的胸口衣纹、因为拿走前发而秃掉的脑门,被 PS 的 AI 以极其完美的透视、完全一致的光影和画风,严丝合缝地填补上了!AI 不仅画出了被挡住的蕾丝边,甚至连衣服的褶皱走向都完美衔接上了原图。
说实话,拆分一整套高精度的立绘,频繁调用云端创成式填充极其吃算力和网络。确保你拥有稳定的 Adobe Creative Cloud 订阅环境,这样工具才能稳,咱们打工人才能有底气准点下班。
对每一个被遮挡的底层部件重复这个操作(比如把后裙摆单独抠出来,用 AI 补满背后的内部结构)。仅仅花了不到半小时,你不仅拆出了所有图层,而且每一个图层都是完整无死角的!
第四阶段:第三方神器 Spine 2D 的数据通道对接
图层拆解并补齐后,我们要把它们送进骨骼动画软件。这里必须借助业界标准的自动化脚本。
1. 图层命名规范与官方脚本导出
Spine 2D 对图层的导入有严格的要求。不要傻乎乎地一张张导出 PNG 再去 Spine 里重新拼位置,那会死人的。
在 PS 中整理你的图层。确保没有多余的隐藏图层。
下载并安装 Spine 官方提供的 PhotoshopToSpine.jsx 脚本。
你可以利用脚本的标签功能来自动化工作。比如,你可以把含有左手臂的图层文件夹命名为 [bone] left_arm,这样脚本导出时就会自动为你生成这根骨骼。
点击 PS 的'文件' -> '脚本' -> 'PhotoshopToSpine'。在弹出的面板中,勾选'Write Spine JSON(写入 Spine JSON 文件)'和'Trim whitespace(裁剪空白像素)'。点击确定。
脚本会自动全速运行,帮你把几百个图层分别裁剪成最小尺寸的透明 PNG,并生成一个包含所有坐标和层级关系的 JSON 数据包。
2. Spine 2D 的骨骼蒙皮与网格形变(Mesh Deformation) 打开当今 2D 游戏开发无可替代的第三方动画软件——Spine 2D。 点击左上角,选择'导入数据',选中刚才生成的 JSON 文件。 瞬间,你的角色完好无损地出现在了视口中,每一个图层都在它原本绝对精确的坐标上,而且图层列表已经为你自动搭建好了!
- 生成网格(Mesh):选中角色的前裙摆图片,在右侧属性栏勾选'网格'。点击'编辑网格',使用'描摹'功能,软件会自动沿着裙摆的边缘生成高密度的多边形网格。
- 绑定骨骼(Weights):在角色的脊椎、大腿、裙摆上创建骨骼节点。选中网格,点击'绑定',将这些骨骼绑在裙摆上。
- 刷权重与物理解算:打开权重笔刷,平滑一下骨骼对网格的影响力。现在,当你转动角色大腿的骨骼时,裙子会跟着发生极其柔和、真实的物理拉扯变形!而且因为我们在 PS 里已经用 AI 把裙子后面的腿和内衬全部'补图'画出来了,所以无论裙摆怎么掀起、角色动作幅度有多大,都绝对不会出现任何穿帮的透明窟窿!


