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 Vincent Emma

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

18 décembre 2024

LaChatterie.ch : une résidence d’exception pour le bien-être des chats

Collaboration avec La Chatterie du Point du Jour : une identité visuelle ludique et un site web intuitif pour refléter l’ambiance apaisante des lieux et simplifier la réservation.

Portrait de Vincent Parisod

Vincent Parisod

5 décembre 2024

YMECA, au service de la formation et de l’innovation dans les métiers techniques de la mobilité

Une interface claire et intuitive au service de la mission d’YMECA : former les talents de demain dans les métiers de la mécanique.

Portrait de Fatih Esgi

Fatih Esgi

3 décembre 2024

Alpine.js : le micro-framework JavaScript qui allie simplicité et efficacité

Alpine.js est un micro-framework JavaScript léger, conçu pour ajouter des interactions dynamiques simples à vos projets web. Inspiré par Vue.js, il utilise une syntaxe basée sur des attributs HTML, idéale pour des composants tels que des menus, des modals ou des onglets. Facile à intégrer, il convient parfaitement aux projets nécessitant une interactivité légère.

Lausanne Avenue de Beaulieu 3
Bern Weissensteinstrasse 49D