Comment utiliser un mock-up dans Photoshop ?

14 juillet 2021 à 06h28
0
photoshop tutoriel astuces
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 !

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 © Romain Duclos
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

Claque dynamique © Romain Duclos
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 © Romain Duclos
Double cliquez sur la vignette

4. Insérer maintenant votre visuel final ici

Allez dans l'onglet Fichier > Importer et Incorporer

Importer et incorporer © Romain Duclos
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

Ajustez votre visuel © Romain Duclos
Importer votre image
Ajustez votre visuel. © Romain Duclos
Ajustez votre visuel.

6. Quand tout est correct enregistrez vos modifications

Fichier > Enregistrer

Fichier > Enregistrer © Romain Duclos
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 © Romain Duclos
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.

Photoshop vous passionne et vous voulez apprendre encore plus?
Venez découvrir la formation complète Photoshop Initiation.
Plus de 10h de vidéos, de créations et de pratique.
-20% pour tous les lecteurs Clubic.

Modifié le 21/07/2021 à 07h53
Soyez toujours courtois dans vos commentaires.
Respectez le réglement de la communauté.
0
0

Lectures liées

Microsoft 365 : fin du support d'Internet Explorer 11 au 17 août
Google Maps proposera de vérifier l'affluence dans les transports en commun
Bon plan antivirus : protégez votre vie numérique avec cette offre de Bitdefender à prix jamais vu !
Le service de stockage prometteur Icedrive vous propose une offre séduisante à 4,17€ seulement !
Google Maps permet de détecter les zones à faibles émissions carbone dans Paris
Chrome OS : un caractère manquant dans le code crée un bug frustrant sur les Chromebook
Windows 11 : une nouvelle preview, des nouveautés et des correctifs
Microsoft déploie Edge 92 avec un testeur de mot de passe et une extension pour Outlook.com
L'offre de stockage en ligne Icedrive profite d'une belle promo à 4,17€
DuckDuckGo lance un service gratuit anti-trackers pour protéger vos e-mails
Haut de page