Produkt vorbereiten

Bereiten Sie Ihre 2D-Ebenen vor.

Eine Bildfläche. Passende Ebenen. Klare Produktoptionen.

Türrahmen auf vollständiger transparenter Leinwand — Basis

Eichentürblatt in gleicher Position — Oberfläche

Glaseinsatz rechts auf der gemeinsamen Leinwand — Glas

Schwarzer Griff links auf der gemeinsamen Leinwand — Griff

Vollständige Eichentür mit Glas und schwarzem Griff — Ein vollständiges Produkt

Der leere Bereich gehört zu jeder Datei.

Beginnen Sie mit einer gemeinsamen Bildfläche.

Behalten Sie Größe, Kamera, Ausschnitt und Position bei.

Gleiche GrößeGleicher UrsprungGleiche Ansicht

Was muss unverändert bleiben?

Verwenden Sie eine bearbeitbare Masterdatei. Halten Sie Maßstab, Perspektive, Licht und Schatten einheitlich. Exportieren Sie jedes Teil auf der gesamten Bildfläche. Schneiden Sie leere Pixel nicht ab und zentrieren Sie Teile nicht einzeln.

1080 × 1080 ist ein Beispiel, keine feste Vorgabe.

Exportieren Sie das Teil.
Behalten Sie den leeren Bereich.

Verwenden Sie transparente Ebenen für unabhängig veränderbare Teile.

Ebenen oder vollständige Bilder?

Unabhängige Teile verwenden PNG oder WebP mit Transparenz. Eine ganze Szene oder eine andere Kameraansicht kann ein vollständiges Ersatzbild erfordern. JPG eignet sich für vollständige, undurchsichtige Bilder, nicht für transparente Überlagerungen.

Erstellen Sie ein Bild pro Oberfläche oder Griff. Sie müssen nicht jede vollständige Kombination rendern, wenn die unabhängigen Teile zuverlässig ausgerichtet sind.

Griff mit transparenten Leerflächen — Transparenter Hintergrund

Weiße Leerflächen würden die dahinterliegenden Bilder verdecken — Weißer Hintergrund

Türrahmen zur Darstellung einer falschen Schichtposition — Beschnitten und zentriert

Falsch: Der Griff wurde in die Türmitte verschoben — Beschnitten und zentriert

Die korrekt zusammengesetzte Tür — Vollständige Tür

Ebenenfolge · von hinten nach vorn

PNG oder WebP
mit Transparenz

Das Schachbrett zeigt leere Pixel. Es gehört nicht zum Export.

Bewahren Sie die Qualität.
Reduzieren Sie die Dateigröße.

Komprimieren Sie die Exporte ohne Änderung der Abmessungen.

Scharfe KantenKleine DateienKlare Dateinamen

Was sollte ich nach dem Export prüfen?

Prüfen Sie Kanten vor hellen und dunklen Hintergründen. Kontrollieren Sie Details und transparente Ränder in der Kundengröße. Bewahren Sie die bearbeitbare Masterdatei. Die Kompression hängt vom Bild ab; es gibt keine einheitliche Zielgröße für alle Ebenen.

Originaler Eichen-PNG-Export — Originalexport

Kleinerer Eichen-WebP-Export auf identischer Leinwand — Optimierter Export

Vergrößerte Kante des Eichenpaneels mit transparentem Leerraum — Vergrößerter transparenter Rand

door_base.webpfinish_oak.webphandle_black.webp

Tatsächliche Dateigrößen aus dem Beispielpaket. Ihre Bilder können abweichen.

Verknüpfen Sie die Ebenen in ConfigUX.

Fügen Sie Bilder hinzu. Prüfen Sie Verknüpfungen. Testen Sie die Auswahl.

AssetsOptionsPreview

Tür · 2D-BeispielBeispiel-Arbeitsbereich

OptionsMappingPricesElementsViewerLayoutBrand

← Back to Finish

Eiche

Available

Added priceIncluded

Image connectionConnected ›

VisibilityAlways ›

Tooltip & helpOff ›

Label & detailsEnglish ›

Öffnen Sie eine Auswahl unter Options und prüfen Sie deren Image connection.

2D-Produktansicht

Oberfläche

Griff

Eiche + Schwarz · Testen Sie die Auswahl. Rahmen und Glas bleiben an ihrem Platz.

1 · Bilder hinzufügen
Laden Sie Dateien in Assets hoch oder fügen Sie sie beim Erstellen hinzu.
2 · Prüfen
Öffnen Sie Ihre Auswahl unter Options und prüfen Sie Image connection.
3 · Vorschau
Testen Sie alle Oberflächen und Griffe. Prüfen Sie die Ausrichtung auf Desktop und Mobilgerät.

Wie unterscheiden sich Ebenenverknüpfungen von vollständigen Bildern?

Ein Ebenenprojekt behält die Basis und kombiniert unabhängige transparente Bilder in fester Reihenfolge. Studio erhält bestehende Ebenenverknüpfungen. Die einfachen Funktionen „Product image“ und „Apply image connection“ weisen ein vollständiges Ersatzbild zu. Ein transparenter Griff allein ist kein vollständiges Produktbild.

Dies ist eine illustrative Studio-Ansicht mit Beispieldateien. Die Schaltflächen zeigen das Ebenenergebnis lokal. Sie erstellen oder ändern keinen Konfigurator in Ihrem Konto.