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

Ouvrir votre document
Ouvrir votre document

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

Calque dynamique
Calque dynamique

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.

Double cliquez sur la vignette

4. Insérer maintenant votre visuel final ici

Allez dans l'onglet Fichier > Importer et Incorporer

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

Importer votre image
Ajustez votre visuel.

6. Quand tout est correct enregistrez vos modifications

Fichier > Enregistrer

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.

Résultat

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.

  • Étendue des capacités
  • Aspect collaboratif
  • Qualité des résultats
9 / 10