Aller au contenu

Mettre en valeur son travail grâce aux mock-ups

Le mock-up donne de la vie à vos visuels. Comment ? En les mettant en situation. En effet, un visuel en situation permet au client de se projeter davantage en voyant votre création pour sa société dans les mains d’un utilisateur. 

Un mock-up c'est quoi ?

Connaître Photoshop vous permet d’intégrer seul vos visuels dans une image en situation, mais le mock-up vous permet de le faire très simplement en un temps record. Un mock-up est un fichier Photoshop préparé où vous n’avez qu’à glisser votre visuel dans le calque sélectionné pour l’intégrer. 

Le mock-up peut intégrer votre interface web sur un mobile ou un ordinateur par exemple en ayant la bonne perspective, les reflets sur l’écran etc. Cela peut aussi être pour insérer un logo sur un bâtiment, un tote bag, mug… Les possibilités sont nombreuses. Sur le textile, l’avantage est d’avoir le visuel qui s’adapte aux plis, textures etc et il en va de même pour chaque typologie de mock-up.

Comment l'utiliser ?

Vous pouvez vous rendre sur un site qui mets des mock-ups à disposition, Freepik par exemple, à vous de choisir le mockup le plus adapté. Une fois le mockup téléchargé, ouvrez le fichier Photoshop (psd). L’idée est maintenant de modifier une seule partie du fichier : le calque mis en évidence. Ils portes souvent les noms « PUT YOUR DESIGN HERE » ou « REPLACE ME » ce qui permet de les identifier facilement. Un mock-up peut avoir un ou plusieurs calques modifiables, dans le cadre d’un magazine avec plusieurs pages par exemple.

Il s’agit maintenant de double cliquer sur la vignette du calque en question. Cela va ouvrir la fenêtre avec le design actuel intégré au mockup que vous pouvez remplacer par le votre en y glissant votre image. En sauvegardant (ctrl+S) cette fenêtre, cela met automatiquement à jour votre mock-up. Tadaaaa ! C’est fini ! 

Mockup

Il s’agit maintenant de double cliquer sur la vignette du calque en question. Cela va ouvrir la fenêtre avec le design actuel intégré au mockup que vous pouvez remplacer par le votre en y glissant votre image. En sauvegardant (ctrl+S) cette fenêtre, cela met automatiquement à jour votre mock-up. Tadaaaa ! C’est fini ! 

C’est ce que nous avons utilisé pour certains projets par exemple : Fee Liver, Paris Bureaux, La Forge du Morse

Les mock-ups disponibles en ligne sont sous licence, comme vous les visuels que vous prenez sur internet il est important de consulter les conditions pour l’utiliser. 

Et voilà, nous espérons que tout est clair. Si vous avez des questions ou bons plans sur le sujet à partager, n’hésitez pas nous sommes disponibles pour en discuter !

Découvrir nos autres articles