浩天博客
动画资产生成器

动画资产生成器

动画资产生成器

这是 2D 动画原理专栏的第一步工具:把人物或动漫角色图片拆成可复查的资产层。它先在浏览器里做边缘保留超分,再按颜色聚类做分割和分层,最后导出 SVG、分层 PNG 和资产清单。

图片不会上传到服务器,也不会写入数据库。所有像素处理都发生在当前浏览器里;生成的下载链接只存在于当前页面会话。

动画资产生成器:人物图片分层转 SVG

把本地人物或动漫角色图片放进浏览器,先做边缘保留超分,再用颜色聚类把角色拆成图层,最后导出 SVG、分层 PNG 和资产清单;生产级流程可下载本机 ComfyUI + Grounded-SAM + vtracer 管线。

图片只在当前浏览器处理;不会上传、不会写入服务器,也不需要登录。刷新页面后,生成结果会消失。

等待图片输入
预览
SVG

分层结果

使用建议

  • 优先使用干净角色图、透明背景、赛璐璐硬边和较少渐变。
  • 如果 SVG 太大,降低“矢量网格上限”或减少图层数。
  • 如果小碎片太多,提高“细节阈值”;如果细节丢失,降低阈值。
  • 这个浏览器工具适合快速做动画资产草稿;生产级分割可以下载离线 ComfyUI + Grounded-SAM + vtracer 管线在本机运行。
  • 离线生产管线支持 IP-Adapter 锁定角色一致性、OpenPose 拆件排版、文本 prompt 语义抠图和 SVG 稳定 ID 装配。

下一步

生成的资产包可以作为 2D 动画制作的起点:把头发、脸、衣服、手臂、阴影等图层拆出来,再在后续动画工具中设置锚点、骨骼或关键帧。本站后续会继续补充 2D 动画原理专栏:分层、锚点、骨骼绑定、补间、曲线、镜头和导出。

阅读配套文章:人物图片转 SVG 动画资产管线

下载生产级离线脚本,或下载 ComfyUI 工作流模板

向下探索