Animation Asset Lab

Turn a character or anime image into reusable animation assets. One image is enough; import several directions of the same character — front, side, back, three-quarter — and each view is processed separately into a single asset library.

The order is: upscale, edge sharpening, background cutout, colour layering, contour vectorisation, body-part labelling. Output includes SVG paths, layered PNGs and an asset manifest, exportable as one ZIP.

Matting uses border seeding plus connected-region flood fill, not a neural network: edge colours are clustered into background representatives, then flooded inward, and a pixel counts as background only if its colour is close to a representative and it is reachable from the border. A white shirt matching a white backdrop therefore survives, where a plain colour threshold would delete it. Part labels are inferred from position within the subject’s bounding box and are suggestions you confirm.

No image is uploaded to the server or written to a database; all pixel work happens in the current browser. The library is kept in this device’s browser storage (IndexedDB), so it survives a reload — but clearing browser data removes it, so use the backup export to keep a copy.

Usage Notes

Start with clean character art, transparent backgrounds, cel shading, and hard edges.
If the SVG becomes too large, lower the vector grid cap or reduce the target layer count.
If tiny fragments dominate the result, raise the detail threshold; if details disappear, lower it.
This browser tool is for fast animation-asset drafts. For production-grade segmentation, run the offline ComfyUI + Grounded-SAM + vtracer pipeline locally.
The production path supports IP-Adapter identity locking, OpenPose exploded layouts, text-prompt semantic matting, and stable SVG group IDs.

Next Step

The generated asset pack is a starting point for 2D animation: separate hair, face, clothes, arms, shadows, and highlights, then add anchors, rigs, or keyframes in a later animation tool. The site will continue the column with layering, anchors, skeletal rigs, interpolation, curves, camera movement, and export.

Read the companion article: Character Image to SVG Animation Asset Pipeline

Download the production local script, or download the ComfyUI workflow template.