image-mockup-anime

Que ce soit pour des présentations clients, pour votre portfolio ou le simple plaisir des yeux, les mockups sont une façon pratique et professionnelle de mettre en situation vos créations.

Vous avez l’habitude d’utiliser des mockups statiques ? Les 8 mockups animés (et gratuits !) vont encore un cran plus loin pour vous aider à sublimer et à ajouter du piquant à vos interfaces !

Ces mockups animés sont éditables sous Photoshop. En bonus, vous trouverez justement à la fin de l’article 2 tutos pour apprendre à maîtriser la palette « Montage » de Photoshop et créer vos propres animations.


NB – Une précision, concernant l’export : vous pouvez exporter ces mockups animés en GIF ou en vidéo.

  • Pour exporter en GIF,  allez dans Fichier -> Exporter -> Sauvegarder pour le Web, sélectionner le format GIF et ajustez le tramage pour obtenir un rendu correct. 
  • Pour exporter en vidéo, allez dans Fichier -> Exporter -> Rendu vidéo  

1. Double iPhone animé

2. Mockup d’Apple Watch animé

3. Animated Menu – Menu animé sur iPhone

animated-menu-photoshop-iphone

Tutoriel (en anglais) expliquant comment utiliser le mockup animé

4. Animated iPad Mockup – Mockup d’iPad animé

mocks_scrolldown

Tutoriel (en anglais) expliquant comment utiliser le mockup animé

5. iPad Page Scroll Down – Mockup d’iPad animé, scroll down

ipad-scroll-down-mockup

Tutoriel (en anglais) expliquant comment utiliser le mockup animé

6. Photoshop animations in isometric mockup – Mockup isométrique iPhone animé

freebie-free-animated-mockup-screen

Tutoriel (en anglais) expliquant comment utiliser le mockup animé

7. iPhone animé 

iphone-anime-mockup

Sélection de tutos pour apprendre à créer des animations sur Photoshop

Tuto – Créez une animation cartographique à la Indiana Jones (27mn13s)

creation-animation-cartographique

Découvrez la table des matières du tuto

Tuto – Animer en GIF votre logo pour le web (11mn55s)

animer-logo-gif

Découvrez la table des matières du tuto


Vous avez aimé cet article ?

  • Partagez-le avec votre entourage et votre réseau :)
  • Découvrez régulièrement des tips pratiques & ressources essentielles en vous abonnant à la newsletter !

(10977)