Come inserire una foto in un prodotto Mock-Up in Adobe Photoshop

Cosa starai creando

In questo suggerimento rapido, ti mostrerò come utilizzare Adobe Photoshop per aggiungere le tue immagini personalizzate a un modello di prodotto acquistato da Envato Market. 

Il mercato Envato è un'ottima risorsa per le foto d'archivio, i modelli grafici e i modelli di prodotto. Queste risorse sono un ottimo modo per produrre colpi di marketing di alta qualità in pochissimo tempo. 

1. Seleziona un prodotto

Uno dei vantaggi dell'utilizzo di un modello acquistato è che i creator di solito forniscono un file molto pulito e organizzato che facilita l'inserimento delle proprie immagini. Ad esempio, se stai promuovendo una nuova app che utilizza la fotocamera del dispositivo e il GPS per fornire indicazioni stradali, quale modo migliore di commercializzare l'app anziché mostrarla in un dispositivo?

Passo 1

Ci sono molti modelli di prodotti disponibili sul mercato. Quello che ho scelto di usare include una mano che regge il dispositivo.

Passo 2

Scarica la cartella zippata ed estrai i file separati dal pacchetto. Apri il file chiamato Hand1_Transparent.psd nel Photoshop. Si noti che il file ha più livelli e questo facilita facilmente il processo di aggiornamento del file per includere le proprie immagini personalizzate.

2. Sostituisci lo sfondo

Passo 1

Nel nostro ipotetico annuncio, l'app dovrebbe mostrare cosa vede la videocamera del dispositivo. L'immagine di sfondo è all'interno del Oggetto intelligente strato etichettato MODIFICA SFONDO. Fare doppio clic sulla miniatura per aprire i contenuti nel proprio documento.

Il file si apre, si chiama Layer1.psb. Si noti che ha solo un singolo livello, l'attuale immagine di sfondo.

Passo 2

Vai a File> Inserisci collegato e seleziona una nuova foto come sfondo per l'annuncio. Ho scelto una street view dalle mie foto.

Passaggio 3

Vai a File> Salva e quindi chiudere il file. Il contenuto dello sfondo nell'aggiornamento iniziale del file riflette il nuovo sfondo. Si noti che il file aggiunge automaticamente un effetto sfocatura e colorazione anche al nuovo sfondo.

3. Sostituisci l'interfaccia dell'app

Passo 1

L'interfaccia viene aggiornata con lo stesso metodo. Fare doppio clic sul MODIFICA OGGETTO miniatura del livello per aprirlo Oggetto intelligente.

Passo 2

Quel file, chiamato Camera.psb, include due strati. C'è un livello nascosto per una versione bianca del dispositivo e la versione nera attualmente visibile. Entrambi sono anche questi Oggetti intelligenti. Quindi sono oggetti intelligenti all'interno di oggetti intelligenti, è così Smart-Object-cezione!  Fai doppio clic sulla miniatura del dispositivo di colore più scuro per scavare più a fondo un altro livello e aprire quel file.

Passaggio 3

Quel file, chiamato Camera1.psb, contiene i diversi livelli utilizzati per illustrare il dispositivo e un altro Oggetto intelligente di nome SOSTITUISCI I CONTENUTI per lo schermo. Fare doppio clic su quella miniatura per aprire quel file.

Passaggio 4

Questo nuovo file, chiamato Screen11.psb, contiene l'immagine dello schermo reale. Inserisci la nuova immagine dell'interfaccia dell'app con File> Inserisci collegato.

Passaggio 5

Salva e chiudi ciascuno dei file di oggetti smart aperti. Ci dovrebbero essere tre di loro: Screen11.psb, Camera1.psb, e Camera.psb. Il file originale è ora aggiornato con la nuova interfaccia integrata nello scatto.

Questo è tutto!

E 'davvero così semplice! Basta aggiornare gli oggetti intelligenti all'interno del modello per creare facilmente un colpo di marketing personalizzato. Tieni presente che il file è ancora modificabile, quindi puoi scambiare il contenuto degli oggetti intelligenti in qualsiasi momento per aggiornare l'immagine con nuovi sfondi e nuove interfacce di app.

Phone Mockup su Placeit

Placeit è un generatore di mockup online semplice e facile da usare con oltre 11.000 modelli intelligenti da scegliere. Non sono necessarie competenze di Photoshop perché tutto ciò che devi fare è lo strumento online. Non diventa più veloce di questo. 

Uomo che gioca in un iPhone X mentre si prende un caffèMockup di un uomo nero in possesso di un iPhone bianco con entrambe le mani