Composizione 3D
Crea una visualizzazione a partire dal modello preparato.
- Imposta la fotocamera, la scala dell'inquadratura, l'illuminazione, le ombre e lo sfondo.
- Genera l'immagine di base e i livelli necessari per mostrare le stampe successive.
Generatori di mockup - presentazione e vendita dei prodotti
Genera mockup di prodotti in pochi secondi
Prepara una volta la presentazione del prodotto e riutilizzala per nuovi motivi e varianti di colore. Il generatore di mockup conserva la vista, lo sfondo e il modo in cui la grafica viene applicata al prodotto. Il mockup finale combina queste impostazioni con il progetto attuale del cliente o con il tuo progetto in Designer.
Puoi usare i generatori disponibili per il modello scelto oppure crearne di tuoi nella modalità Mockup di Product Generator. Qui trovi esempi d'uso, impostazioni per scene 3D e fotografie personali, test della mappatura, download delle visualizzazioni e il loro utilizzo nel plugin WordPress + WooCommerce.
Le schermate mostrano gli strumenti reali di Alter Product, alcuni con interfaccia in inglese. Puoi aprire ogni schermata a dimensione intera.
Prepara il tuo generatore di mockupImposta le viste del prodotto, perfeziona la composizione e la mappatura, quindi salva il generatore insieme al modello.Vai alla descrizioneUsa le viste preparate nel progetto e nel negozioGenera visualizzazioni della stampa corrente, scarica le immagini e mostra la personalizzazione nel carrello.Vai alla descrizione
Ti serve prima un modello 3D tutto tuo?Consulta la guida di Product Generator: cartamodelli, Easy Creator, taglie, simulazione, materiali ed esportazione.Modello, generatore e mockup finale
Il generatore salva il modo in cui viene presentato il prodotto. Il mockup finale è un'immagine di un progetto specifico, creata con quel generatore.
Inizia da un modello pronto o dai generatori disponibili
Se il modello scelto dispone già di generatori di mockup, puoi utilizzarli subito in Product Designer. Nella finestra Mockup scegli una vista e l'anteprima mostra la grafica e i colori del progetto corrente.
Per creare i tuoi generatori, apri il progetto del modello in Product Generator e passa alla modalità Mockup. Servono un modello preparato e le superfici su cui verrà mostrata la grafica. La guida dedicata alla creazione di modelli 3D descrive cartamodelli, simulazione e materiali del modello.
Un generatore, tante visualizzazioni pronte
Esempio: prepari il fronte di una maglietta su uno sfondo chiaro. Per la stampa successiva non devi impostare di nuovo fotocamera, illuminazione o contorno del collo. Apri Mockup in Designer e il generatore salvato mostra il progetto corrente nella stessa inquadratura.
| Elemento | A cosa serve |
|---|---|
| Modello 3D | La forma del prodotto e le superfici su cui collochi il progetto. Lo stesso modello può avere più generatori, per esempio per fronte, lati e retro. |
| Generatore di mockup | Inquadratura, sfondo, illuminazione, mappatura delle parti e livelli. Modificalo quando vuoi cambiare la presentazione del prodotto. |
| Progetto in Designer o Customizer | Grafica, testi e colori scelti per il prodotto. Modificando il progetto ottieni un nuovo mockup con il generatore preparato. |
| Mockup PNG scaricato | L'immagine finale di un progetto e di una vista specifici. Puoi usarla nelle offerte, nel catalogo o nei materiali promozionali. |
Tre aree di lavoro per il mockup
Scegli la fase corrispondente a ciò che vuoi perfezionare. La composizione 3D e l'adattamento alla foto offrono due modi per preparare l'immagine di base.
Adattamento sull'immagine
Usa una tua fotografia del prodotto come base per la presentazione.
- Adatta il modello alla foto tramite posizione, rotazione, scala e strumenti di deformazione disponibili.
- Genera i livelli a partire dall'adattamento preparato.
Mappatura
Perfeziona i contorni delle parti e il comportamento della stampa sull'immagine.
- Modifica punti e maniglie vettoriali, maschere, ombre e luci.
- Questa fase richiede un'immagine di base e tracciati vettoriali preparati.
Da un'inquadratura preparata ai progetti successivi
Prepara la composizione una sola volta e riutilizza il generatore quando cambi grafica e colori.
- Scegli il modello e aggiungi le viste in modalità Mockup.
- Prepara la composizione 3D o l'adattamento alla foto, quindi genera i livelli.
- Controlla la mappatura della stampa su tutte le parti e salva il progetto con i generatori.
- Usa le viste salvate in Designer oppure metti il prodotto a disposizione dei clienti in Customizer.
Esempi: dal catalogo alla personalizzazione del cliente
Adatta la preparazione del generatore al contesto in cui presenterai il prodotto. Puoi realizzare gli scenari seguenti con gli stessi strumenti, cambiando composizione e grafica della stampa.
Quale presentazione del prodotto vuoi preparare?
Parti dall'obiettivo: foto delle varianti facili da confrontare, uno stile di marca riconoscibile oppure una visualizzazione sulla tua fotografia.
Un catalogo prodotti coerente
Una maglietta su sfondo chiaro, con scala costante e un'ombra delicata. Ogni nuova stampa viene inserita nella stessa vista.
- Usa Composizione 3D e prepara fronte, lati e retro.
- Perfeziona le inquadrature prima di scaricare i progetti successivi.
- Risultato: il cliente confronta più facilmente i motivi e i colori dell'offerta.
Una composizione nello stile del tuo marchio
Imposta uno sfondo con un colore della collezione, una sfumatura o una tua immagine. Adatta luce e ombra per integrare il prodotto nello scenario preparato.
- Salva le impostazioni come vista del modello.
- Dopo aver cambiato lo sfondo, genera un'immagine di base aggiornata.
- Risultato: i progetti successivi mantengono la stessa identità visiva.
La tua fotografia del prodotto
Hai una foto della maglietta nell'ambientazione desiderata? Usa Adattamento sull'immagine per adattare il modello alla fotografia e preparare l'applicazione delle stampe successive.
- Adatta sagoma, maniche e fotocamera alla foto.
- Controlla la mappatura con una stampa di prova e correggi i contorni.
- Risultato: la tua fotografia diventa la base di mockup riproducibili.
Il progetto del cliente nel carrello
Il cliente modifica grafica, testo o colore in Customizer. I generatori disponibili per il modello preparano le visualizzazioni di quel progetto specifico.
- Collega il progetto a un prodotto nel plugin WordPress + WooCommerce.
- Le immagini vengono create quando la personalizzazione viene aggiunta al carrello.
- Risultato: la miniatura della voce nel carrello e nell'ordine mostra il progetto del cliente.
La stessa stampa su una maglietta bianca e una verde
Le schermate dell'applicazione mostrano lo stesso progetto a tema frutta in due colori del prodotto. L'inquadratura rimane coerente e il mockup combina la stampa con il colore scelto per la maglietta.
- Prepara la stampa in Designer e scegli il colore del prodotto.
- Apri Mockup e seleziona la vista frontale.
- Cambia il colore del prodotto, poi riapri la stessa vista.
- Scarica singoli PNG oppure un pacchetto di varianti, se per il progetto sono disponibili preimpostazioni di colore compatibili.
Prepara un generatore di mockup del prodotto
Con il modello pronto in Inspector, passa alla modalità Mockup. Qui prepari una composizione comune per le grafiche e le varianti successive del prodotto.
Fronte, lati e retro con un solo comando
Nel pannello Mockup del progetto, scegli Crea automaticamente per preparare quattro viste: Fronte, Lato sinistro, Lato destro e Retro. Puoi anche inserire una vista personalizzata con Aggiungi nuovo, rinominarla e cambiarne l'ordine. Ogni generatore mantiene la propria inquadratura e le proprie impostazioni.
Fotocamera, sfondo e illuminazione
In Composizione 3D imposti il prodotto come base dell'immagine. Adatta l'inquadratura e l'illuminazione allo stile del catalogo o del marchio.
Per il catalogo, parti da uno sfondo semplice e da una sagoma del prodotto ben leggibile. Usa la fotocamera ortografica per una presentazione sobria senza scorcio prospettico. La prospettiva mette maggiormente in evidenza la forma tridimensionale. Lascia nel fotogramma un margine per le maniche, il fondo del prodotto e l'ombra.
L'ombra sul pavimento colloca il prodotto nella composizione, mentre quella sulla parete crea profondità. Puoi regolarne separatamente posizione, dimensioni, opacità e morbidezza. Esposizione e curve di luci, mezzitoni e ombre aiutano a recuperare dettagli leggibili. Nelle foto di catalogo mantieni nitida la stampa; scegli Bloom e profondità di campo adatti alle viste più orientate all'immagine del marchio.
- Documento e modello: assegna un nome e imposta larghezza e altezza dell'immagine master tra 64 e 2048 px per lato.
- Fotocamera: scegli una vista prospettica oppure ortografica. Regola rotazione, punto di destinazione, distanza e campo visivo o scala dell'inquadratura.
- Illuminazione: scegli un ambiente dalla libreria e regolane rotazione, intensità e punto di nero. Controlla separatamente le ombre sul pavimento e sulla parete, comprese morbidezza e opacità.
- Sfondo: usa un colore, una sfumatura, lo sfondo dell'ambiente o un'immagine personale. Regola il riempimento dell'inquadratura, la trasformazione e la trasparenza per creare una scena coerente con l'identità del prodotto.
- Post-produzione: tone mapping ed esposizione, curve di colore, occlusione ambientale, Bloom, profondità di campo, nitidezza, vignettatura e grana. L'antialiasing MSAA/FXAA aiuta a perfezionare i bordi.
Adatta il modello a una tua foto
La modalità Adattamento sull'immagine permette di usare file JPG, PNG o WebP personali. Regola la fotocamera e la scala del modello sovrapposto, insieme a opacità e posizione. Per l'abbigliamento sono disponibili strumenti per le ossa, preimpostazioni della posizione delle maniche e deformazione morbida con raggio e intensità regolabili. L'adattamento preparato serve poi a generare i livelli del mockup.
Per i capi supportati puoi preparare un rig automatico e regolare le ossa spostandole, ruotandole e cambiandone la lunghezza. L'impostazione speculare aiuta a mantenere la simmetria; le preimpostazioni delle maniche permettono di partire dalla posizione originale, leggermente abbassata o lungo il corpo. Deformazione e rotazione morbide agiscono localmente: scegli raggio, intensità e attenuazione dell'influenza - morbida, lineare, sferica o netta. L'anteprima della mesh facilita la valutazione della forma.
- Carica una fotografia JPG, PNG o WebP e impostala come base dell'adattamento.
- Regola fotocamera, posizione, rotazione e scala del modello. L'opacità della sovrapposizione aiuta a confrontarne la sagoma con il prodotto fotografato.
- Per l'abbigliamento, usa il rig disponibile, le posizioni delle maniche e la deformazione morbida. Parti dalla forma generale e passa alle correzioni locali.
- Scegli Genera dall'adattamento, poi passa a Mappatura e controlla bordi e stampa di prova.
Perfeziona la mappatura e i livelli del mockup
Immagine di base, maschera di stampa, ombre e luci lavorano insieme affinché la grafica rispetti l'aspetto e la forma del prodotto. Prepararle correttamente consente di riutilizzare la stessa visualizzazione.
Generazione e controllo dei livelli
In Composizione 3D scegli Genera tutti i livelli; per l'adattamento alla foto scegli Genera dall'adattamento. Controlla poi i singoli livelli e il risultato sul prodotto.
| Livello | Cosa controlli |
|---|---|
| Immagine di base | Inquadratura del prodotto, sfondo e aspetto della scena. Rigenera l'immagine dopo aver modificato la composizione. |
| Maschera di stampa | Area visibile della grafica, soglia, morbidezza e spostamento del bordo, oltre alla sua levigatura. |
| Ombre | Intensità, gamma e punto di bianco, per mantenere l'ombreggiatura del prodotto sulla stampa. |
| Luci | Soglia, intensità e gamma delle zone chiare della composizione. |
Controlla il generatore con una stampa di prova
Prima di passare al progetto finale, apri lo strumento delle stampe di prova. Puoi assegnare un motivo separatamente alle parti disponibili e, quando è possibile cambiare colore, verificare anche il colore dell'intero prodotto o dei singoli elementi.
Scacchiera UV
La griglia colorata aiuta a rilevare allungamenti, cambi di direzione e discontinuità della grafica. Esamina in particolare collo, maniche e bordi laterali.
Segnaposto «Your design here»
I riferimenti e la grafica centrale aiutano a valutare dove si posiziona la stampa e se viene tagliata dal contorno o dalla maschera.
Testo ripetuto
Il motivo con la scritta Alter Product aiuta a valutare leggibilità, proporzioni e direzione delle lettere su ogni parte.
Colori del prodotto e delle parti
Confronta una variante chiara e una scura. Sarà più facile rilevare ombre eccessive, alte luci bruciate o un alone chiaro lungo la stampa.
Contorni delle parti e correzione dei dettagli
Passa a Mappatura, seleziona una parte del prodotto e regola i punti e le maniglie Bézier del suo contorno. Puoi correggere con precisione collo, manica e bordi, quindi ricalcolare i livelli. Il menu di generazione permette anche di ricreare i contorni o aggiornare solo l'immagine di base, mantenendo i vettori esistenti.
Correggi prima la geometria del contorno se la stampa invade lo sfondo o non raggiunge il bordo. Poi perfeziona la maschera e la sua morbidezza. Regola ombre e luci per ultime, confrontando il risultato su un colore chiaro e uno scuro del prodotto.
Cosa rigenerare dopo una modifica?
Scegli l'ambito dell'aggiornamento per conservare le correzioni manuali ancora necessarie.
| Ambito | Quando usarlo |
|---|---|
| Tutti i livelli | Dopo aver preparato la scena o modificato sensibilmente la composizione, quando devi aggiornare l'immagine di base e i livelli del mockup. |
| Livelli dai vettori salvati | Dopo una correzione manuale del contorno, per ricalcolare il risultato mantenendo i tracciati perfezionati. |
| Ricreazione dei contorni | Quando vuoi ridefinire i contorni dal modello. L'operazione ricrea la geometria e può sostituire le precedenti correzioni manuali. |
| Solo l'immagine di base | Quando devi aggiornare l'immagine senza sovrascrivere i vettori esistenti. Dopo modifiche che influiscono su ombre o maschera, controlla anche i livelli interessati. |
Salva i generatori con il progetto del modello
Dopo aver perfezionato le viste, salva il progetto di Product Generator. La raccolta dei generatori appartiene al modello e alla revisione utilizzata da Designer. Nell'applicazione il progetto viene salvato sul server, mentre nel plugin WordPress è memorizzato localmente.
Dopo aver modificato fotocamera, sfondo, luce o adattamento, aggiorna i livelli interessati e controlla il risultato prima di salvare. Scaricare un PNG da Designer crea un'immagine del progetto corrente; salvare il progetto del modello conserva il generatore per ulteriori modifiche.
Usa i mockup in Designer e WooCommerce
Il generatore preparato diventa parte del lavoro con il modello. Durante la progettazione usi le viste pronte con la personalizzazione corrente.
La tua grafica in un'inquadratura ripetibile
Apri Mockup in Product Designer. Nella finestra Generatore di mockup seleziona la miniatura del fronte, di un lato o del retro. L'anteprima usa la grafica e i colori del progetto corrente. Fotocamera, luce e sfondo si preparano prima nella modalità Mockup del generatore di modelli.
Scarica PNG o varianti di colore
Scegli una vista e la Dimensione immagine: Miniatura 256, Piccola 512, Media 1024 o Grande 2048 px. Il valore indica il lato più lungo; le proporzioni dipendono dal generatore. Scarica immagini salva il PNG della vista selezionata.
- Con almeno due preimpostazioni compatibili, l'opzione Genera immagini per tutte le preimpostazioni di colore crea uno ZIP con la stessa vista nelle varianti cromatiche. Con meno preimpostazioni scarichi un singolo PNG.
- Le preimpostazioni disponibili dipendono dal materiale, dalla tecnica di stampa e dalla taglia selezionati. I colori personalizzati esterni alle preimpostazioni non sono inclusi nel pacchetto.
- Se ti servono altri lati del prodotto, seleziona le relative miniature e scaricane le immagini.
Personalizzazione visibile nel carrello e nell'ordine
Nel plugin WordPress + WooCommerce usi un progetto locale e la revisione del modello associata. Per un prodotto con generatori di mockup disponibili, l'applicazione crea le immagini personalizzate quando il progetto viene aggiunto al carrello. Dopo il salvataggio dei file, il plugin le mostra accanto alla voce nel carrello e nell'ordine.
- Non devi aprire manualmente la finestra Mockup per ogni ordine del cliente.
- I risultati includono il progetto e i colori scelti per il prodotto. Generatori e risorse devono essere disponibili per la revisione del modello utilizzata.
- Le miniature sono supportate nel carrello classico e nei blocchi Cart/Checkout di WooCommerce. Se il mockup salvato non è disponibile, rimane la miniatura standard del prodotto.
- Prepara e salva i generatori insieme al modello usato nel progetto.
- Rendi disponibile il progetto in un prodotto gestito dal plugin WordPress + WooCommerce.
- Il cliente personalizza il prodotto in Customizer e aggiunge il progetto al carrello.
- L'applicazione prepara i mockup delle viste disponibili per il progetto e i colori scelti. Dopo il salvataggio delle immagini, il plugin usa la miniatura personalizzata per la voce nel carrello e nell'ordine.
Una visualizzazione per il negozio e un file per la produzione
Il mockup presenta l'aspetto del prodotto: grafica finale, forma, ombre e sfondo. Usalo nelle offerte, nel catalogo o per mostrare la personalizzazione al cliente.
Per la produzione, prepara i file delle aree di stampa nel Gestore di stampa. Questo vale anche per i progetti AOP, in cui la grafica copre parti diverse del prodotto. La guida File pronti per la stampa descrive le impostazioni e il download dei file di produzione.
Controlla il generatore prima di usarlo nel negozio
Prova diversi motivi e colori del prodotto. Un generatore preparato con un motivo semplice dovrebbe mostrare correttamente anche testi piccoli, grafiche vicine al bordo e stampe AOP più ampie.
Un test rapido dall'editing al carrello
Segui lo stesso percorso che userete in seguito tu o il tuo cliente.
- Esamina tutte le viste salvate. Controlla inquadratura del prodotto, ombra e margini.
- Attiva la scacchiera o il testo di prova sulle parti da stampare. Controlla contorni, maschera e disposizione della grafica.
- Confronta un colore chiaro e uno scuro con la stampa finale in Designer. Scarica un PNG e visualizzalo nelle dimensioni previste.
- Dopo le modifiche, salva il progetto del modello. Nel plugin, verifica che il progetto usi la revisione corretta del modello e prova ad aggiungere la personalizzazione al carrello.
Cosa correggere se il risultato non è quello atteso?
Parti dalla fase responsabile del problema. Non tutte le correzioni richiedono di reimpostare l'intera scena.
| Cosa vedi | Cosa controllare |
|---|---|
| La stampa esce dal prodotto o scompare vicino al collo | Il contorno della parte in Mappatura, le maniglie Bézier e le impostazioni della maschera di stampa. Dopo la correzione, ricalcola i livelli necessari. |
| La griglia o le lettere sono eccessivamente allungate | L'adattamento del modello alla fotografia e la mappatura della parte. Correggi la forma prima di nascondere il problema con un bordo troppo morbido. |
| La grafica è troppo scura o troppo schiarita | Le impostazioni dei livelli di ombre e luci. Per la composizione 3D, controlla anche esposizione e illuminazione della scena. |
| Dopo aver cambiato lo sfondo vedi ancora la vecchia immagine | Aggiorna l'immagine di base con il comando di generazione adatto e salva il progetto. Scegliere uno sfondo cambia la scena, ma non sostituisce l'immagine generata in precedenza. |
| Nel file ZIP mancano i lati e il retro | Il pacchetto di varianti riguarda la vista selezionata. Scegli la miniatura successiva e scarica le immagini di quel lato del prodotto. |
| Manca l'opzione per tutti i colori oppure viene scaricato un solo PNG | Controlla quante preimpostazioni sono compatibili con materiale, tecnica di stampa e taglia. Ne servono almeno due. |
| Il carrello mostra la foto standard del prodotto | Verifica la disponibilità dei generatori salvati e delle relative risorse per la revisione del modello usata nel progetto, oltre al corretto salvataggio dei mockup. |