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.

Mathieu 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

15 septembre 2025

Liquid Glass : élégance ou complication ?

Le Liquid Glass design marque une nouvelle étape dans l’évolution des interfaces Apple. Élégant et immersif, il divise pourtant les designers : entre effets visuels spectaculaires et défis de lisibilité, faut-il y voir une révolution ou une simple étape vers l’avenir des interfaces ?

Portrait de Vincent Parisod

Vincent Parisod

1 septembre 2025

Pourquoi intégrer un module de feedback sur un site institutionnel ?

Maintenir un site institutionnel cohérent et à jour est un défi, surtout lorsqu’il compte des centaines de pages. Les widgets de feedback offrent une solution simple et efficace pour recueillir l’avis des utilisateurs, prioriser les améliorations et renforcer la pertinence des contenus.

Portrait de Vincent Parisod

Vincent Parisod

29 août 2025

Nouvelle identité visuelle pour Carewell

Un nouveau logo pour Carewell, pensé pour refléter la croissance, la rencontre des talents et l’engagement humain au cœur de la santé.

8bitstudio

Contactez-nous

Inscrivez-vous à notre newsletter

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

Lausanne Avenue de Beaulieu 3
Bern Weissensteinstrasse 49D