Află mai multe

Generatoare de mockupuri - prezentarea și vânzarea produselor

Generează mockupuri de produse în câteva secunde

Pregătește prezentarea produsului o singură dată, apoi folosește-o pentru alte imprimeuri și variante de culoare. Generatorul de mockupuri păstrează vederea, fundalul și modul de aplicare a graficii pe produs. Mockupul final combină aceste setări cu proiectul curent al clientului sau cu proiectul tău din Designer.

Poți folosi generatoarele disponibile pentru modelul ales sau poți crea altele în modul Mockup din Product Generator. Mai jos găsești exemple de utilizare, setări pentru scena 3D și fotografia proprie, testarea mapării, descărcarea vizualizărilor și utilizarea lor în pluginul WordPress + WooCommerce.

Capturile prezintă instrumentele reale Alter Product, unele cu interfața în engleză. Poți deschide fiecare captură la dimensiunea completă.

Ai nevoie mai întâi de propriul model 3D?Consultă ghidul Product Generator: tipare de croitorie, Easy Creator, mărimi, simulare, materiale și export.

Modelul, generatorul și mockupul final

Generatorul salvează modul de prezentare a produsului. Mockupul final este imaginea unui anumit proiect, creată cu ajutorul acestui generator.

Începe cu un model pregătit sau cu generatoarele disponibile

Dacă modelul ales are deja generatoare de mockupuri, le poți folosi imediat în Product Designer. Alegi o vedere în fereastra Mockup, iar previzualizarea afișează grafica și culorile proiectului curent.

Pentru a crea propriile generatoare, deschide proiectul modelului în Product Generator și treci în modul Mockup. Ai nevoie de un model pregătit și de suprafețele pe care va apărea grafica. Tiparele de croitorie, simularea și materialele modelului sunt descrise în ghidul separat pentru crearea modelelor 3D.

Un generator, multe vizualizări gata de utilizare

Exemplu: pregătești partea din față a unui tricou pe un fundal deschis. Pentru următorul imprimeu nu mai configurezi camera, iluminarea sau conturul gulerului. Deschizi Mockup în Designer, iar generatorul salvat prezintă proiectul curent în același cadru.

Ce pregătești o singură dată și ce schimbi în proiectele următoare
ElementRolul său
Model 3DForma produsului și suprafețele pe care plasezi proiectul. Același model poate avea mai multe generatoare, de exemplu pentru față, laterale și spate.
Generator de mockupuriCadrul, fundalul, iluminarea, maparea pieselor și straturile. Îl editezi când vrei să schimbi modul de prezentare a produsului.
Proiect în Designer sau CustomizerGrafica, textele și culorile alese pentru produs. Schimbarea proiectului produce un mockup nou folosind generatorul pregătit.
Mockup PNG descărcatImaginea finală a unui anumit proiect și a unei anumite vederi. O poți folosi în oferte, catalog sau materiale promoționale.

Trei spații de lucru pentru mockup

Alege etapa potrivită pentru ceea ce vrei să finisezi. Compoziția 3D și potrivirea pe fotografie oferă două moduri de pregătire a imaginii de bază.

Compoziție 3D

Creează o vizualizare pornind de la modelul pregătit.

  • Configurează camera, scara cadrului, iluminarea, umbrele și fundalul.
  • Generează imaginea de bază și straturile necesare pentru afișarea următoarelor imprimeuri.

Potrivire pe imagine

Folosește propria fotografie a produsului ca bază pentru prezentare.

  • Potrivește modelul pe fotografie prin poziție, rotație, scară și instrumentele de deformare disponibile.
  • Generează straturile din potrivirea pregătită.

Mapare

Finisează contururile pieselor și comportamentul imprimeului pe imagine.

  • Editează punctele și mânerele vectoriale, măștile, umbrele și zonele luminoase.
  • Această etapă necesită o imagine de bază și trasee vectoriale pregătite.

De la un cadru pregătit la următoarele proiecte

Pregătești compoziția o singură dată și reutilizezi generatorul când schimbi grafica și culorile.

  1. Alege modelul și adaugă vederi în modul Mockup.
  2. Pregătește compoziția 3D sau potrivirea pe fotografie, apoi generează straturile.
  3. Verifică maparea imprimeului pe toate piesele și salvează proiectul cu generatoarele.
  4. Folosește vederile salvate în Designer sau pune produsul la dispoziția clienților în Customizer.

Exemple: de la catalog la personalizarea clientului

Adaptează pregătirea generatorului la locul unde vei prezenta produsul. Poți realiza scenariile de mai jos cu aceleași instrumente, schimbând compoziția și designul imprimeului.

Ce prezentare a produsului vrei să pregătești?

Pornește de la obiectiv: fotografii ale variantelor ușor de comparat, un stil de marcă recognoscibil sau o vizualizare pe propria fotografie.

Un catalog de produse unitar

Un tricou pe fundal deschis, la scară constantă și cu o umbră discretă. Fiecare imprimeu nou apare în aceeași vedere.

  • Folosește Compoziție 3D și pregătește fața, lateralele și spatele.
  • Finisează cadrele înainte de a descărca următoarele proiecte.
  • Rezultat: clientul compară mai ușor modelele și culorile din ofertă.

O compoziție în stilul mărcii tale

Alege un fundal într-o culoare a colecției, un gradient sau propria imagine. Potrivește lumina și umbra astfel încât produsul să se integreze în decorul pregătit.

  • Salvează setările ca vedere a modelului.
  • După schimbarea fundalului, generează o imagine de bază actualizată.
  • Rezultat: proiectele următoare păstrează aceeași identitate vizuală.

Propria fotografie a produsului

Ai o fotografie a tricoului în aranjamentul dorit? Folosește Potrivire pe imagine pentru a adapta modelul la fotografie și a pregăti aplicarea următoarelor imprimeuri.

  • Potrivește silueta, mânecile și camera pe fotografie.
  • Verifică maparea cu un imprimeu de test și corectează contururile.
  • Rezultat: fotografia ta devine baza unor mockupuri repetabile.

Proiectul clientului în coș

Clientul schimbă grafica, textul sau culoarea în Customizer. Generatoarele disponibile pentru model pregătesc vizualizări ale acestui proiect concret.

  • Asociază proiectul cu un produs în pluginul WordPress + WooCommerce.
  • Imaginile sunt create la adăugarea personalizării în coș.
  • Rezultat: miniatura articolului din coș și din comandă prezintă proiectul clientului.

Același imprimeu pe un tricou alb și unul verde

Capturile din aplicație prezintă același proiect cu motiv de fructe în două culori ale produsului. Cadrul rămâne unitar, iar mockupul combină imprimeul cu nuanța aleasă pentru tricou.

  1. Pregătește imprimeul în Designer și alege culoarea produsului.
  2. Deschide Mockup și selectează vederea din față.
  3. Schimbă culoarea produsului, apoi redeschide aceeași vedere.
  4. Descarcă PNG-uri individuale sau un pachet de variante dacă proiectul are presetări de culoare compatibile.
Tricou alb cu imprimeu de fructe în fereastra Mockup Generator, cu miniaturile a patru vederi și setări de descărcare.
Versiunea albă a produsului. Același proiect și aceeași vedere frontală; panoul alăturat oferă și lateralele și spatele.
Tricou verde cu imprimeu de fructe în fereastra Mockup Generator, cu miniaturile a patru vederi și setări de descărcare.
Versiunea verde a produsului. Același proiect și aceeași vedere frontală; panoul alăturat oferă și lateralele și spatele.

Pregătește un generator de mockupuri pentru produs

Cu modelul pregătit în Inspector, treci în modul Mockup. Aici pregătești o compoziție comună pentru următoarele grafici și variante ale produsului.

Față, laterale și spate printr-o singură comandă

În panoul Mockupurile proiectului, alege Creează automat pentru a pregăti patru vederi: Față, Lateral stânga, Lateral dreapta și Spate. Poți adăuga și o vedere proprie cu Adaugă nou, îi poți schimba numele și ordinea. Fiecare generator își păstrează propriul cadru și propriile setări.

Panoul celor patru vederi ale produsului în editorul de mockupuri: față, lateral stânga, lateral dreapta și spate.
Pregătirea automată a celor patru vederi principale. Fiecare cadru poate fi finisat separat ulterior.

Cameră, fundal și iluminare

În Compoziție 3D, poziționezi produsul ca bază a imaginii. Adaptează cadrul și iluminarea la stilul catalogului sau al mărcii.

Pentru catalog, începe cu un fundal simplu și o siluetă clară a produsului. Folosește camera ortografică pentru o prezentare echilibrată, fără scurtare în perspectivă. Perspectiva evidențiază mai bine forma tridimensională. Lasă spațiu în cadru pentru mâneci, partea de jos a produsului și umbră.

Umbra de pe sol fixează produsul în compoziție, iar cea de lângă perete creează profunzime. Le poți regla separat poziția, dimensiunea, opacitatea și difuzia. Expunerea și curbele pentru lumini, tonuri medii și umbre ajută la recuperarea detaliilor. În fotografia de catalog păstrează claritatea imprimeului; adaptează Bloom și profunzimea câmpului pentru vederile orientate spre imaginea mărcii.

  • Document și model: atribuie un nume și setează lățimea și înălțimea imaginii master între 64 și 2048 px pe fiecare latură.
  • Cameră: alege perspectiva sau vederea ortografică. Ajustează rotația, punctul țintă, distanța și câmpul vizual sau scara cadrului.
  • Iluminare: alege un mediu din bibliotecă și reglează rotația, intensitatea și punctul de negru. Controlează separat umbra de pe sol și de lângă perete, inclusiv difuzia și opacitatea.
  • Fundal: folosește o culoare, un gradient, fundalul mediului sau propria imagine. Ajustează modul de umplere a cadrului, transformarea și transparența pentru a crea un decor potrivit identității produsului.
  • Postprocesare: maparea tonurilor și expunerea, curbele de culoare, ocluzia ambientală, Bloom, profunzimea câmpului, claritatea, vinietarea și granulația. Netezirea MSAA/FXAA ajută la finisarea marginilor.
Editor de mockupuri cu biblioteca de fundaluri și un tricou pe un fundal cu frunze în previzualizarea scenei 3D.
Alegerea fundalului modifică compoziția scenei din dreapta. Generarea actualizează imaginea de bază vizibilă în stânga.

Potrivește modelul pe propria fotografie

Modul Potrivire pe imagine permite utilizarea propriilor fișiere JPG, PNG sau WebP. Ajustează camera și scara modelului suprapus, precum și opacitatea și poziția acestuia. Pentru îmbrăcăminte sunt disponibile instrumente pentru oase, presetări ale poziției mânecilor și deformare fină cu rază și intensitate reglabile. Potrivirea pregătită este folosită pentru generarea straturilor mockupului.

Pentru îmbrăcămintea compatibilă poți pregăti un rig automat și ajusta oasele prin deplasare, rotație și modificarea lungimii. Ajustarea în oglindă ajută la menținerea simetriei, iar presetările mânecilor permit pornirea din poziția inițială, ușor coborâtă sau pe lângă corp. Deformarea și rotația fină acționează local: alegi raza, intensitatea și modul de atenuare a influenței - lin, liniar, sferic sau abrupt. Previzualizarea plasei facilitează evaluarea formei.

  1. Încarcă o fotografie JPG, PNG sau WebP și seteaz-o ca bază a potrivirii.
  2. Ajustează camera, poziția, rotația și scara modelului. Opacitatea suprapunerii ajută la compararea siluetei cu produsul din fotografie.
  3. Pentru îmbrăcăminte, folosește rigul disponibil, pozițiile mânecilor și deformarea fină. Lucrează de la forma generală la corecțiile locale.
  4. Alege Generează din potrivire, treci la Mapare și verifică marginile și imprimeul de test.

Finisează maparea și straturile mockupului

Imaginea de bază, masca imprimeului, umbrele și zonele luminoase funcționează împreună pentru ca grafica să respecte aspectul și forma produsului. Pregătirea lor corectă permite reutilizarea aceleiași vizualizări.

Generarea și controlul straturilor

În Compoziție 3D, alege Generează toate straturile; pentru potrivirea pe fotografie, alege Generează din potrivire. Apoi verifică fiecare strat și rezultatul pe produs.

Straturile de ieșire ale generatorului de mockupuri
StratCe controlezi
Imagine de bazăCadrul produsului, fundalul și aspectul scenei. Regenerează imaginea după schimbarea compoziției.
Masca imprimeuluiZona vizibilă a graficii, pragul, difuzia și deplasarea marginii, precum și netezirea acesteia.
UmbreIntensitatea, gamma și punctul de alb, astfel încât imprimeul să păstreze umbrirea produsului.
Zone luminoasePragul, intensitatea și gamma zonelor luminoase ale compoziției.

Verifică generatorul cu un imprimeu de test

Înainte de a trece la proiectul final, deschide instrumentul pentru imprimeuri de test. Poți atribui separat un model pieselor disponibile și, când se poate schimba culoarea, poți testa și culoarea întregului produs sau a elementelor sale.

Tablă de șah UV

Grila colorată ajută la identificarea întinderilor, schimbărilor de direcție și întreruperilor graficii. Verifică în special gulerul, mânecile și marginile laterale.

Marcaj „Your design here”

Marcajele și grafica centrală ajută la evaluarea poziției imprimeului și la verificarea eventualei tăieri de către contur sau mască.

Text repetat

Modelul cu textul Alter Product ajută la evaluarea lizibilității literelor, a proporțiilor și a direcției lor pe fiecare piesă.

Culorile produsului și ale pieselor

Compară o variantă deschisă cu una închisă. Astfel observi mai ușor umbrele prea puternice, luminile supraexpuse sau un halou deschis în jurul imprimeului.

Contururile pieselor și corectarea detaliilor

Treci la Mapare, selectează o piesă a produsului și ajustează punctele și mânerele Bézier ale conturului. Poți corecta precis gulerul, mâneca și marginile, apoi recalcula straturile. Meniul de generare permite și recrearea contururilor sau actualizarea doar a imaginii de bază, păstrând vectorii existenți.

Corectează mai întâi geometria conturului dacă imprimeul iese pe fundal sau nu ajunge la margine. Apoi finisează masca și difuzia ei. Reglează umbrele și luminile la final, comparând rezultatul pe o culoare deschisă și una închisă a produsului.

Gulerul unui tricou cu puncte și mânere ale conturului, alături de panoul straturilor imaginii de bază, măștii imprimeului, umbrelor și zonelor luminoase.
Corectarea conturului vectorial la guler în modul de mapare. Panoul afișează straturile folosite pentru aplicarea imprimeului.

Ce trebuie regenerat după o modificare?

Alege amploarea actualizării pentru a păstra corecțiile manuale care rămân necesare.

Comenzi de generare și utilizările lor
AmploareCând se folosește
Toate straturileDupă pregătirea scenei sau o schimbare importantă a compoziției, când trebuie actualizate imaginea de bază și straturile mockupului.
Straturi din vectorii salvațiDupă o corecție manuală a conturului, pentru recalcularea rezultatului cu păstrarea traseelor finisate.
Recrearea contururilorCând vrei să redefinești contururile pornind de la model. Operația recreează geometria și poate înlocui corecțiile manuale anterioare.
Doar imaginea de bazăCând trebuie să actualizezi imaginea fără a suprascrie vectorii existenți. După modificări care afectează umbrele sau masca, verifică și straturile corespunzătoare.

Salvează generatoarele împreună cu proiectul modelului

După finisarea vederilor, salvează proiectul Product Generator. Colecția de generatoare aparține modelului și reviziei folosite de Designer. În aplicație, proiectul este salvat pe server, iar în pluginul WordPress este stocat local.

După schimbarea camerei, fundalului, luminii sau potrivirii, actualizează straturile corespunzătoare și verifică rezultatul înainte de salvare. Descărcarea unui PNG din Designer creează o imagine a proiectului curent; salvarea proiectului modelului păstrează generatorul pentru editări ulterioare.

Folosește mockupurile în Designer și WooCommerce

Generatorul pregătit devine parte a lucrului cu modelul. În timpul proiectării, folosești vederile pregătite cu personalizarea curentă.

Grafica ta într-un cadru repetabil

Deschide Mockup în Product Designer. În fereastra Generator de mockupuri, alege miniatura feței, a unei laterale sau a spatelui. Previzualizarea folosește grafica și culorile proiectului curent. Camera, lumina și fundalul se pregătesc anterior în modul Mockup al generatorului de modele.

Generator de mockupuri în Designer: tricou negru cu grafică aurie, patru vederi și setări pentru descărcarea imaginilor.
Proiectul final în fereastra Generator de mockupuri. Miniaturile selectează vederea, iar panoul de dedesubt pregătește descărcarea.

Descarcă PNG-uri sau variante de culoare

Alege o vedere și Dimensiunea imaginii: Miniatură 256, Mică 512, Medie 1024 sau Mare 2048 px. Valoarea indică latura mai lungă; proporțiile sunt stabilite de generator. Descarcă imagini salvează PNG-ul vederii selectate.

  • Cu cel puțin două presetări compatibile, opțiunea Generează imagini pentru toate presetările de culoare creează un ZIP cu aceeași vedere în variantele de culoare. Cu mai puține presetări, descarci un singur PNG.
  • Presetările disponibile depind de materialul, tehnica de imprimare și mărimea selectate. Culorile proprii care nu fac parte din presetări nu sunt incluse în acest pachet.
  • Dacă ai nevoie de alte laturi ale produsului, selectează miniaturile corespunzătoare și descarcă imaginile.

Personalizare vizibilă în coș și în comandă

În pluginul WordPress + WooCommerce, folosești un proiect local și revizia modelului asociată acestuia. Pentru un produs cu generatoare de mockupuri disponibile, aplicația creează imaginile personalizării la adăugarea proiectului în coș. După salvarea fișierelor, pluginul le afișează lângă articolul din coș și din comandă.

  • Nu trebuie să deschizi manual fereastra Mockup pentru fiecare comandă a unui client.
  • Rezultatele includ proiectul și culorile alese pentru produs. Generatoarele și resursele trebuie să fie disponibile pentru revizia modelului utilizată.
  • Miniaturile sunt acceptate atât în coșul clasic, cât și în blocurile Cart/Checkout WooCommerce. Dacă mockupul salvat nu este disponibil, rămâne miniatura standard a produsului.
  1. Pregătește și salvează generatoarele împreună cu modelul folosit în proiect.
  2. Pune proiectul la dispoziție într-un produs gestionat de pluginul WordPress + WooCommerce.
  3. Clientul personalizează produsul în Customizer și adaugă proiectul în coș.
  4. Aplicația pregătește mockupuri ale vederilor disponibile pentru proiectul și culorile alese. După salvarea imaginilor, pluginul folosește miniatura personalizată lângă articolul din coș și din comandă.

O vizualizare pentru magazin și un fișier pentru producție

Mockupul prezintă aspectul produsului: grafica finală, forma, umbrele și fundalul. Folosește-l în oferte, în catalog sau pentru a-i arăta clientului personalizarea.

Pentru producție, pregătește fișierele zonelor de imprimare în Managerul de imprimare. Acest lucru se aplică și proiectelor AOP, în care grafica acoperă diferite piese ale produsului. Ghidul Fișiere gata de imprimare descrie setările și descărcarea fișierelor de producție.

Verifică generatorul înainte de utilizarea în magazin

Testează mai multe imprimeuri și culori ale produsului. Un generator pregătit cu un motiv simplu ar trebui să afișeze corect și texte mici, grafică lângă margine și un imprimeu AOP mai mare.

Un test rapid de la editare la coș

Parcurge același traseu pe care îl vei folosi ulterior tu sau clientul tău.

  1. Examinează toate vederile salvate. Verifică încadrarea produsului, umbra și marginile.
  2. Activează tabla de șah sau textul de test pe piesele care vor fi imprimate. Controlează contururile, masca și așezarea graficii.
  3. Compară o culoare deschisă și una închisă cu imprimeul final în Designer. Descarcă un PNG și examinează-l la dimensiunea dorită.
  4. După modificări, salvează proiectul modelului. În plugin, verifică dacă proiectul folosește revizia corectă a modelului și testează adăugarea personalizării în coș.

Ce corectezi când rezultatul nu arată cum te aștepți?

Începe cu etapa responsabilă de problemă. Nu fiecare corecție necesită reconfigurarea întregii scene.

Probleme frecvente și locul corecției
Ce observiCe să verifici
Imprimeul depășește produsul sau dispare la gulerConturul piesei în Mapare, mânerele Bézier și setările măștii imprimeului. După corecție, recalculează straturile necesare.
Grila sau literele sunt întinse excesivPotrivirea modelului pe fotografie și maparea piesei. Corectează forma înainte de a ascunde problema cu o margine prea difuză.
Grafica este prea întunecată sau prea luminoasăSetările straturilor de umbre și lumini. Pentru compoziția 3D, verifică și expunerea și iluminarea scenei.
După schimbarea fundalului apare încă imaginea vecheActualizează imaginea de bază cu comanda de generare potrivită și salvează proiectul. Alegerea fundalului schimbă scena, dar nu înlocuiește imaginea generată anterior.
Pachetul ZIP nu include lateralele și spatelePachetul de variante se referă la vederea selectată. Alege următoarea miniatură și descarcă imaginile acelei laturi a produsului.
Opțiunea pentru toate culorile lipsește sau se descarcă un singur PNGVerifică numărul presetărilor compatibile cu materialul, tehnica de imprimare și mărimea. Sunt necesare cel puțin două.
Coșul afișează fotografia standard a produsuluiVerifică disponibilitatea generatoarelor salvate și a resurselor lor pentru revizia modelului utilizată în proiect, precum și salvarea cu succes a mockupurilor.