T-Shirt-Design in 3D-Modell konvertieren: Der praktische Guide

Warum ein flaches Design kein 3D-Modell ist

Ein T-Shirt-Design liegt zunächst als PNG oder JPG vor – flach, zweidimensional, ohne Tiefe. Ein 3D-Modell braucht dagegen Geometrie: ein Mesh, das die Form des Shirts beschreibt, plus Materialien und Texturen, die das Design auf der Oberfläche platzieren.

Der entscheidende Schritt ist also nicht, das Bild in Geometrie umzuwandeln, sondern es als Textur auf ein vorhandenes 3D-Shirt-Mesh zu legen. Genau das ist der Kern des Workflows, den Print-on-Demand-Seller und Apparel-Designer nutzen, um Shirts in 3D zu previewen, Mockups zu rendern oder AR-Anproben zu ermöglichen.

Der Workflow: Von der 2D-Grafik zum 3D-Shirt

Der typische Ablauf beginnt in einer 3D-Modellierungssoftware wie Blender. Dort importierst du ein T-Shirt-Mesh und nutzt die UV-Editing-Operatoren, um die 2D-Textur auf die 3D-Oberfläche zu mappen. Blender stellt dafür spezielle UV-Operatoren bereit, mit denen sich 2D-Texturen auf 3D-Meshes abbilden lassen.

Anschließend kann das Design in einem Texturing-Tool wie Adobe Substance 3D Painter weiter verfeinert werden – etwa um Falten, Stoffstruktur oder Beleuchtung realistisch wirken zu lassen. Danach exportierst du das fertige Asset in einem runtime-freundlichen Format.

Für Web-Viewer, AR oder 3D-Druck ist glTF die naheliegende Wahl: eine royalty-freie Spezifikation für die effiziente Übertragung und das Laden von 3D-Szenen und -Modellen, die Asset-Größe und Runtime-Verarbeitung minimiert.

• 3D-Mesh erstellen oder importieren (z. B. T-Shirt-Grundform)
• UV-Mapping: 2D-Design als Textur auf das Mesh legen
• Texturing und Materialien verfeinern
• Export als glTF (.gltf oder .glb)

glTF als Standardformat für 3D-Shirt-Assets

glTF 2.0 wurde als ISO/IEC 12113:2022 International Standard veröffentlicht. Der Kern von glTF ist eine JSON-Datei, die eine Szene mit 3D-Modellen beschreibt. Diese kann in einer einzigen binären .glb-Datei gespeichert werden.

Zu den Top-Level-Elementen von glTF gehören Szenen, Nodes, Kameras, Meshes, Buffer, Materialien, Texturen, Skins und Animationen. Für T-Shirt-Designs bedeutet das: Du kannst das Mesh, die Textur mit deinem Design und die Materialeinstellungen in einer kompakten Datei bündeln, die sich schnell laden lässt.

• Royalty-freie Spezifikation
• Minimiert Asset-Größe und Runtime-Verarbeitung
• Unterstützt Texturen, Materialien und Animationen

WebXR: AR-Anprobe direkt im Browser

WebXR ist eine Gruppe von Standards, mit denen 3D-Szenen auf VR- oder AR-Geräten gerendert werden – einschließlich handgehaltener Mobiltelefone, die die Realität mit computergenerierten Bildern erweitern. Für T-Shirt-Designs heißt das: Kunden könnten das Shirt per Smartphone-Kamera in ihrer Umgebung betrachten, ohne eine App zu installieren.

In Kombination mit Web-Viewern wie three.js oder WebXR-fähigen Browsern lässt sich so eine AR-Try-on-Erfahrung umsetzen. Der glTF-Export aus dem vorherigen Schritt ist dabei das Format, das der Viewer lädt.

Praktische Tipps für Print-on-Demand und Apparel-Designer

Achte darauf, dass dein 2D-Design in ausreichender Auflösung vorliegt, bevor du es als Textur verwendest. Ein unscharfes oder verpixeltes Design fällt auf einem 3D-Modell stärker auf als in einem flachen Mockup.

Teste das exportierte glTF-Modell in einem Web-Viewer, bevor du es in einen Shop oder eine AR-Anwendung einbindest. So siehst du sofort, ob Textur, Material und Beleuchtung stimmen.

Für 3D-Druck oder AR-Anproben gelten zusätzliche Anforderungen an Mesh-Qualität und Dateigröße. Die genauen Schritte hängen vom Zielgerät und der verwendeten Software ab – ein pauschales Rezept gibt es dafür nicht.

• Design in hoher Auflösung als Textur verwenden
• glTF-Export immer im Web-Viewer testen
• Für AR und 3D-Druck separate Anforderungen prüfen