Ein starkes Design verkauft sich leichter, wenn Kundinnen und Kunden es nicht nur als flache Grafik sehen, sondern als glaubwürdiges Produkt. Genau dafür werden Textil-Mockups eingesetzt. Sie zeigen ein Motiv auf einem T-Shirt, Hoodie oder Sweatshirt, bevor das Kleidungsstück produziert oder fotografiert wurde. Für Streetwear-Labels, Print-on-Demand-Shops, Bands und Merch-Projekte sind solche Visualisierungen ein wichtiger Teil von Produktseiten, Kampagnen und Vorbestellungen.
Mit Mockup Paint lässt sich ein T-Shirt Mockup direkt im Browser erstellen. Der Editor kombiniert vorbereitete Produktbilder mit einer freien Ebenenstruktur. Das Motiv wird also nicht dauerhaft in eine starre Vorlage eingebrannt, sondern bleibt als eigene Ebene bearbeitbar. Dadurch können Position, Größe, Farbe, Perspektive und Effekte jederzeit korrigiert werden.
Dieser Workflow führt vom leeren Dokument bis zum exportfertigen Produktbild.
1. Das Zielformat vor dem Gestalten festlegen
Bevor ein Mockup ausgewählt wird, sollte klar sein, wo das Bild später erscheinen soll. Ein quadratisches Produktbild für Shopify braucht eine andere Komposition als eine Instagram Story oder ein breites Banner. Mockup Paint bietet deshalb mehrere Dokument- und Formatvorlagen.
Für Onlineshops eignen sich quadratische Arbeitsflächen, beispielsweise 800 × 800 oder 2048 × 2048 Pixel. Für Social Media stehen unter anderem Instagram-Post, Instagram-Story, Facebook-Post und YouTube-Thumbnail zur Verfügung. Ein benutzerdefiniertes Format kann in Pixeln, Zentimetern oder Millimetern angelegt werden.
Für reine Bildschirmgrafiken sind 72 DPI in vielen Fällen ausreichend. Soll das Ergebnis später gedruckt oder in einer größeren Produktion weiterverarbeitet werden, ist ein Dokument mit 300 DPI die bessere Grundlage. Die Wahl am Anfang verhindert unnötiges Skalieren am Ende.
2. Einen passenden Hintergrund wählen
Ein Mockup muss nicht auf einem rein weißen Hintergrund stehen. Je nach Markenstil kann ein dunkler, farbiger oder strukturierter Hintergrund die Wirkung des Produkts verstärken. Im Asset-Katalog von Mockup Paint gibt es vorbereitete Farbflächen und Hintergrundformate. Eigene Bilder können ebenfalls importiert werden.
Der Hintergrund sollte als unterste Ebene liegen. Es empfiehlt sich, diese Ebene sofort eindeutig zu benennen und zu sperren. So wird sie bei späteren Bearbeitungsschritten nicht versehentlich verschoben. Bei mehreren Varianten kann derselbe Hintergrund dupliziert oder zusammen mit dem Produktbild gruppiert werden.
Ein häufiger Fehler besteht darin, den Hintergrund zu dominant zu gestalten. Das Kleidungsstück und das Motiv sollten die wichtigsten visuellen Elemente bleiben. Ein ruhiger Kontrast, ausreichend Freiraum und eine klare Lichtwirkung funktionieren meistens besser als eine überladene Szene.
3. T-Shirt, Hoodie oder Sweatshirt aus dem Katalog einfügen
Der integrierte Mockup-Katalog enthält verschiedene Apparel-Vorlagen. Dazu gehören T-Shirts, Oversize-Shirts, Hoodies und Sweatshirts. Mehrere Modelle sind als Vorderseite, Rückseite oder Detailaufnahme vorhanden. Zusätzlich gibt es Farbserien und fotografische Varianten.
Die Auswahl sollte zur Aussage des Designs passen. Ein großes Rückenmotiv benötigt eine Rückansicht, während ein kleines Brustlogo in einer Front- oder Detailaufnahme besser erkennbar ist. Für einen Onlineshop ist es sinnvoll, mehrere Bilder derselben Kollektion zu erstellen: eine klare Frontansicht, eine Rückansicht und mindestens eine Detailaufnahme.
Nach dem Einfügen erscheint das Mockup als eigene Ebene. Es kann frei verschoben, skaliert und gedreht werden. Werden mehrere Produktbilder auf einer Leinwand benötigt, platziert Mockup Paint weitere Mockups versetzt, damit sie nicht vollständig übereinanderliegen.
4. Das eigene Motiv hochladen
Logos und Prints können als PNG, JPG oder SVG eingefügt werden. Für Motive mit transparentem Hintergrund ist PNG meist die einfachste Wahl. SVG eignet sich besonders für Logos und grafische Formen, weil die Datei ohne Qualitätsverlust skaliert werden kann. Auch PSD-Dateien lassen sich importieren, wobei RGB-Dateien für einen vollständigen Ebenenworkflow am zuverlässigsten sind.
Mockup Paint führt hochgeladene Grafiken in einer Logo-Auswahl. Dadurch können mehrere Motive vorbereitet und nacheinander verwendet werden. Beim Einfügen orientiert sich die erste Platzierung am ausgewählten Mockup. Das spart Zeit, ersetzt aber nicht die visuelle Feinabstimmung.
Ist der Hintergrund des Logos noch sichtbar, kann er im Editor entfernt werden. Transparente Außenränder lassen sich anschließend automatisch trimmen. Dadurch entspricht der Auswahlrahmen dem tatsächlichen Motiv und das Platzieren wird präziser.
5. Position und Größe glaubwürdig anpassen
Ein Printmotiv sollte sich an der Form und den Proportionen des Kleidungsstücks orientieren. Bei einem T-Shirt liegt ein großes Frontmotiv meist mittig auf der Brust, beginnt aber nicht direkt am Kragen. Kleine Logos sitzen häufig links oder rechts im Brustbereich. Rückenprints können deutlich größer ausfallen, sollten jedoch Abstand zu Kapuze, Kragen und Saum halten.
Mit den Transformationsgriffen wird das Motiv skaliert. Eine Drehfunktion gleicht leicht schräge Produktaufnahmen aus. Für fotografierte Kleidungsstücke mit einer deutlichen Perspektive steht ein Perspektivmodus zur Verfügung. Dabei können die vier Ecken unabhängig verschoben werden. Das Motiv folgt dadurch einer schrägen oder trapezförmigen Fläche.
Raster, Objekt-Snapping und Ausrichtungslinien helfen bei der Positionierung. Beim Verschieben erkennt der Editor Kanten und Mittelpunkte anderer Objekte. Rote Hilfslinien zeigen eine gefundene Ausrichtung an. Für mehrere Varianten kann ein Motiv dupliziert und anschließend auf das nächste Mockup verschoben werden.
6. Stoffstruktur und Motiv miteinander verbinden
Ein Logo, das einfach über einem Foto liegt, wirkt häufig wie ein Aufkleber. Realistischer wird das Ergebnis durch eine Kombination aus Mischmodus, Deckkraft, Farbkorrektur und Schatten.
Der Mischmodus „Multiplizieren“ eignet sich häufig für dunkle Drucke auf hellem Stoff, weil helle Pixel des Motivs zurücktreten und die darunterliegende Struktur sichtbar bleibt. „Screen“ beziehungsweise Negativ multiplizieren kann bei hellen Motiven auf dunklem Material helfen. „Overlay“, „Soft Light“ oder „Hard Light“ erzeugen stärkere Kontraste, sollten aber sparsam eingesetzt werden.
Mit der Deckkraft lässt sich das Motiv etwas in den Stoff integrieren. Ein sehr kleiner Blur kann harte digitale Kanten mildern. Schatten sind eher für aufgesetzte Elemente, Patches oder Sticker geeignet; ein klassischer Siebdruck benötigt normalerweise keinen deutlichen Schlagschatten.
Helligkeit, Kontrast und Sättigung können global oder auf passenden Bildebenen angepasst werden. Zusätzlich stehen Farbtonrotation und Einfärbung zur Verfügung. Schwarz-weiße Logos lassen sich so schnell an verschiedene Farbvarianten einer Kollektion anpassen.
7. Overlays und Produktdetails richtig verwenden
Einige Mockups bestehen nicht nur aus einem einzelnen Bild. Zusätzliche Ebenen wie Kordeln, Kapuze oder Stoffdetails können über dem Motiv liegen. Diese Overlays sorgen dafür, dass ein Logo scheinbar hinter einer Kordel verschwindet oder von einer Produktkante verdeckt wird.
Die richtige Ebenenreihenfolge ist dabei entscheidend: Hintergrund ganz unten, Produktbasis darüber, Motiv auf dem Produkt und relevante Detail-Overlays ganz oben. In Mockup Paint können solche Elemente mit dem zugehörigen Mockup verknüpft oder gruppiert werden. Beim Verschieben des Produkts bleiben die ergänzenden Ebenen dadurch an der richtigen Position.
Wenn ein Motiv nur innerhalb eines bestimmten Bereichs sichtbar sein soll, kann eine Form als Bildmaske dienen. Rechtecke, Kreise und weitere unterstützte Formen nehmen ein Bild auf und begrenzen seine sichtbare Fläche. Für unregelmäßige Bereiche stehen Pfad- und Lasso-Masken zur Verfügung.
8. Mehrere Produktvarianten organisieren
Kollektionen bestehen selten aus nur einem Produktbild. Meist werden mehrere Farben, Vorder- und Rückseiten oder unterschiedliche Motive benötigt. Eine klare Ebenenstruktur spart hier viel Zeit.
Sinnvolle Namen wie „Hoodie Schwarz Front“, „Logo Weiß“ oder „Kordeln Overlay“ sind hilfreicher als automatisch erzeugte Standardnamen. Zusammengehörige Ebenen können gruppiert und farblich gekennzeichnet werden. Gruppen lassen sich einklappen, gemeinsam verschieben oder vollständig ausblenden.
Mit Mehrfachauswahl können mehrere Elemente gleichzeitig bearbeitet werden. Duplikate eignen sich als Ausgangspunkt für Farbvarianten. Statt jedes Mockup neu aufzubauen, wird eine funktionierende Komposition kopiert und anschließend nur das Produktbild oder Motiv ersetzt.
9. Produktbild für Shop und Social Media exportieren
Für Onlineshops ist PNG eine gute Wahl, wenn Transparenz benötigt wird oder feine Grafikdetails erhalten bleiben sollen. JPEG erzeugt meist kleinere Dateien und eignet sich für vollständig gefüllte Produktbilder. Die Qualitätsstufe kann angepasst werden.
Für Social Media sollte direkt im passenden Seitenverhältnis gestaltet werden. Mockup Paint kann auch ein dreiteiliges Instagram-Karussell in einzelne quadratische Slides ausgeben. Hilfslinien markieren dabei die Übergänge zwischen den Motiven.
Soll das Mockup in Photoshop oder Procreate weiterbearbeitet werden, bietet sich der PSD-Export an. Die Elemente werden als separate Ebenen angelegt. Für Logos und vektorisierte Motive steht SVG zur Verfügung. Eine .mockuppaint-Projektdatei bewahrt den bearbeitbaren Stand und ist deshalb die beste Wahl für spätere Änderungen.
Qualitätskontrolle vor dem Export
Vor dem Download lohnt sich eine kurze Prüfung bei 100 Prozent Zoom. Sind die Kanten des Motivs sauber? Passt die Perspektive? Ist das Logo ausreichend groß, ohne unnatürlich zu wirken? Liegen Kordeln, Nähte und Produktdetails in der richtigen Ebenenreihenfolge? Stimmen Hintergrund und Produktfarbe miteinander überein?
Ein gutes Textil-Mockup soll nicht möglichst viele Effekte zeigen. Es soll eine glaubwürdige Vorstellung des späteren Produkts vermitteln. Mockup Paint stellt dafür die technischen Werkzeuge bereit; die überzeugende Wirkung entsteht durch ruhige Komposition, passende Proportionen und eine konsistente Bildserie.
Redaktioneller CTA: Eigenes Motiv hochladen und die erste T-Shirt- oder Hoodie-Visualisierung in Mockup Paint anlegen.
Häufige Fragen
Wie wähle ich die richtige Kleidervorlage?
Nimm eine Szene, deren Perspektive und Licht zu deinem Produkt passen. Eine gute Ausgangsvorlage reduziert spätere Korrekturen.
Wie positioniere ich ein Motiv auf einem Hoodie?
Achte auf Druckfläche, Stoffperspektive und ausreichenden Abstand zu Nähten. Prüfe das Ergebnis zusätzlich in der tatsächlichen Vorschaugröße.
Wie entstehen glaubwürdige Farbvarianten?
Halte Aufbau und Betrachtungswinkel konstant und ändere jeweils nur die vorgesehenen Bestandteile. So bleiben Varianten vergleichbar.
Kann ich das Mockup für einen Shop verwenden?
Ja, für Produktvorschauen und Varianten. Vor dem Livegang sollten Endformat, Kompression und Markenrichtlinien geprüft werden.
Weiterführende Beiträge
- Ebenen, Gruppen und Effekte in Mockup Paint richtig nutzen
- Bilder freistellen, maskieren und zuschneiden mit Mockup Paint
Quellen
- Mockup Paint Startseite – offizieller Produktumfang und Workflow. (Abrufdatum: 06.09.2026)
- Mockup Paint Editor – offizieller Bearbeitungsbereich und verfügbare Werkzeuge. (Abrufdatum: 06.09.2026)