Inoubliable ce jour ou j’ai découvert les mockups ! C’était un après midi, et je m’en souviens très bien, j’essayais de présenter de la manière la plus sympa possible mes affiches et brochures pour les mettre sur le site de BigMouthFrog. Je cherchais des fonds abstraits, des motifs mais rien ne convenait. En fouillant internet, je suis soudain tombée sur les Mockups.
Uuuuuuuunbelievable
L’illumination ! Un mockup (ou maquette) fonctionne avec Photoshop. Au lieu de mettre sur mon site une image .jpg d’une affiche ou une page de catalogue (donc sans contexte, plate), j’ai compris que je pouvais la mettre en scène comme dans la réalité.
Comment ça marche ?
Un double-clic sur le calque du smart object ouvre un autre fichier. C’est dans ce fichier que l’on met notre logo, notre affiche, notre page de catalogue etc. En général une image de démo est déjà présente. On change l’image, on enregistre et hop ! Le tour est joué. Le premier fichier est mis à jour avec nos infos. Le Mockup fait tout le travail: il courbe les pages, ajoute les ombres et les filtres de couleur, il incline les pages tout seul.
Quelques exemples de Mockups
Pour vous donner une idée, voici ce que ça donne :
Avant (image brute)
Après (avec le Mockup)
Avec les mockups, il n’y a aucune limite… Voici d’autres exemples avec le logo de BigMouthFrog :
Ça en jette, non ? Plus besoin de recarder, incliner, ombrer etc… Le mockup s’occupe de tout. Et tout ça en quelques clics seulement. C’est à se demander comment on faisait avant…
Où trouver des mockups gratuits ?
Quand on cherche des mockups sur le net, il y a 5 sites qui reviennent sans cesse :
1 – MockupWorld
2 – Behance
3 – Graphic Burger
4 – Original Mockups
5 – Pixeden
