Produktmockups in Sekundenschnelle erstellen

Wenn das ausgewählte Modell bereits Mockup-Generatoren besitzt, kannst du sie sofort im Product Designer verwenden. Wähle im Fenster Mockup eine Ansicht aus. Die Vorschau zeigt die Grafik und Farben des aktuellen Designs.

Um eigene Generatoren zu erstellen, öffne das Modellprojekt im Product Generator und wechsle in den Modus Mockup. Du benötigst ein vorbereitetes Modell und Flächen, auf denen die Grafik angezeigt wird. Eigene Schnittmuster, Simulation und Modellmaterialien behandelt der separate Leitfaden zur Erstellung von 3D-Modellen.

Ein Beispiel: Du bereitest die Vorderseite eines T-Shirts vor einem hellen Hintergrund vor. Beim nächsten Druckmotiv musst du Kamera, Beleuchtung und Kragenkontur nicht erneut einstellen. Du öffnest Mockup im Designer, und der gespeicherte Generator zeigt das aktuelle Design im selben Bildausschnitt.

Wähle den Schritt, den du verfeinern möchtest. 3D-Komposition und Fotoanpassung bieten zwei Möglichkeiten, das Basisbild vorzubereiten.

Du erstellst die Komposition einmal und verwendest den Generator bei Änderungen an Grafik und Farben erneut.

Beginne mit dem Ziel: vergleichbare Variantenbilder, ein erkennbarer Markenstil oder eine Visualisierung auf deinem eigenen Foto.

Die folgenden Aufnahmen aus der Anwendung zeigen dasselbe Design mit Fruchtmotiv in zwei Produktfarben. Der Bildausschnitt bleibt gleich, und das Mockup zeigt das Druckmotiv zusammen mit der ausgewählten T-Shirt-Farbe.

Wähle im Bereich Projekt-Mockups die Option Automatisch erstellen, um vier Ansichten anzulegen: Vorderseite, linke Seite, rechte Seite und Rückseite. Mit Neu hinzufügen kannst du auch eine eigene Ansicht ergänzen, umbenennen und ihre Reihenfolge ändern. Jeder Generator behält seinen eigenen Bildausschnitt und seine Einstellungen.

In der 3D-Komposition richtest du das Produkt als Grundlage des Bildes ein. Stimme Bildausschnitt und Beleuchtung auf den Stil deines Katalogs oder deiner Marke ab.

Beginne für einen Katalog mit einem einfachen Hintergrund und einer klar erkennbaren Produktsilhouette. Verwende eine orthografische Kamera für eine ruhige Darstellung ohne perspektivische Verkürzung. Eine perspektivische Ansicht betont die räumliche Form stärker. Lass im Bildausschnitt Platz für Ärmel, Produktunterkante und Schatten.

Der Bodenschatten verankert das Produkt in der Komposition, während der Wandschatten Tiefe vermittelt. Position, Größe, Deckkraft und Weichheit lassen sich unabhängig einstellen. Mit Belichtung und Kurven für Lichter, Mitteltöne und Schatten machst du Details wieder sichtbar. Halte das Druckmotiv in Katalogbildern scharf; Bloom und Tiefenschärfe eignen sich für stärker inszenierte Ansichten.

Im Modus Fotoanpassung kannst du eigene JPG-, PNG- oder WebP-Dateien verwenden. Passe Kamera und Maßstab des überlagerten Modells an und regle Deckkraft und Position. Für Kleidung stehen Knochenwerkzeuge, Voreinstellungen für die Ärmelposition und weiche Verformung mit einstellbarem Radius und Stärke zur Verfügung. Aus der vorbereiteten Anpassung erzeugst du die Mockup-Ebenen.

Für unterstützte Kleidung kannst du ein automatisches Rig erstellen und die Knochen durch Verschieben, Drehen und Ändern der Länge anpassen. Gespiegelte Einstellungen helfen, die Symmetrie zu erhalten. Ärmelvoreinstellungen bieten die Ausgangsposition, leicht abgesenkte Ärmel oder Ärmel entlang des Körpers. Weiche Verformung und weiche Drehung wirken lokal: Du wählst Radius, Stärke und Abfall des Einflusses - glatt, linear, sphärisch oder scharf. Die Netzvorschau erleichtert die Beurteilung der Form.

Wähle in der 3D-Komposition Alle Ebenen erzeugen und bei der Fotoanpassung Aus Anpassung erzeugen. Prüfe anschließend die einzelnen Ebenen und das Ergebnis auf dem Produkt.

Öffne das Werkzeug für Testmotive, bevor du zum endgültigen Design übergehst. Du kannst den verfügbaren Teilen jeweils ein Muster zuweisen. Wenn Farbänderungen unterstützt werden, kannst du auch die Farbe des gesamten Produkts oder einzelner Elemente prüfen.

Wechsle zu Mapping, wähle ein Produktteil und passe die Punkte und Bézier-Griffe seiner Kontur an. Korrigiere Kragen, Ärmel und Kanten präzise und berechne anschließend die Ebenen neu. Im Menü zur Erzeugung kannst du auch Konturen neu erstellen oder nur das Basisbild aktualisieren und die vorhandenen Vektoren beibehalten.

Korrigiere zuerst die Konturgeometrie, wenn das Druckmotiv in den Hintergrund ragt oder nicht bis zur Kante reicht. Verfeinere danach die Maske und ihre Weichheit. Stelle Schatten und Lichter zuletzt ein und vergleiche das Ergebnis auf einer hellen und dunklen Produktfarbe.

Wähle den Umfang der Aktualisierung so, dass weiterhin benötigte manuelle Korrekturen erhalten bleiben.

Speichere das Product Generator-Projekt, nachdem du die Ansichten verfeinert hast. Die Generatorsammlung gehört zum Modell und zu der Revision, die der Designer verwendet. In der Anwendung speicherst du das Projekt auf dem Server; im WordPress-Plugin wird es lokal gespeichert.

Aktualisiere nach Änderungen an Kamera, Hintergrund, Beleuchtung oder Anpassung die entsprechenden Ebenen und prüfe das Ergebnis vor dem Speichern. Ein PNG-Download aus dem Designer erzeugt ein Bild des aktuellen Designs. Durch Speichern des Modellprojekts bleibt der Generator für weitere Bearbeitung erhalten.

Öffne Mockup im Product Designer. Wähle im Fenster Mockup-Generator das Vorschaubild der Vorderseite, einer Seite oder der Rückseite. Die Vorschau verwendet die Grafik und Farben des aktuellen Designs. Kamera, Beleuchtung und Hintergrund bereitest du zuvor im Modus Mockup des Modellgenerators vor.

Wähle eine Ansicht und eine Bildgröße: Thumb 256, Klein 512, Mittel 1024 oder Groß 2048 px. Der Wert bestimmt die längere Kante; das Seitenverhältnis kommt vom Generator. Bilder herunterladen speichert die aktuell ausgewählte Ansicht als PNG.

Im WordPress + WooCommerce-Plugin verwendest du ein lokales Projekt und die damit verknüpfte Modellrevision. Für ein Produkt mit verfügbaren Mockup-Generatoren erstellt die Anwendung Personalisierungsbilder beim Hinzufügen des Designs zum Warenkorb. Nach dem Speichern der Dateien zeigt das Plugin sie bei der Warenkorb- und Bestellposition an.

Ein Mockup zeigt das Erscheinungsbild des Produkts: fertige Grafik, Form, Schatten und Hintergrund. Verwende es im Angebot, im Katalog oder um Kunden ihre Personalisierung zu zeigen.

Bereite für die Produktion Dateien der Druckbereiche im Druckmanager vor. Das gilt auch für AOP-Designs, bei denen die Grafik verschiedene Produktteile bedeckt. Einstellungen und Download von Produktionsdateien erläutert der Leitfaden Druckfertige Dateien.

Durchlaufe denselben Ablauf, den später du oder dein Kunde nutzen wird.

Beginne bei dem Arbeitsschritt, der für das Problem zuständig ist. Nicht jede Korrektur erfordert eine Neueinrichtung der gesamten Szene.