3D kompozice
Vytvořte vizualizaci z hotového modelu.
- Nastavte kameru, měřítko záběru, osvětlení, stíny a pozadí.
- Vygenerujte základní obrázek a vrstvy potřebné pro zobrazování dalších potisků.
Generátory mockupů - prezentace a prodej produktů
Generujte produktové mockupy během několika sekund
Připravte způsob prezentace produktu jednou a potom v něm zobrazujte další potisky a barevné varianty. Generátor mockupů uchovává záběr, pozadí a způsob nanášení grafiky na produkt. Hotový mockup vzniká spojením těchto nastavení s aktuálním návrhem zákazníka nebo vaším návrhem v Designeru.
Můžete používat generátory dostupné pro vybraný model nebo vytvořit vlastní v režimu Mockup v Product Generatoru. Níže najdete příklady použití, nastavení 3D scény a vlastní fotografie, testování mapování i stahování vizualizací a jejich využití v pluginu WordPress + WooCommerce.
Snímky obrazovky zobrazují skutečné nástroje Alter Product, některé s anglickým rozhraním. Každý snímek můžete otevřít v plné velikosti.
Vytvořte vlastní generátor mockupůNastavte pohledy na produkt, dolaďte kompozici a mapování a potom uložte generátor společně s modelem.Přejít k popisuPoužijte hotové záběry v návrhu i obchoděGenerujte vizualizace aktuálního potisku, stahujte obrázky a zobrazujte personalizaci v košíku.Přejít k popisu
Potřebujete nejprve vlastní 3D model?Přejděte k průvodci Product Generatorem: střihy, Easy Creator, velikosti, simulace, materiály a export.Model, generátor a hotový mockup
Generátor uchovává způsob prezentace produktu. Hotový mockup je obrázek konkrétního návrhu vytvořený pomocí tohoto generátoru.
Začněte hotovým modelem nebo dostupnými generátory
Pokud má vybraný model již generátory mockupů, můžete je ihned používat v Product Designeru. V okně Mockup vyberete pohled a náhled zobrazí grafiku a barvy aktuálního návrhu.
Chcete-li vytvořit vlastní generátory, otevřete projekt modelu v Product Generatoru a přepněte do režimu Mockup. Potřebujete připravený model a povrchy, na kterých se bude grafika zobrazovat. Vlastní střihy, simulaci a materiály modelu popisuje samostatný průvodce tvorbou 3D modelů.
Jeden generátor, mnoho hotových vizualizací
Příklad: připravíte přední stranu trička na světlém pozadí. U dalšího potisku už nenastavujete znovu kameru, osvětlení ani obrys límce. Otevřete Mockup v Designeru a uložený generátor zobrazí aktuální návrh ve stejném záběru.
| Prvek | Za co odpovídá |
|---|---|
| 3D model | Tvar produktu a povrchy, na které umisťujete návrh. Jeden model může mít několik generátorů, například přední stranu, boky a zadní stranu. |
| Generátor mockupu | Záběr, pozadí, osvětlení, mapování dílů a vrstvy. Upravujete ho tehdy, když chcete změnit způsob prezentace produktu. |
| Návrh v Designeru nebo Customizeru | Grafika, texty a vybrané barvy produktu. Změnou návrhu získáte nový mockup pomocí připraveného generátoru. |
| Stažený mockup PNG | Hotový obrázek konkrétního návrhu a pohledu. Můžete ho použít v nabídce, katalogu nebo propagačních materiálech. |
Tři pracovní oblasti mockupu
Vyberte fázi podle toho, co chcete doladit. 3D kompozice a přizpůsobení fotografii nabízejí dva způsoby přípravy základního obrázku.
Přizpůsobení fotografii
Použijte vlastní fotografii produktu jako základ prezentace.
- Přizpůsobte model fotografii pomocí polohy, otočení, měřítka a dostupných deformačních nástrojů.
- Vygenerujte vrstvy z připraveného přizpůsobení.
Mapování
Dolaďte obrysy dílů a zobrazení potisku na obrázku.
- Upravujte vektorové body a úchyty, masky, stíny a světla.
- Tato fáze vyžaduje připravený základní obrázek a vektorové cesty.
Od připraveného záběru k dalším návrhům
Kompozici připravíte jednou a generátor pak používáte opakovaně při změnách grafiky a barev.
- Vyberte model a přidejte pohledy v režimu Mockup.
- Připravte 3D kompozici nebo přizpůsobení fotografii a následně vygenerujte vrstvy.
- Zkontrolujte mapování potisku na všech dílech a uložte projekt s generátory.
- Použijte uložené pohledy v Designeru nebo zpřístupněte produkt zákazníkům v Customizeru.
Příklady: od katalogu k personalizaci zákazníka
Zvolte přípravu generátoru podle místa, kde budete produkt prezentovat. Následující scénáře můžete realizovat ve stejných nástrojích změnou kompozice a návrhu potisku.
Jakou prezentaci produktu chcete připravit?
Začněte cílem: srovnatelné obrázky variant, rozpoznatelný styl značky nebo vizualizace na vlastní fotografii.
Jednotný katalog produktů
Tričko na světlém pozadí, ve stálém měřítku a s jemným stínem. Každý nový potisk se zobrazí ve stejném záběru.
- Použijte 3D kompozici a připravte přední stranu, boky i zadní stranu.
- Dolaďte záběry, než začnete stahovat další návrhy.
- Výsledek: zákazník snadněji porovná vzory a barvy v nabídce.
Kompozice ve stylu vaší značky
Nastavte pozadí v barvě kolekce, přechod nebo vlastní obrázek. Přizpůsobte světlo a stín tak, aby produkt zapadl do připraveného prostředí.
- Uložte nastavení jako pohled modelu.
- Po změně pozadí vygenerujte aktuální základní obrázek.
- Výsledek: další návrhy si zachovají stejnou vizuální podobu.
Vlastní fotografie produktu
Máte fotografii trička v určitém prostředí? Pomocí Přizpůsobení fotografii přizpůsobte model snímku a připravte nanášení dalších potisků.
- Přizpůsobte siluetu, rukávy a kameru fotografii.
- Zkontrolujte mapování testovacím potiskem a opravte obrysy.
- Výsledek: vlastní fotografie se stane základem opakovaně použitelných mockupů.
Návrh zákazníka v košíku
Zákazník mění grafiku, text nebo barvu v Customizeru. Generátory dostupné pro model slouží k přípravě vizualizací právě tohoto návrhu.
- Propojte návrh s produktem v pluginu WordPress + WooCommerce.
- Obrázky vznikají při přidávání personalizace do košíku.
- Výsledek: miniatura u položky v košíku a objednávce zobrazuje návrh zákazníka.
Stejný potisk na bílém a zeleném tričku
Na následujících snímcích z aplikace je stejný návrh s ovocným motivem ve dvou barvách produktu. Záběr zůstává jednotný a mockup zobrazuje spojení potisku s vybranou barvou trička.
- Připravte potisk v Designeru a vyberte barvu produktu.
- Otevřete Mockup a vyberte přední pohled.
- Změňte barvu produktu a potom znovu otevřete stejný pohled.
- Stáhněte jednotlivé PNG nebo balíček variant, pokud jsou pro návrh dostupné odpovídající barevné předvolby.
Připravte generátor produktových mockupů
S hotovým modelem v Inspectoru přejděte do režimu Mockup. Zde připravíte společnou kompozici pro další grafiky a varianty produktu.
Přední strana, boky a zadní strana jedním příkazem
V panelu Mockupy projektu vyberte Vytvořit automaticky a připravte čtyři pohledy: Zepředu, Levý bok, Pravý bok a Zezadu. Pomocí Přidat nový můžete také přidat vlastní pohled, přejmenovat ho a změnit jeho pořadí. Každý generátor uchovává vlastní záběr a nastavení.
Kamera, pozadí a osvětlení
V 3D kompozici nastavíte produkt jako základ obrázku. Přizpůsobte záběr a osvětlení stylu katalogu nebo značky.
Pro katalog začněte jednoduchým pozadím a dobře čitelnou siluetou produktu. Ortografickou kameru použijte pro klidnou prezentaci bez perspektivního zkrácení. Perspektiva více zdůrazní prostorový tvar. Ponechte v záběru místo pro rukávy, spodní okraj produktu a stín.
Stín na podlaze pomáhá zasadit produkt do kompozice, zatímco stín u stěny vytváří dojem hloubky. Jejich polohu, velikost, krytí a měkkost nastavíte nezávisle. Expozicí a křivkami pro světla, střední tóny a stíny obnovíte čitelnost detailů. Na katalogovém obrázku zachovejte ostrost potisku; Bloom a hloubku ostrosti přizpůsobte spíše stylizovanému záběru.
- Dokument a model: zadejte název a nastavte šířku a výšku hlavního obrázku v rozsahu 64-2048 px na hranu.
- Kamera: vyberte perspektivní nebo ortografický pohled. Upravte otočení, cílový bod, vzdálenost a zorné pole nebo měřítko záběru.
- Osvětlení: vyberte prostředí z knihovny a nastavte jeho otočení, intenzitu a černý bod. Samostatně ovládejte stín na podlaze a u stěny včetně měkkosti a krytí.
- Pozadí: použijte barvu, přechod, pozadí prostředí nebo vlastní obrázek. Upravte způsob vyplnění záběru, transformaci a průhlednost. Zde vytvoříte prostředí odpovídající vizuální identitě produktu.
- Postprocessing: tonemapping a expozice, barevné křivky, ambient occlusion, Bloom, hloubka ostrosti, doostření, vinětace a zrno. Vyhlazování MSAA/FXAA pomáhá doladit hrany.
Přizpůsobte model vlastní fotografii
Režim Přizpůsobení fotografii umožňuje použít vlastní JPG, PNG nebo WebP. Upravte kameru a měřítko překrytého modelu, jeho krytí a polohu. Pro oděvy jsou dostupné nástroje kostí, předvolby polohy rukávů a měkká deformace s nastavitelným poloměrem a silou. Připravené přizpůsobení využijete ke generování vrstev mockupu.
U podporovaných oděvů můžete připravit automatický rig a upravit kosti posunutím, otočením a změnou délky. Zrcadlené nastavení pomáhá zachovat symetrii a předvolby rukávů umožňují začít z výchozí polohy, mírně spuštěné polohy nebo polohy podél těla. Měkká deformace a měkké otáčení působí lokálně: volíte poloměr, sílu a způsob útlumu vlivu - hladký, lineární, sférický nebo ostrý. Náhled sítě usnadňuje posouzení tvaru.
- Načtěte fotografii JPG, PNG nebo WebP a nastavte ji jako základ přizpůsobení.
- Upravte kameru, polohu, otočení a měřítko modelu. Krytí překryvu pomáhá porovnat jeho siluetu s produktem na fotografii.
- U oděvů využijte dostupný rig, nastavení rukávů a měkkou deformaci. Postupujte od celkového tvaru k místním úpravám.
- Vyberte Generovat z přizpůsobení, potom přejděte do Mapování a zkontrolujte hrany i testovací potisk.
Dolaďte mapování a vrstvy mockupu
Základní obrázek, maska potisku, stíny a světla spolupracují tak, aby grafika respektovala vzhled a tvar produktu. Jejich správná příprava umožňuje opakované používání stejné vizualizace.
Generování a kontrola vrstev
V 3D kompozici vyberte Generovat všechny vrstvy a při přizpůsobení fotografii Generovat z přizpůsobení. Potom zkontrolujte jednotlivé vrstvy a výsledek na produktu.
| Vrstva | Co ovládáte |
|---|---|
| Základní obrázek | Záběr produktu, pozadí a vzhled scény. Po změně kompozice obrázek znovu vygenerujte. |
| Maska potisku | Viditelnou oblast grafiky, práh, měkkost a posunutí hrany i její vyhlazení. |
| Stíny | Sílu, gamma a bílý bod, aby potisk zachoval stínování produktu. |
| Světla | Práh, sílu a gamma světlých míst kompozice. |
Zkontrolujte generátor testovacím potiskem
Než přejdete k cílovému návrhu, otevřete nástroj testovacích potisků. Každému dostupnému dílu můžete přiřadit vlastní vzor. Pokud je dostupná změna barvy, můžete také ověřit barvu celého produktu nebo jeho jednotlivých částí.
UV šachovnice
Barevná mřížka pomáhá odhalit roztažení, změnu směru a nespojitost grafiky. Zaměřte se zejména na límec, rukávy a boční hrany.
Zástupný motiv „Your design here“
Značky a středová grafika usnadňují posouzení, kam potisk dopadá a zda ho neodřezává obrys nebo maska.
Opakovaný text
Vzor s nápisem Alter Product pomáhá posoudit čitelnost písmen, jejich proporce a směr na daném dílu.
Barvy produktu a dílů
Porovnejte světlou a tmavou variantu. Snáze tak odhalíte příliš silné stíny, přepálená světla nebo světlý lem kolem potisku.
Obrysy dílů a korekce detailů
Přejděte do Mapování, vyberte díl produktu a upravte body a Bézierovy úchyty jeho obrysu. Můžete přesně opravit límec, rukáv i hrany a následně přepočítat vrstvy. Nabídka generování umožňuje také znovu vytvořit obrysy nebo aktualizovat pouze základní obrázek a zachovat stávající vektory.
Nejdříve opravte geometrii obrysu, pokud potisk přesahuje na pozadí nebo nedosahuje k okraji. Potom dolaďte masku a její měkkost. Stíny a světla upravujte nakonec a porovnejte výsledek na světlé a tmavé barvě produktu.
Co po změně vygenerovat znovu?
Vyberte rozsah aktualizace tak, aby se zachovaly ruční úpravy tam, kde jsou stále potřeba.
| Rozsah | Kdy ho použít |
|---|---|
| Všechny vrstvy | Po přípravě scény nebo větší změně kompozice, kdy je nutné aktualizovat základní obrázek a vrstvy mockupu. |
| Vrstvy z uložených vektorů | Po ruční korekci obrysu, pokud chcete přepočítat výsledek a zachovat doladěné cesty. |
| Obnovit obrysy | Když chcete znovu odvodit obrysy z modelu. Geometrie se obnovuje, takže dřívější ruční úpravy mohou být nahrazeny. |
| Pouze základní obrázek | Když potřebujete aktualizovat obrázek bez přepsání stávajících vektorů. Po změnách ovlivňujících stíny nebo masku zkontrolujte i příslušné vrstvy. |
Uložte generátory společně s projektem modelu
Po doladění pohledů uložte projekt Product Generatoru. Kolekce generátorů patří k modelu a jeho revizi, kterou používá Designer. V aplikaci ukládáte projekt na server, zatímco v pluginu pro WordPress se ukládá lokálně.
Po změně kamery, pozadí, světla nebo přizpůsobení obnovte příslušné vrstvy a před uložením zkontrolujte výsledek. Stažením PNG z Designeru vytvoříte obrázek aktuálního návrhu; uložením projektu modelu uchováte generátor pro další úpravy.
Používejte mockupy v Designeru a WooCommerce
Připravený generátor se stává součástí práce s modelem. Při navrhování využíváte hotové pohledy s aktuální personalizací.
Hotová grafika ve stejném záběru
V Product Designeru otevřete Mockup. V okně Generátor mockupů vyberte miniaturu přední strany, boku nebo zadní strany. Náhled použije grafiku a barvy aktuálního návrhu. Kameru, světlo a pozadí připravíte předem v režimu Mockup generátoru modelů.
Stáhněte PNG nebo barevné varianty
Vyberte pohled a Velikost obrázku: Thumb 256, Malý 512, Střední 1024 nebo Velký 2048 px. Hodnota určuje delší hranu; poměr stran vychází z generátoru. Stáhnout obrázky uloží PNG aktuálně vybraného pohledu.
- Při alespoň dvou odpovídajících předvolbách vytvoří volba Generovat obrázky pro všechny barevné předvolby ZIP se stejným pohledem v různých barevných variantách. Při menším počtu stáhnete jeden PNG.
- Dostupné předvolby závisejí na aktuálně zvoleném materiálu, technice tisku a velikosti. Vlastní barvy mimo předvolby nejsou součástí tohoto balíčku.
- Pokud potřebujete jiné strany produktu, vyberte další miniatury a stáhněte jejich obrázky.
Personalizace viditelná v košíku a objednávce
V pluginu WordPress + WooCommerce používáte lokální projekt a jeho přiřazenou revizi modelu. U produktu s dostupnými generátory mockupů aplikace vytváří obrázky personalizace při vložení návrhu do košíku. Po uložení souborů je plugin zobrazí u položky v košíku a objednávce.
- Nemusíte ručně otevírat okno Mockup pro každou zákaznickou objednávku.
- Výsledky zohledňují návrh a vybrané barvy produktu. Generátory a zdroje musí být dostupné pro používanou revizi modelu.
- Miniatury jsou podporovány v klasickém košíku i blocích Cart/Checkout WooCommerce. Pokud uložený mockup není dostupný, zůstává standardní miniatura produktu.
- Připravte a uložte generátory u modelu používaného v návrhu.
- Zpřístupněte návrh v produktu obsluhovaném pluginem WordPress + WooCommerce.
- Zákazník personalizuje produkt v Customizeru a přidá návrh do košíku.
- Aplikace připraví mockupy dostupných pohledů pro vybraný návrh a barvy. Po uložení obrázků plugin použije personalizovanou miniaturu u položky v košíku a objednávce.
Vizualizace pro obchod a soubor pro výrobu
Mockup představuje vzhled produktu: hotovou grafiku, tvar, stíny a pozadí. Použijte ho v nabídce, katalogu nebo k zobrazení personalizace zákazníkovi.
Pro výrobu připravte soubory tiskových oblastí ve Správci tisku. To platí také pro návrhy AOP, kde grafika pokrývá různé části produktu. Nastavení a stahování výrobních souborů popisuje průvodce Soubory připravené k tisku.
Zkontrolujte hotový generátor před použitím v obchodě
Vyzkoušejte několik různých potisků a barev produktu. Generátor připravený na jednom jednoduchém motivu by měl správně zobrazit i drobný text, grafiku u okraje a větší potisk AOP.
Krátký test od úprav až po košík
Projděte stejný postup, který později použijete vy nebo váš zákazník.
- Prohlédněte si všechny uložené pohledy. Zkontrolujte záběr produktu, stín a okraje.
- Zapněte šachovnici nebo testovací text na dílech, které se budou potiskovat. Zkontrolujte obrysy, masku a umístění grafiky.
- Porovnejte světlou a tmavou barvu i cílový potisk v Designeru. Stáhněte PNG a prohlédněte si ho v cílové velikosti.
- Po změnách uložte projekt modelu. V pluginu zkontrolujte návrh používající správnou revizi modelu a otestujte přidání personalizace do košíku.
Co upravit, když výsledek neodpovídá očekávání?
Začněte fází, která za daný problém odpovídá. Ne každá korekce vyžaduje nové nastavení celé scény.
| Co vidíte | Co zkontrolovat |
|---|---|
| Potisk přesahuje mimo produkt nebo mizí u límce | Obrys dílu v Mapování, Bézierovy úchyty a nastavení masky potisku. Po korekci přepočítejte potřebné vrstvy. |
| Mřížka nebo písmena jsou příliš roztažená | Přizpůsobení modelu fotografii a mapování daného dílu. Opravte tvar, než problém skryjete příliš měkkým okrajem. |
| Grafika je příliš tmavá nebo příliš zesvětlená | Nastavení vrstev stínů a světel. U 3D kompozice zkontrolujte také expozici a osvětlení scény. |
| Po změně pozadí stále vidíte starý obrázek | Aktualizujte základní obrázek příslušným příkazem generování a uložte projekt. Samotný výběr pozadí mění scénu, ale nenahrazuje dříve vygenerovaný obrázek. |
| V balíčku ZIP chybí boky a zadní strana | Balíček variant platí pro vybraný pohled. Vyberte další miniaturu a stáhněte obrázky pro tuto stranu produktu. |
| Chybí volba balíčku všech barev nebo se stahuje jen jeden PNG | Zkontrolujte počet odpovídajících předvoleb pro materiál, techniku tisku a velikost. Jsou potřeba alespoň dvě. |
| Košík zobrazuje standardní fotografii produktu | Zkontrolujte dostupnost uložených generátorů a jejich zdrojů pro revizi modelu používanou v návrhu a také to, zda se mockupy úspěšně uložily. |