Klargør dit produkt

Klargør dine 2D-lag.

Ét lærred. Justerede lag. Tydelige produktvalg.

Grundlag
Dørkarm på et helt gennemsigtigt lærred
Overflade
Egetræspanel i samme position
Glas
Glasindsats til højre på det fælles lærred
Greb
Sort greb til venstre på det fælles lærred
Ét samlet produkt
Komplet egetræsdør med glas og sort greb

Det tomme område er en del af hver fil.

01

Start med ét fælles lærred.

Behold samme størrelse, kamera, beskæring og placering.

Samme størrelseSamme udgangspunktSamme visning
Hvad skal være fast?

Brug én redigerbar originalfil. Hold produktets skala, perspektiv, lys og skygger ens. Eksporter hver del på hele lærredet. Beskær ikke tomme pixels, og centrer ikke delene hver for sig.

1080 px1080 px
Base frame
Grundlag
1080 px1080 px
Oak panel
Overflade
1080 px1080 px
Glass insert
Glas
1080 px1080 px
Black handle
Greb
1080 × 1080 er et eksempel, ikke et fast krav.
02

Eksporter delen.
Behold det tomme område.

Brug gennemsigtige lag til dele, der ændres uafhængigt.

Lag eller komplette billeder?

Uafhængige dele bruger PNG eller WebP med gennemsigtighed. En hel scene eller en anden kameravinkel kan kræve et komplet erstatningsbillede. JPG egner sig til komplette, uigennemsigtige billeder, ikke til gennemsigtige lag.

Klargør ét billede pr. overflade eller greb. Du behøver ikke at rendere alle komplette kombinationer, når de uafhængige dele passer præcist sammen.

Gennemsigtig baggrund
Greb med gennemsigtigt tomrum✓
Hvid baggrund
Hvidt tomrum ville dække billederne bagved×
Beskåret og centreret
Dørkarm til at vise forkert lagplaceringForkert: grebet er flyttet ind midt på døren×
Komplet dør
Døren med korrekt samlede lag✓

Lagrækkefølge · bagfra og frem

1 · Grundlag
2 · Overflade
3 · Glas
4 · Greb

PNG eller WebP
med gennemsigtighed

Skakmønstret viser tomme pixels. Det er ikke med i eksporten.

03

Behold kvaliteten.
Reducer filstørrelsen.

Komprimer eksporterne uden at ændre dimensionerne.

Skarpe kanterSmå filerTydelige filnavne
Hvad skal jeg kontrollere efter eksport?

Kontroller kanterne på lyse og mørke baggrunde. Se detaljer og gennemsigtige kanter i den størrelse, kunden ser. Behold den redigerbare original. Komprimeringen afhænger af billedet, så der er ikke én rigtig filstørrelse for alle lag.

Original eksport
Original PNG-eksport af egetræ

178 KBPNG · 1080 × 1080

Optimeret eksport
Mindre WebP-eksport på samme lærred

13 KBWebP · 1080 × 1080

Forstørret gennemsigtig kant
Forstørret kant af egetræspanelet med gennemsigtigt tomrum

Kun detaljevisning

door_base.webpfinish_oak.webphandle_black.webp

Faktiske filstørrelser fra eksempelpakken. Dine billeder kan være anderledes.

04

Forbind lagene i ConfigUX.

Tilføj billederne. Kontroller forbindelserne. Test valgene.

AssetsOptionsPreview
Dør · 2D-eksempelEksempelarbejdsområde
OptionsMappingPricesElementsViewerLayoutBrand

← Back to Finish

Eg

Valgbillede med eg
Eg
Available
Added priceIncluded
Image connectionConnected ›
VisibilityAlways ›
Tooltip & helpOff ›
Label & detailsEnglish ›

Åbn et valg under Options for at kontrollere dets Image connection.

2D-produktvisning
Overflade
Greb

Eg + Sort · Prøv valgene. Ramme og glas bliver på deres plads.

  1. 1 · Tilføj billeder
    Upload under Assets, eller tilføj filerne, når du opretter konfiguratoren.
  2. 2 · Kontroller
    Åbn dit valg under Options, og kontroller Image connection.
  3. 3 · Forhåndsvis
    Prøv alle overflader og greb. Kontroller placeringen på computer og mobil.
Hvordan adskiller lagforbindelser sig fra komplette billeder?

Et lagprojekt beholder grundlaget og kombinerer uafhængige, gennemsigtige billeder i en fast rækkefølge. Det nuværende Studio bevarer de eksisterende lagforbindelser. De enkle kontroller “Product image” og “Apply image connection” vælger et komplet erstatningsbillede. Et gennemsigtigt greb alene er ikke et komplet produktbillede.

Dette er en illustrativ Studio-visning med eksempelfilerne. Knapperne viser lagresultatet lokalt. De opretter eller ændrer ikke en konfigurator på din konto.

Prøv med en eksempelpakke.

Seks justerede lag. To overflader. To greb.
PNG, WebP og redigerbare kildefiler.

Klar til at gøre filerne til en produktoplevelse?Hent ConfigUX AI-guiden →