Comment créer un mockup avec Photoshop + cadeau !

Fév 10, 2019 | graphisme | 0 commentaires

Bien le bonjour !

Aujourd’hui, j’ai envie d’aborder un petit sujet de graphisme, comment créer un mockup avec Photoshop!

Personnellement, j’utilise beaucoup les mockup, que se soit pour montrer mon travail de webdesigner, pour illustrer mes articles, et même mes publications sur les réseaux, comme vous pouvez le voir si vous me suivez là bas.

On peut trouver un choix assez large de mockup sur le net, et notamment sur les sites dont je vous ai parlé dans l’article de la semaine dernière, que tu peux retrouver ici : Top 5 des ressources pour travailler sur le web.

Mais c’est aussi plutôt sympa de pouvoir en créer simplement à partir de photo qu’on apprécie !

Voilà le petit tuto et tout en bas, une petite surprise t’attend….. 😉

 

D’abord, ouvre ta photo dans photoshop

Ensuite, avec l’outil rectangle dans la barre d’outil à gauche, trace un rectangle à la place de l’écran. Facile, non ? 

tongue-out

Enfin, dans la fenêtre des calques, clique droit sur le calque correspondant à ton rectangle. Puis clique sur « convertir en objet dynamique ».

 

L’icone du calque a changé !

Double-clique sur l’icône du calque, une nouvelle fenêtre s’ouvre, ici tu peux importer l’image que tu veux mettre dans ton écran. 

Clique sur fichier – importer et incorporer.

Ta photo importé, à toi de jouer !

Ta photo est là, tu n’as plus qu’à la positionner, et régler la taille à l’aide de ta souris. Tape sur entrer une fois que c’est fait.

Ensuite, il te suffit de cliquer sur fichier – enregistrer, puis retourne sur l’onglet de ta photo de base.

 

et voilà, ta photo est là !

Magiiiiiiiiiie !!

Il ne te reste plus qu’à exporter ta photo, clique sur fichier – exporter pour le web.

Choisi le format JPG et voilà, le tour est joué, tu peux même enregistrer le fichier sous, au format PSD pour pouvoir réutiliser ton mockup en changeant d’image à l’intérieur de l’écran autant de fois que tu le souhaites !  

et la surprise ??

Je t’ai préparé 5 mockup gratuits, que tu recevras dans ta boite mail !

Ils sont tout prêt, tu n’as plus qu’a y mettre tes propres visuels!

J’espère qu’ils te plaieront ! 

Si cet article t’a plu, épingle le sur Pinterest ! 

Inscris-toi à la newsletter !

Rejoins la mailing-list et reçois tes 6 mockups gratuit directement dans ta boite mail ! 

Tu es inscrit ! Vérifie tes mails !

Pin It on Pinterest