Mockup erstellen: Schritt-für-Schritt-Anleitung mit 3 Methoden

Kurze Antwort: Um ein Mockup zu erstellen, bereiten Sie Ihr Design als PNG mit transparentem Hintergrund vor, wählen eine Mockup-Vorlage, die das leere Produkt zeigt, platzieren das Design auf dieser Vorlage und passen es an Falten, Licht und Farbe des Produkts an. Anschließend exportieren Sie das Bild in der Größe, die die Plattform empfiehlt, auf der Sie verkaufen. Dafür gibt es drei Wege: Online-Mockup-Tools, Smartobjekt-Vorlagen in Photoshop oder Mockup-Generatoren, die das Design automatisch auf Produktbilder setzen.

Wenn Sie wissen möchten, was ein Mockup ist und welche Arten es gibt, lesen Sie zuerst den Artikel Was ist ein Mockup. Dieser Ratgeber konzentriert sich direkt auf die Umsetzung.

Vorbereitung vor dem Erstellen eines Mockups

• Designdatei: Eine hochauflösende PNG-Datei mit transparentem Hintergrund oder eine Vektordatei. Ein JPG mit weißem Hintergrund wirkt auf einem dunklen Produkt wie ein weißer Kasten.
• Produkt und Farben: Legen Sie vorab fest, welches Produkt (T-Shirt, Tasse, Poster) und welche Farben Sie verkaufen; für jede Farbe ist ein eigenes Bild nötig.
• Druckbereich: Informieren Sie sich über den tatsächlichen Druckbereich Ihres Herstellers. Wird das Design im Mockup größer als dieser Bereich dargestellt, weckt das beim Käufer falsche Erwartungen.

Methode 1: Mit Online-Mockup-Tools (am schnellsten)

Browserbasierte Tools wie Canva, Placeit und Kittl bieten fertige Vorlagen. Sie müssen keine Software installieren.

1. Suchen Sie im Tool nach einer Vorlage für den Produkttyp (z. B. „t-shirt mockup“).
2. Laden Sie Ihr Design-PNG hoch; das Tool platziert es im Druckbereich.
3. Passen Sie Größe und Position an und wählen Sie die Produktfarbe.
4. Laden Sie das Bild herunter. Kostenlose Tarife können Wasserzeichen, Auflösungsgrenzen oder Einschränkungen bei der kommerziellen Nutzung haben; lesen Sie unbedingt die Lizenzbedingungen der Vorlage.

Wann geeignet: Wenn Sie wenige Produkte haben und schnell Bilder benötigen.

Methode 2: Mit einer Photoshop-Smartobjekt-Vorlage (am flexibelsten)

Die meisten professionellen Mockup-Vorlagen werden als PSD-Datei geliefert, und die Ebene, in die Sie Ihr Design einsetzen, ist ein Smartobjekt.

1. Öffnen Sie die PSD-Vorlage und suchen Sie im Ebenenbedienfeld die Smartobjekt-Ebene, die meist „Your Design“ oder „Place Here“ heißt.
2. Doppelklicken Sie auf die Ebene; sie öffnet sich in einem separaten Fenster.
3. Fügen Sie Ihr Design in dieses Fenster ein, skalieren Sie es passend zum Druckbereich, speichern und schließen Sie es.
4. Wenn Sie zur Hauptdatei zurückkehren, liegt das Design zusammen mit den Falten- und Schatteneffekten der Vorlage auf dem Produkt.
5. Ändern Sie die Farbebene und exportieren Sie für jede Farbvariante ein eigenes Bild.

Wann geeignet: Wenn Sie volle Kontrolle über das Bild wünschen und dieselbe Vorlage für viele Designs verwenden möchten.

Methode 3: Mit einem automatischen Mockup-Generator (am besten skalierbar)

Wenn Sie mit vielen Produkten arbeiten, dauert es Stunden, jedes Design einzeln in eine Vorlage einzusetzen. Mockup-Generator-Tools übertragen Ihr Design nach einem einzigen Upload auf alle ausgewählten Produkte und Farben. Die meisten Print-on-Demand-Plattformen bieten einen solchen Mockup-Generator an, der mit ihrem Produktkatalog verknüpft ist.

Wann geeignet: Wenn Sie regelmäßig neue Produkte auf Etsy einstellen und jedes Produkt mehrere Farben und Bilder benötigt.

Welche Methode sollten Sie wählen?

In der Praxis kombinieren viele Verkäufer die Methoden: Sie erzeugen für alle Farben automatische Mockups und wählen für das erste Bild eine sorgfältig vorbereitete Photoshop-Szene oder ein Anwendungsfoto.

Schritt für Schritt: Ihr erstes Mockup

Egal, welches Tool Sie wählen, der Ablauf ist derselbe. Bereiten Sie Ihr erstes Mockup in dieser Reihenfolge vor:

1. Design bereinigen: Entfernen Sie den Hintergrund und prüfen Sie, ob an den Rändern weiße Pixel übrig geblieben sind. Auf einem dunklen Produkt fallen diese Pixel sehr deutlich auf.
2. Vorlage wählen: Wählen Sie für das erste Bild eine schlichte Vorlage, die das Produkt flach und von vorn zeigt; Anwendungsszenen heben Sie sich für die weiteren Bilder auf.
3. Platzieren und skalieren: Zentrieren Sie das Design passend zum Druckbereich. Beim T-Shirt beginnt die Oberkante des Designs meist etwas unterhalb des Kragens; bei der Tasse prüfen Sie die Ausrichtung des Henkels.
4. Farbvarianten erzeugen: Erstellen Sie für jede angebotene Farbe ein eigenes Bild. Zeigen Sie ein helles Design nicht auf einem hellen Produkt; ist es nicht lesbar, bieten Sie diese Farbe nicht an.
5. Exportieren: Speichern Sie das Bild als JPG oder PNG in der von Etsy empfohlenen Größe. Wählen Sie einen Dateinamen mit Produktbezug (z. B. „katze-tshirt-schwarz.jpg“); das vermeidet Verwechslungen.
6. In kleiner Größe testen: Verkleinern Sie das Bild und sehen Sie es sich auf dem Smartphone-Bildschirm an. Ist das Design im kleinen Vorschaubild der Suchergebnisse nicht zu erkennen, vergrößern Sie den Maßstab oder vereinfachen Sie die Szene.

Wie sollte ein Mockup-Bild für Etsy aussehen?

• Größe: Etsy empfiehlt, dass die kürzere Seite von Angebotsbildern mindestens 2000 Pixel misst.
• Zuschnitt: Bilder können auf der Website in unterschiedlichen Seitenverhältnissen angezeigt werden, etwa quadratisch und rechteckig. Platzieren Sie das Design in der Bildmitte und setzen Sie nichts Wichtiges an die Ränder.
• Erstes Bild: Es wird in den Suchergebnissen klein angezeigt; das Design sollte auch in kleiner Größe lesbar und der Hintergrund schlicht sein.
• Weitere Bilder: Nahaufnahmen, andere Farben, eine Anwendungsszene (jemand, der das Produkt trägt oder benutzt) und eine Größentabelle.

Die Wahl von Blickwinkel und Farbe speziell für T-Shirts haben wir im Artikel T-Shirt-Mockup erstellen gesondert erklärt.

5 Details, die ein Mockup realistisch wirken lassen

1. Richtiger Maßstab: Das Design sollte im Verhältnis zum tatsächlichen Druckbereich stehen.
2. Falten und Textur: Stofffalten sollten auch über das Design verlaufen; ein flach aufgeklebtes Bild wirkt unecht.
3. Licht und Schatten: Die Helligkeit des Designs sollte zum Licht in der Szene passen.
4. Farbabstimmung: Die Produktfarbe im Mockup sollte der tatsächlichen Produktfarbe des Herstellers nahekommen.
5. Einheitlichkeit: Ähnliche Szenen und Beleuchtung in allen Angeboten Ihres Shops sorgen für einen professionellen Auftritt.

Häufige Fehler, die den Verkauf bremsen, finden Sie im Artikel Mockup-Fehler, Qualitätskriterien im Artikel professionelle Mockups.

Mockups mit Printmeet erstellen

Bei Printmeet können Sie, nachdem Sie Ihr Design hochgeladen oder mit KI erzeugt haben, den Hintergrund entfernen, Mockup-Bilder für die ausgewählten Produkte und Farben mit Live-Vorschau vorbereiten und das Produkt mit diesen Bildern direkt an Ihren Etsy-Shop senden. Details finden Sie auf den Seiten Etsy-Integration und Design mit KI.

Häufig gestellte Fragen

Wie erstellt man kostenlos ein Mockup?

Mit den kostenlosen Vorlagen von Online-Mockup-Tools oder indem Sie kostenlose PSD-Vorlagen in Photoshop oder einem anderen Editor verwenden, der PSD-Dateien öffnen kann. Prüfen Sie bei kostenlosen Vorlagen unbedingt, ob die kommerzielle Nutzung erlaubt ist.

Kann man ein Mockup ohne Photoshop erstellen?

Ja. Browserbasierte Tools wie Canva, Placeit und Kittl sowie die Mockup-Generatoren von Print-on-Demand-Plattformen benötigen kein Photoshop.

In welchem Format sollte das Design für ein Mockup vorliegen?

Eine hochauflösende PNG-Datei mit transparentem Hintergrund ist das gängigste Format. Für Logo- und Typografie-Designs können auch Vektordateien (SVG, AI, EPS) verwendet werden.

Ist die Verwendung von Mockups auf Etsy verboten?

Nein, Print-on-Demand-Verkäufer zeigen ihre Produkte meist mit Mockups. Wichtig ist, dass das Bild das Produkt, das der Käufer erhält, korrekt wiedergibt: Farbe, Druckbereich und Produkttyp müssen mit dem echten Produkt übereinstimmen.