Comment créer un mockup avec Photoshop + cadeau !

Comment créer un mockup avec Photoshop + cadeau !

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 ! 

Mon top 5 des ressources digitales pour travailler sur le web

Mon top 5 des ressources digitales pour travailler sur le web

Si comme moi vous avec des projets sur le web, que vous soyez bloggeur(se), freelances ou entrepreneur, vous avez sûrement besoin d’outils. Des outils comme les icônes, les typographies ou simplement des images. 
Je vous ai préparé mon top 5 des plateformes que je préfère pour trouver mon bonheur.
 

 

5. Ui8

 

 

En 5e position, on retrouve Ui8 Une plateforme ultra design et professionnel. Il y a pas mal de choses payantes, mais on peut aussi y trouver des freebies.
Et concrètement, on trouve de tout, des icônes, des polices, et même des landing page.
J’aime cette plateforme parce qu’elle n’est pas encore très connue et on y trouve des outils différents des autres plateformes, c’est moderne et ça sent la technologie à plein nez.

 

4. Freepik

 

 

 
À la deuxième place, mon ami de toujours, freepik ! Il est mon site de prédilection pour trouver des icônes, des brush, ou encore des vecteurs en tout genre. Gratuit en plus de ça !
Vraiment, cette plateforme me sauve régulièrement la vie quand je n’ai pas d’idée pour les icônes d’un site web, ou que je recherche des pattern ou des backgrounds originaux et créatif.
 

 

 
 
 
 
 
 
 
3. Pexels
 
 

 

Pour la troisième place : Pexels ! Une des nombreuses plateformes d’images gratuites et libre de droit, alors pourquoi celle-ci et pas une autre, simplement par habitude, je pense.
Et parce qu’on y trouve des super photos sympa, et gratuites !
 
 

 

4. Freedesign ressources

 

 

Ma dernière découverte et pas des moindre.
La 2e position pour ce superbe site, Freedesignressources. On y trouve mockup, typographie, vecteurs, une vraie mine de trésors. Vraiment, ce site vaut le détour.

 

 

1. Unsplash

 

 

Et en number 1 Unsplash. J’ai besoin de photos libre de droit tous les jours pour mon business, et créer mes contenus visuels. Je trouve ce qu’il me faut principalement sur unsplash. Si comme moi, vous n’avez pas le temps ou le talent pour réaliser vos photos vous-même, ce site vous sauvera ! Les photos sont magnifiques, d’une superbe qualité, vintage, et on y trouve de tout. Il existe énormément de site de photos libre de droit mais celui-là est loin devant tous les autres. En plus, il est gratuit, et ça, on adore.
 

 

 

 
 
 
 
 
 
 
 
Voilà ! J’espère que ce partage de ressources vous plaira !
 
Vous avez d’autres outils à me partager ? 
 
 

 

 

 

 

 
Cet article t’a plu ?

Epingle 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