Tutorials

Tutorial: Realistische T-Shirt-Mockups in Adobe Photoshop erstellen

Melden

Hier ist ein ausführliches Tutorial, wie du in Adobe Photoshop ein professionelles und realistisches T-Shirt-Mockup erstellst.

Mockups sind ideal, um deine Designs digital auf Kleidung zu präsentieren, ohne sie vorher drucken zu müssen. In diesem Tutorial lernst du, wie du ein Design so auf ein T-Shirt legst, dass es sich den Falten und der Textur des Stoffes perfekt anpasst.

Schritt 1: Die Vorbereitung

Zuerst benötigst du zwei Dinge:

  1. Ein hochauflösendes Foto eines einfarbigen T-Shirts (am besten weiß oder hellgrau).
  2. Dein Design (Logo oder Grafik) als PNG mit transparentem Hintergrund.

Öffne das Foto des T-Shirts in Photoshop.

Schritt 2: Das Smartobjekt erstellen

Smartobjekte sind das Herzstück eines guten Mockups, da sie es dir ermöglichen, das Design später mit einem Klick auszutauschen.

  1. Wähle das Rechteck-Werkzeug (U) und ziehe eine Form über den Bereich des T-Shirts, auf dem das Design später erscheinen soll. Die Farbe ist egal.
  2. Klicke mit der rechten Maustaste auf die neue Ebene im Ebenen-Bedienfeld und wähle „In Smartobjekt konvertieren“.
  3. Reduziere die Deckkraft der Ebene vorübergehend auf ca. 50 %, damit du das T-Shirt darunter sehen kannst.

Schritt 3: Das Design einfügen

  1. Mache einen Doppelklick auf das Miniaturbild der Smartobjekt-Ebene. Es öffnet sich ein neues Fenster (.psb).
  2. Ziehe dein Design (PNG) in dieses Fenster. Passe die Größe an und speichere die Datei mit Strg + S (Windows) oder Cmd + S (Mac).
  3. Schließe das Fenster des Smartobjekts. Dein Design erscheint nun auf dem Hauptbild.
  4. Setze die Deckkraft der Ebene wieder auf 100 %.

Schritt 4: Anpassung an die Form (Verformen)

Ein T-Shirt liegt nie flach. Damit das Design realistisch wirkt, muss es den Kurven des Körpers folgen.

  1. Wähle die Smartobjekt-Ebene aus.
  2. Gehe zu Bearbeiten > Transformieren > Verkrümmen (Warp).
  3. Biege das Gitter vorsichtig so, dass die Grafik den Falten und der Rundung der Brust bzw. des Torsos folgt.
  4. Bestätige mit der Eingabetaste.

Schritt 5: Realistische Textur durch Mischmodi

Damit das Design nicht wie ein Aufkleber wirkt, müssen die Schatten des Stoffes durch die Grafik scheinen.

  1. Ändere den Mischmodus der Smartobjekt-Ebene (oben im Ebenen-Bedienfeld).
    • Bei hellen T-Shirts eignet sich meist „Multiplizieren“.
    • Bei dunklen T-Shirts probiere „Ineinanderkopieren“ oder „Lichtpunkt“.
  2. Pro-Tipp (Fülloptionen):
    • Mache einen Doppelklick auf eine freie Stelle der Smartobjekt-Ebene, um die Fülloptionen zu öffnen.
    • Suche unten den Bereich „Mischen, wenn“ (Blend If).
    • Halte die Alt-Taste gedrückt und ziehe den Regler bei „Darunter liegende Ebene“ (Schwarz-Bereich) langsam nach rechts. Dadurch teilen sich die Regler, und die dunklen Falten des T-Shirts schimmern sanft durch dein Design.

Schritt 6: Die Displacement Map (Optional für maximale Realität)

Für sehr starke Falten kannst du eine „Versetzen-Matrix“ nutzen:

  1. Speichere das ursprüngliche T-Shirt-Foto als separate Schwarz-Weiß-PSD-Datei ab (Kontrast erhöhen!).
  2. Gehe bei deiner Design-Ebene auf Filter > Verzerrungsfilter > Versetzen.
  3. Wähle kleine Werte (z.B. 5 bis 10) und klicke OK.
  4. Wähle die eben gespeicherte Schwarz-Weiß-Datei aus. Photoshop verschiebt nun die Pixel deines Designs exakt entlang der Falten des T-Shirts.

Schritt 7: Finaler Check

  • Passe die Deckkraft minimal an (90-95 %), falls die Farben zu knallig wirken.
  • Füge eventuell einen leichten Gaußschen Weichzeichner (Filter > Weichzeichnungsfilter) von ca. 0,5 Pixeln hinzu, damit die Kanten der Grafik so scharf sind wie das Foto selbst.

Fertig! Du hast nun ein professionelles Mockup. Wenn du das Design ändern möchtest, musst du nur das Smartobjekt doppelklicken und ein neues Bild einfügen.

0