Turn image into 3D model for jersey

looking for someone who can do something similar to this link.

This allows the user to upload image they find online or image generated through AI. This will be mapped onto the 3d jersey models and will allow the users to further change the colours, remove logos and etc via prompt. They can also insert their own team logos and text to further add in what they need.

All these will eventually be converted to production ready file to be send for printing.

2 Likes

There’s a few parts to building a configurator something like this…

Building the tech (usually some combination of fabricjs and threejs for the placement/interaction..)

And the artwork assets… (3d modelled clothing with UV maps that are organized and consistent across models.

Use the search function above ^ and search for β€œ3d clothing configurator” and read some of the many many existing threads on here on the topic. ( Or have your LLM do it :smiley: and summarize the technical constraints/issues )

Here’s the link: Search results for '3d clothing configurator' - three.js forum

In short.. It’s a large topic, harder than it looks, and might require a cross disciplinary programmer/artist unicorn, or a small team.

3 Likes

Hi, thanks for sharing the details. This sounds like an interesting AI-powered 3D customization platform.

From my understanding, the goal is to allow users to upload or generate designs, apply them onto 3D jersey models, customize elements such as colours, logos, and text through prompts, and finally export production-ready files for manufacturing.

I have experience building AI-driven applications and full-stack systems, including integrating AI models, developing user interfaces, backend services, and handling complex workflows. For a solution like this, I would approach it by combining image generation/editing capabilities, prompt-based customization, 3D texture mapping, and a backend pipeline to prepare print-ready assets.

I’d be interested in discussing the project further, including the expected user experience, preferred technologies, 3D model requirements, AI capabilities, and the production file formats needed.

Could you share more details about the current stage of the project and your expectations for the first version?

Hi Hhoonngg, π’ƒπ’–π’Šπ’π’…π’Šπ’π’ˆ an π’Šπ’π’•π’†π’“π’‚π’„π’•π’Šπ’—π’† 3D π’„π’π’π’‡π’Šπ’ˆπ’–π’“π’‚π’•π’π’“ like the one in your video comes down to texture control first.

The user needs to see the jersey update cleanly as they upload an image, change colours, or remove a logo through a prompt.

My approach would start with a base jersey model and a clean 𝑼𝑽 π’Žπ’‚π’‘π’‘π’Šπ’π’ˆ template, so any uploaded image maps predictably.
After that, I would add a 𝒕𝒉𝒓𝒆𝒆.𝒋𝒔 viewer for 3D preview and a π’‡π’‚π’ƒπ’“π’Šπ’„.𝒋𝒔 overlay for placing team logos and text.

The prompt layer for 𝑨𝑰 π’Šπ’Žπ’‚π’ˆπ’† π’ˆπ’†π’π’†π’“π’‚π’•π’Šπ’π’ and colour removal would sit on a separate texture pass, so edits never break the base design.

Then everything can be flattened into a π’‘π’“π’π’…π’–π’„π’•π’Šπ’π’-π’“π’†π’‚π’…π’š file for printing.

Do you already have 3D jersey models with UVs, or should the first deliverable include preparing those base assets?

1 Like

This is a genuinely interesting 3D configurator problem, and it’s close to what I’ve already built.

My recent project is dsign4you ( Teamwear Designer 3D ), a production sportswear configurator where users add shapes, text, and images to an apparel pattern and the design is saved as a production-ready SVG vector file, using a fabric.js 2D canvas as the texture layer mapped onto a Three.js 3D model.

That architecture a 2D canvas driving a 3D preview while simultaneously building the print-ready output is exactly what your requirements need, and it’s the piece most implementations get wrong by treating the 3D preview and the production file as separate systems rather than two views of the same underlying design data.

For your image upload and AI-generated artwork flow, I’d map the uploaded image onto the 3D jersey model as a texture, then handle the prompt-based edits (color changes, logo removal) as operations on the design layer, so every change stays reflected in both the live 3D preview and the exportable file.
The logo and text insertion would work the same way, as vector layers the user can position and edit, which keeps everything print-quality rather than rasterized. The critical requirement converting to a production-ready print file is where my dsign4you experience is most directly relevant, since generating clean, correctly-scaled SVG or vector output suitable for sublimation printing is a specific challenge I’ve solved rather than something I’d be figuring out.

I’d build it so the 3D interaction feels smooth and intuitive while the production file is being constructed accurately in the background, which is what separates a fun demo from something a printer can actually use.

Happy to chat whenever works for you about your printing workflow and what format your production files need to be in.

Thank you.

Hey @Hhoonngg. Please check the below URL

https://akashsomasalle-arch.github.io/apparel-configurator-prod/

https://demo.270degrees.nl/public/shirtdesigner/

Upload images and move, scale, rotate, directly on the 3d garment

Hi! This sounds like a fun scope, real-time texture/logo mapping on a 3D garment is close to what I built for a 3D product viewer (https://vcgi.mcube.fr/), where I handle dynamic texture application on 3D models in the browser with Three.js. I haven’t used Fabric.js specifically for the 2D layer, but it’s a straightforward addition alongside Three.js/WebGL, I work daily with GSAP, R3F and Next.js for interactive product experiences.

Happy to put together a quick prototype (image-to-texture mapping on a basic jersey mesh) so you can see the approach before committing to scope/budget, that’s usually the fastest way to de-risk a project like this.

More of my interactive/3D work here: https://valentingassend.com/. Feel free to DM or reach me at contact@valentingassend.com.

Best,
Valentin Gassend