3D-komposition
Skapa en visualisering från en färdig modell.
- Ställ in kamera, bildskala, ljus, skuggor och bakgrund.
- Generera basbilden och de lager som behövs för att visa kommande tryck.
Mockupgeneratorer - presentera och sälja produkter
Förbered produktpresentationen en gång och visa sedan nya tryck och färgvarianter i den. Mockupgeneratorn sparar vyn, bakgrunden och hur grafiken läggs på produkten. Den färdiga mockupen kombinerar dessa inställningar med kundens aktuella design eller din design i Designer.
Du kan använda generatorerna som finns för den valda modellen eller skapa egna i Mockup-läget i Product Generator. Nedan hittar du användningsexempel, inställningar för 3D-scener och egna foton, tester av mappningen samt nedladdning av visualiseringar och hur de används i WordPress + WooCommerce-tillägget.
Skärmbilderna visar verkliga verktyg i Alter Product, vissa med engelskt gränssnitt. Du kan öppna varje skärmbild i full storlek.
Generatorn sparar hur produkten ska presenteras. En färdig mockup är en bild av en viss design som skapats med generatorn.
Om den valda modellen redan har mockupgeneratorer kan du använda dem direkt i Product Designer. Välj en vy i fönstret Mockup så visar förhandsvisningen grafiken och färgerna i den aktuella designen.
Öppna modellprojektet i Product Generator och växla till läget Mockup för att skapa egna generatorer. Du behöver en förberedd modell och ytor där grafiken ska visas. Egna symönster, simulering och modellmaterial beskrivs i den separata guiden om att skapa 3D-modeller.
Exempel: Du förbereder framsidan av en T-shirt mot en ljus bakgrund. För nästa tryck behöver du inte ställa in kameran, ljuset eller kragens kontur igen. Du öppnar Mockup i Designer och den sparade generatorn visar den aktuella designen i samma bildutsnitt.
| Del | Vad den styr |
|---|---|
| 3D-modell | Produktens form och ytorna där du placerar designen. Samma modell kan ha flera generatorer, till exempel för framsida, sidor och baksida. |
| Mockupgenerator | Bildutsnitt, bakgrund, ljus samt delarnas mappning och lager. Du redigerar den när du vill ändra hur produkten presenteras. |
| Design i Designer eller Customizer | Grafik, texter och valda produktfärger. Genom att ändra designen får du en ny mockup med den förberedda generatorn. |
| Nedladdad PNG-mockup | En färdig bild av en viss design och vy. Du kan använda den i ett erbjudande, en katalog eller marknadsföringsmaterial. |
Välj det steg som motsvarar det du vill förbättra. 3D-komposition och fotoanpassning ger två sätt att förbereda basbilden.
Skapa en visualisering från en färdig modell.
Använd ett eget produktfoto som grund för presentationen.
Finjustera delarnas konturer och hur trycket visas i bilden.
Skapa kompositionen en gång och återanvänd generatorn när grafik och färger ändras.
Anpassa förberedelserna av generatorn till var du ska visa produkten. Scenarierna nedan kan genomföras med samma verktyg genom att ändra komposition och tryckdesign.
Börja med målet: jämförbara variantbilder, en tydlig varumärkesstil eller en visualisering på ditt eget foto.
En T-shirt mot ljus bakgrund, i samma skala och med en diskret skugga. Varje nytt tryck visas i samma vy.
Välj en bakgrund i kollektionens färg, en toning eller en egen bild. Anpassa ljus och skugga så att produkten passar i den förberedda miljön.
Har du ett foto av en T-shirt i en viss miljö? Använd Fotoanpassning för att anpassa modellen till bilden och förbereda hur nya tryck ska läggas på.
Kunden ändrar grafik, text eller färg i Customizer. Generatorerna som finns för modellen används för att skapa visualiseringar av just den designen.
Bilderna från applikationen nedan visar samma design med fruktmotiv i två produktfärger. Vyn är konsekvent och mockupen visar hur trycket ser ut tillsammans med den valda T-shirtfärgen.
När modellen är klar i Inspector växlar du till läget Mockup. Här förbereder du en gemensam komposition för kommande motiv och produktvarianter.
Välj Skapa automatiskt i panelen Projektmockuper för att skapa fyra vyer: Framsida, Vänster sida, Höger sida och Baksida. Du kan också lägga till en egen vy med Lägg till ny, ändra namnet och ordningen. Varje generator behåller sitt eget bildutsnitt och sina inställningar.

I 3D-komposition placerar du produkten som grund för bilden. Anpassa bildutsnitt och ljus till katalogens eller varumärkets stil.
Börja med en enkel bakgrund och en tydlig produktsilhuett för en katalog. Använd en ortografisk kamera när du vill ha en lugn presentation utan perspektivförkortning. Perspektiv framhäver den tredimensionella formen mer. Lämna utrymme i bilden för ärmar, produktens nederkant och skugga.
Golvskuggan förankrar produkten i kompositionen och väggskuggan skapar djup. Du kan justera deras position, storlek, opacitet och mjukhet oberoende av varandra. Med exponering och kurvor för högdagrar, mellantoner och skuggor gör du detaljerna tydliga igen. Behåll tryckets skärpa i katalogbilder; anpassa Bloom och skärpedjup för mer stämningsfulla bilder.

I läget Fotoanpassning kan du använda en egen JPG-, PNG- eller WebP-bild. Justera kameran och skalan på den överlagrade modellen samt dess opacitet och position. För kläder finns benverktyg, förinställningar för ärmarnas position och mjuk deformation med justerbar radie och styrka. Använd den förberedda anpassningen för att generera mockupens lager.
För kläder som stöds kan du skapa en automatisk rigg och anpassa benen genom att flytta, rotera och ändra längden. Speglade inställningar hjälper dig att behålla symmetrin. Ärmförinställningarna erbjuder ursprungspositionen, lätt sänkta ärmar eller ärmar längs kroppen. Mjuk deformation och mjuk rotation verkar lokalt: du väljer radie, styrka och hur påverkan avtar - mjukt, linjärt, sfäriskt eller skarpt. Nätförhandsvisningen hjälper dig att bedöma formen.
Basbilden, tryckmasken, skuggorna och högdagrarna samverkar så att grafiken följer produktens utseende och form. När de är korrekt förberedda kan samma visualisering återanvändas.
Välj Generera alla lager i 3D-komposition och Generera från anpassning vid fotoanpassning. Kontrollera sedan de enskilda lagren och resultatet på produkten.
| Lager | Vad du styr |
|---|---|
| Basbild | Produktens bildutsnitt, bakgrund och scenens utseende. Generera om bilden efter att ha ändrat kompositionen. |
| Tryckmask | Grafikens synliga område, tröskelvärde, kantens mjukhet och förskjutning samt kantutjämning. |
| Skuggor | Styrka, gamma och vitpunkt, så att trycket bevarar produktens skuggning. |
| Högdagrar | Tröskelvärde, styrka och gamma för kompositionens ljusa områden. |
Öppna verktyget för testtryck innan du går vidare till den slutliga designen. Du kan tilldela varje tillgänglig del ett eget mönster. När färgändringar är tillgängliga kan du även testa färgen på hela produkten eller enskilda delar.
Det färgade rutnätet hjälper dig att upptäcka uttänjning, riktningsändringar och avbrott i grafiken. Titta särskilt på kragen, ärmarna och sidokanterna.
Markörer och grafiken i mitten gör det lättare att se var trycket hamnar och om det klipps av konturen eller masken.
Mönstret med texten Alter Product hjälper dig att bedöma bokstävernas läsbarhet, proportioner och riktning på den aktuella delen.
Jämför en ljus och en mörk variant. Då blir det lättare att upptäcka för starka skuggor, utfrätta högdagrar eller en ljus kant runt trycket.
Gå till Mappning, välj en produktdel och justera konturens punkter och Bézier-handtag. Du kan korrigera krage, ärm och kanter exakt och sedan beräkna om lagren. Genereringsmenyn låter dig också återskapa konturer eller uppdatera enbart basbilden och behålla de befintliga vektorerna.
Korrigera först konturens geometri om trycket går ut på bakgrunden eller inte når kanten. Finjustera sedan masken och dess mjukhet. Justera skuggor och högdagrar sist och jämför resultatet på en ljus och en mörk produktfärg.

Välj vad som ska uppdateras så att manuella korrigeringar bevaras där de fortfarande behövs.
| Omfattning | När du använder den |
|---|---|
| Alla lager | Efter att scenen har förberetts eller kompositionen ändrats mer omfattande, när basbilden och mockupens lager behöver uppdateras. |
| Lager från sparade vektorer | Efter en manuell konturkorrigering, när du vill beräkna om resultatet och behålla de finjusterade banorna. |
| Återskapa konturer | När du vill ta fram konturerna från modellen på nytt. Geometrin återskapas, vilket kan ersätta tidigare manuella korrigeringar. |
| Endast basbilden | När du vill uppdatera bilden utan att skriva över befintliga vektorer. Kontrollera även berörda lager efter ändringar som påverkar skuggor eller mask. |
Spara Product Generator-projektet när vyerna är klara. Generatorsamlingen hör till modellen och den revision som Designer använder. I applikationen sparas projektet på servern, medan det lagras lokalt i WordPress-tillägget.
Efter ändringar av kamera, bakgrund, ljus eller anpassning uppdaterar du berörda lager och kontrollerar resultatet före sparandet. En PNG-nedladdning från Designer skapar en bild av den aktuella designen. När du sparar modellprojektet bevaras generatorn för fortsatt redigering.
Den förberedda generatorn blir en del av arbetet med modellen. När du designar använder du färdiga vyer med den aktuella personaliseringen.
Öppna Mockup i Product Designer. Välj miniatyren av framsidan, sidan eller baksidan i fönstret Mockupgenerator. Förhandsvisningen använder grafiken och färgerna i den aktuella designen. Kamera, ljus och bakgrund förbereder du i förväg i modellgeneratorns Mockup-läge.

Välj en vy och Bildstorlek: Thumb 256, Liten 512, Mellan 1024 eller Stor 2048 px. Värdet anger den längsta kanten; proportionerna kommer från generatorn. Ladda ned bilder sparar en PNG av den valda vyn.
I tillägget för WordPress + WooCommerce använder du ett lokalt projekt och dess kopplade modellrevision. För en produkt med tillgängliga mockupgeneratorer skapar applikationen personaliseringsbilder när designen läggs i varukorgen. När filerna har sparats visar tillägget dem vid artikeln i varukorgen och beställningen.
En mockup visar produktens utseende: färdig grafik, form, skuggor och bakgrund. Använd den i ett erbjudande, en katalog eller för att visa kunden sin personalisering.
För produktion förbereder du filer för tryckområdena i Utskriftshanteraren. Det gäller även AOP-designer där grafiken täcker olika delar av produkten. Guiden Tryckfärdiga filer beskriver inställningar och nedladdning av produktionsfiler.
Testa flera olika tryck och produktfärger. En generator som förberetts med ett enkelt motiv bör även visa liten text, grafik vid kanten och större AOP-tryck korrekt.
Gå igenom samma flöde som du eller din kund senare ska använda.
Börja med det steg som ansvarar för problemet. Alla korrigeringar kräver inte att hela scenen ställs in på nytt.
| Vad du ser | Vad du ska kontrollera |
|---|---|
| Trycket går utanför produkten eller försvinner vid kragen | Delens kontur i Mappning, Bézier-handtagen och tryckmaskens inställningar. Beräkna om de nödvändiga lagren efter korrigeringen. |
| Rutnätet eller bokstäverna är alltför utdragna | Modellens anpassning till fotot och den aktuella delens mappning. Korrigera formen innan du döljer problemet med en alltför mjuk kant. |
| Grafiken är för mörk eller för ljus | Inställningarna för skugg- och högdagerlagren. För en 3D-komposition bör du även kontrollera scenens exponering och ljus. |
| Den gamla bilden visas fortfarande efter att bakgrunden har ändrats | Uppdatera basbilden med rätt genereringskommando och spara projektet. Att välja bakgrund ändrar scenen men ersätter inte den tidigare genererade bilden. |
| ZIP-paketet saknar sidor och baksida | Variantpaketet gäller den valda vyn. Välj nästa miniatyr och ladda ned bilderna för den sidan av produkten. |
| Alternativet för alla färger saknas eller bara en PNG laddas ned | Kontrollera antalet matchande förinställningar för material, tryckteknik och storlek. Minst två krävs. |
| Varukorgen visar produktens standardfoto | Kontrollera att de sparade generatorerna och deras resurser är tillgängliga för den modellrevision som designen använder och att mockuperna har sparats korrekt. |