Come creare un mockup: guida passo passo con 3 metodi

Risposta breve: Per creare un mockup si prepara il design come PNG con sfondo trasparente, si sceglie un modello di mockup che mostra il prodotto vuoto, si posiziona il design sul modello adattandolo alle pieghe, alla luce e al colore del prodotto, quindi si esporta l'immagine nella dimensione consigliata dalla piattaforma su cui si vende. Ci sono tre modi per farlo: con strumenti di mockup online, con modelli a oggetto avanzato in Photoshop oppure con generatori di mockup che inseriscono automaticamente il design nelle immagini dei prodotti.

Per sapere che cos'è un mockup e quali tipi esistono, è utile leggere prima l'articolo cos'è un mockup. Questa guida si concentra direttamente sulla pratica.

Preparazione prima di creare un mockup

• File del design: Un PNG ad alta risoluzione con sfondo trasparente oppure un file vettoriale. Un JPG con sfondo bianco appare come un riquadro bianco su un prodotto scuro.
• Prodotto e colori: Conviene decidere in anticipo quale prodotto (t-shirt, tazza, poster) e quali colori vendere; ogni colore richiede un'immagine separata.
• Area di stampa: È importante conoscere l'area di stampa reale del produttore. Mostrare nel mockup il design più grande di quest'area crea false aspettative nell'acquirente.

Metodo 1: con strumenti di mockup online (il più veloce)

Strumenti che funzionano nel browser come Canva, Placeit e Kittl offrono modelli pronti. Non serve installare alcun programma.

1. Cercare nello strumento un modello in base al tipo di prodotto (ad es. "t-shirt mockup").
2. Caricare il PNG del design; lo strumento lo posiziona nell'area di stampa.
3. Regolare dimensione e posizione e scegliere il colore del prodotto.
4. Scaricare l'immagine. I piani gratuiti possono prevedere filigrana, limiti di risoluzione o restrizioni all'uso commerciale; leggere sempre le condizioni di licenza del modello.

Quando è adatto: se i prodotti sono pochi e servono immagini in tempi rapidi.

Metodo 2: con un modello Photoshop a oggetto avanzato (il più flessibile)

La maggior parte dei modelli di mockup professionali è fornita come file PSD, e il livello in cui si inserisce il design è un oggetto avanzato.

1. Aprire il modello PSD e, nel pannello dei livelli, individuare il livello oggetto avanzato, di solito chiamato "Your Design" o "Place Here".
2. Fare doppio clic sul livello; si apre in una finestra separata.
3. Incollare il design in questa finestra, ridimensionarlo in base all'area di stampa, salvare e chiudere.
4. Tornando al file principale, il design si adagia sul prodotto insieme agli effetti di pieghe e ombre del modello.
5. Cambiare il livello del colore ed esportare un'immagine separata per ogni variante di colore.

Quando è adatto: se si desidera il pieno controllo sull'immagine e si userà lo stesso modello per molti design.

Metodo 3: con un generatore automatico di mockup (il più scalabile)

Quando si lavora con molti prodotti, inserire ogni design in un modello uno alla volta richiede ore. Gli strumenti di tipo generatore di mockup applicano il design, caricato una sola volta, a tutti i prodotti e i colori selezionati. La maggior parte delle piattaforme di print on demand offre un generatore di mockup di questo tipo collegato al proprio catalogo prodotti.

Quando è adatto: se si aggiungono regolarmente nuovi prodotti su Etsy e ogni prodotto richiede più colori e immagini.

Quale metodo scegliere?

In pratica molti venditori combinano i metodi: generano mockup automatici per tutti i colori e, per la prima immagine, scelgono una scena Photoshop preparata con cura o una foto d'uso.

Passo dopo passo: il primo mockup

Qualunque strumento si scelga, il flusso è lo stesso. Il primo mockup va preparato in questo ordine:

1. Pulire il design: Rimuovere lo sfondo e controllare che sui bordi non siano rimasti pixel bianchi. Su un prodotto scuro questi pixel risultano molto evidenti.
2. Scegliere il modello: Per la prima immagine scegliere un modello semplice che mostri il prodotto disteso e di fronte; lasciare le scene d'uso alle immagini aggiuntive.
3. Posizionare e ridimensionare: Centrare il design in base all'area di stampa. Sulla t-shirt il bordo superiore del design inizia di solito poco sotto il colletto; sulla tazza controllare il lato del manico.
4. Creare le varianti di colore: Esportare un'immagine separata per ogni colore in vendita. Non mostrare un design chiaro su un prodotto chiaro; se non è leggibile, non mettere in vendita quel colore.
5. Esportare: Salvare l'immagine in JPG o PNG nella dimensione consigliata da Etsy. Usare un nome file legato al prodotto (ad es. "gatto-tshirt-nera.jpg"); evita confusione.
6. Provare in formato ridotto: Rimpicciolire l'immagine e guardarla sullo schermo di uno smartphone. Se il design non si distingue nella piccola miniatura dei risultati di ricerca, aumentare la scala o semplificare la scena.

Come deve essere un'immagine mockup per Etsy?

• Dimensione: Etsy consiglia che il lato più corto delle immagini delle inserzioni sia di almeno 2000 pixel.
• Ritaglio: Le immagini possono essere mostrate sul sito in proporzioni diverse, ad esempio quadrata e rettangolare. Posizionare il design al centro dell'immagine e non mettere nulla di importante vicino ai bordi.
• Prima immagine: Viene mostrata in piccolo nei risultati di ricerca; il design deve restare leggibile anche in formato ridotto e lo sfondo deve essere semplice.
• Immagini aggiuntive: Primi piani, altri colori, una scena d'uso (qualcuno che indossa o usa il prodotto) e una tabella delle taglie.

La scelta dell'angolazione e del colore specificamente per le t-shirt è spiegata a parte nell'articolo come preparare un mockup di t-shirt.

5 dettagli che rendono realistico un mockup

1. Scala corretta: Il design deve essere proporzionato all'area di stampa reale.
2. Pieghe e texture: Le pieghe del tessuto devono passare anche sopra il design; un'immagine incollata in piano sembra finta.
3. Luce e ombra: La luminosità del design deve essere coerente con la luce della scena.
4. Fedeltà del colore: Il colore del prodotto nel mockup deve avvicinarsi al colore reale del prodotto del produttore.
5. Coerenza: Usare scene e luci simili in tutte le inserzioni del negozio dà un aspetto professionale.

Gli errori comuni che riducono le vendite sono raccolti nell'articolo errori nei mockup, mentre i criteri di qualità sono nell'articolo mockup professionali.

Creare mockup con Printmeet

Su Printmeet, dopo aver caricato il design o averlo generato con l'intelligenza artificiale, è possibile rimuovere lo sfondo, preparare le immagini mockup per i prodotti e i colori scelti con anteprima dal vivo e inviare il prodotto con queste immagini direttamente al proprio negozio Etsy. Per i dettagli, consultare le pagine integrazione Etsy e design con l'IA.

Domande frequenti

Come creare un mockup gratis?

Con i modelli gratuiti degli strumenti di mockup online, oppure usando modelli PSD gratuiti in Photoshop o in un altro editor in grado di aprire file PSD. Verificare sempre se i modelli gratuiti consentono l'uso commerciale.

Si può creare un mockup senza Photoshop?

Sì. Strumenti che funzionano nel browser come Canva, Placeit e Kittl e i generatori di mockup delle piattaforme di print on demand non richiedono Photoshop.

In quale formato deve essere il design per un mockup?

Il PNG ad alta risoluzione con sfondo trasparente è il formato più diffuso. Per loghi e design tipografici si possono usare anche file vettoriali (SVG, AI, EPS).

È vietato usare mockup su Etsy?

No, i venditori di print on demand mostrano per lo più i propri prodotti con i mockup. L'importante è che l'immagine rifletta fedelmente il prodotto che verrà spedito all'acquirente: colore, area di stampa e tipo di prodotto devono corrispondere al prodotto reale.