Comment utiliser un mock-up dans Photoshop ?

Qu’est-ce qu’un mock-up ?

Un mock-up est une maquette qui va permettre de mettre un visuel en situation. Que ce soit pour mettre en valeur une ébauche de site web, des cartes de visite, des flyers, un ebook, … pour une présentation ou autre.

Il n’est pas nécessaire d’être graphiste pour utiliser un mock-up, on en trouve énormément prêts à être utilisé pour insérer votre design sur Photoshop !

Allez dans un moteur de recherche et tapez "mock-up", beaucoup de sites en proposent gratuitement.

Trouvez celui qui vous intéresse et télécharger-le.

Comment utiliser un mock-up dans Photoshop ?

1. Ouvrez votre maquette dans Photoshop

2. Comment est constitué ce mock-up ?

Dans la fenêtre des calques vous allez voir apparaitre différents calques - plus ou moins nombreux - selon la maquette télécharger.

Ce qu'il faut repérer est le calque Dynamique avec un symbole en bas à droite de la vignette

3. Double cliquez sur la vignette du calque dynamique.

Celui-ci va s'ouvrir à plat dans un nouvel onglet et nous allons pouvoir le modifier.
Il s'agit de l'image qui était insérée dans le smartphone.

4. Insérer maintenant votre visuel final ici

Allez dans l'onglet Fichier > Importer et Incorporer

5. Votre visuel va s'ouvrir dans la même fenêtre.
Il vous suffit de l'ajuster suivant les bonnes dimensions.

Astuce: Pour une transformation manuelle utiliser le raccourci clavier Ctrl (Cmd) + T

6. Quand tout est correct enregistrez vos modifications

Fichier > Enregistrer

7. Cliquez sur l'onglet du visuel de votre mock-up du début et l'image originale a été remplacée par la vôtre.

Vous pouvez remplacer de nouveau cette image en faisant la même opération que précédemment.
Si vous téléchargez d'autres mock-up repérez bien le calque dynamique pour le mettre à jour avec votre visuel.

Vous trouverez des mock-up de tout style donc aucune limite.