Aller au contenu

Tuto: Comment créer un GIF animé de bonne qualité

Lors de la rédaction de nos articles «Motion Capsules» #1, #2 et #3, nous avons affiné notre méthode d’exportation de nos animations en GIF animé et nous avons le plaisir de vous partager notre processus à travers ce tutoriel.

Allez c’est parti, tous à vos apps!

Adobe After Effects

  1. Dans Adobe After Effects, ouvrez le projet d’animation que vous souhaitez exporter
  2. Choisissez Fichier > Exporter > Ajouter à la file d’attente de rendu > Module de sortie > Quicktime > Option du format > Animation

Adobe Photoshop

  1. Dans Adobe Photoshop, ouvrez votre fichier .mov
  2. Choisissez Fichier > Exportation > Enregistrer pour le web (hérité)
  3. Dans Paramètre prédéfini [a] > Indiquez gif 128 tramé ou gif 64 tramé ou gif 32 tramé
  4. Observez l’indicateur [b] du poids final afin que votre fichier ne soit trop lourd et que l’image reste de bonne qualité
Gif animé, fenêtre d'exportation pour le web de l'application Photoshop

Félicitations ! Vous venez de créer un GIF animé de qualité. Publiez-le sur le web et partagez-le avec le monde entier.

On espère que ce tuto pour optimiser un GIF animé vous a été utile, cela reste notre méthodologie, mais il y en a certainement pleins d’autres. Les modes d’export peuvent évoluer au fil du temps, restez donc informé pour que vos animations soient toujours optimales.

Connaissez-vous d’autres astuces? N’hésitez pas à nous partager vos tipps.

Greg Romain Vincent

Parlez-nous de votre projet

Quelle que soit la taille de votre projet, nous proposons des solutions personnalisées et adaptées spécifiquement à vos besoins.

Contactez-nous

Continuez votre lecture

Portrait de Vincent Parisod

Vincent Parisod

1 juillet 2025

L’été, meilleur moment pour repenser son site ? Pas forcément.

L’été semble souvent propice aux projets de refonte web. Mais est-ce vraiment le bon moment pour lancer un nouveau site ? Entre rythmes ralentis et outils IA prometteurs, petit tour d’horizon des idées reçues, et des bonnes pratiques à adopter.

Portrait de Vincent Parisod

Vincent Parisod

23 mai 2025

Nouveau service : un accompagnement UX sur-mesure pour vos projets digitaux

Découvrez notre nouveau service d’accompagnement UX sur-mesure : une offre flexible pensée pour les institutions, fondations et grandes organisations qui souhaitent améliorer leurs plateformes digitales étape par étape, avec méthode et impact. Audits, conception, tests utilisateurs, conseil… selon vos besoins, à votre rythme.

Portrait de Mathieu Zwygart

Mathieu Zwygart

20 mai 2025

Bureau à louer au centre de Lausanne

Dans notre openspace chez 8bitstudio, on a un petit bureau fermé d’environ 15m² qui se libère.

8bitstudio

Contactez-nous

Inscrivez-vous à notre newsletter

Rejoignez l'équipe! jobs@8bitstudio.ch

Lausanne Avenue de Beaulieu 3
Bern Weissensteinstrasse 49D