Par Barth

Avatar de Barth

Faire de beaux GIF animés : c’est possible !

En matière de graphisme web, le format “GIF” (Graphics Interchange Format) n’a pas toujours très bonne réputation – Il est massivement utilisé pour les “émoticones” et autres “smileys”, mais assez rarement comme élément graphique dans l’habillage d’un site.

En effet, il est presque impossible d’obtenir un détourage propre de l’image (animée ou non), car le format “GIF” ne gère que deux niveaux de transparence (0 ou 1). Les contours sont donc souvent abimés par des pixels parasites…

Pour cette raison, j’ai choisi de l’utiliser sans transparence, c’est à dire avec un fond défini (couleur unie ou image…). Il est alors possible de créer des “GIF” animés à partir de n’importe quelle animation, vidéo, ou autre suite d’images… A condition de rester raisonnable sur la durée et les dimensions de l’image.

Ma méthode :

  • charançonJe commence par construire une animation (ou une petite séquence vidéo) via le logiciel Adobe After Effects
  • Le module de rendu “GIF” sous After  Effect ne m’ayant pas convaincu, j’exporte cette animation en tant que suite d’images (format tiff, jpg, png …)
  • J’ouvre ensuite cette suite d’images dans Adobe Photoshop en cochant l’option “séquence d’images“, et je défini une fréquence (25 images/seconde généralement)
  • Il ne me reste qu’à “Enregistrer pour le Web et les périphériques“, en sélectionnant le format “GIF 128 non tramé“, et sans oublier de renseigner l’option de boucle (Toujours ou Une fois)

Et voici donc une animation “GIF” de bonne qualité, et facilement intégrable dans un site internet !

3 commentaires

  • seb (1 comments), le 29 janvier 2010

    Merci du tuyau !!!!

  • dim (1 comments), le 11 juin 2010

    Salut!!!!

    J’ai fait exactement comme ton exemple, mais je ne comprends pas comment tu arrive à avoir une aussi bonne qualité.
    Pourtant je veux simplement faire un diapo sans effet, 20 images qui se suivent.
    Dans after effects j’ai fait une composition de 20s et j’ai mis une frequence, d’une image par seconde. Mais je pense pas que ca change la qualité.
    C’est a l’exportation dans photoshop, GIF 128 non tramé, je perds en qualité.
    Quand je vois ton GIF, il est super beau, je comprends pas.

    Saurais tu m’aider.

    Merci, DIm.

  • Motoko (1 comments), le 4 mars 2013

    Perso, je ne trouve pas la case ” sequence d’image” dans la fenetre de dialogue” !!!

Poster un commentaire

Subscribe without commenting