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
Tutoriel (en anglais) expliquant comment utiliser le mockup animé
4. Animated iPad Mockup – Mockup d’iPad animé
Tutoriel (en anglais) expliquant comment utiliser le mockup animé
5. iPad Page Scroll Down – Mockup d’iPad animé, scroll down
Tutoriel (en anglais) expliquant comment utiliser le mockup animé
6. Photoshop animations in isometric mockup – Mockup isométrique iPhone animé
Tutoriel (en anglais) expliquant comment utiliser le mockup animé
7. iPhone animé
Sélection de tutos pour apprendre à créer des animations sur Photoshop
Tuto – Créez une animation cartographique à la Indiana Jones (27mn13s)
Découvrez la table des matières du tuto
Tuto – Animer en GIF votre logo pour le web (11mn55s)
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 !