Bonjour à tous...

J'ai déjà vu, sur le forum, des demandes de softwares (programmes) de création de GIF animés.

Je vous vois bien souvent répondre: "Utilise ImageReady" ou des autres programmes comme Corel Paint Shop Pro ou Serif PhotoPlus.

Eh bien, surprise, avec GIMP, c'est possible!

Ce tuto est consacré à la création de ce fameux GIF que beaucoup de personnes recherchent pour leurs avatars, signatures et autres...
Il est très simple et très facile à retenir
C'est mon premier tuto...

Je me suis inspiré de ce tuto
Vous allez réaliser un GIF animé de ce type:

1 - Ouvrir une nouvelle image

Ouvrez une nouvelle image de Taille 100 x 100 de fond transparent (cela peut varier en fonction de ce que vous voulez écrire ou mettre dans votre GIF animé)



2 - Ecrire la première lettre

Ecrivez-y une lettre ou un mot qui composera une partie de l'animation comme le "G" ci-dessus, de police d'écriture de votre choix, une police en gras en priorité(comme Comic Sans MS Bold (qui est utilisée sur ce tuto) ou Arial Black) avec une taille de 80 (et inférieure à 40 pour les mots comme THE ou GIMP). Essayez de repérer les polices en gras avec le mot "Bold" contenu dans le nom.

Ne vous occupez pas de les placer sur le calque, nous ferons ça plus tard...




3 - Ecrire les lettres suivantes

Ecrivez sur des nouveaux calques texte les lettres (ou les mots) qui suivront dans votre animation. Pour moi, ce sera H-E-THE-G-I-M-P-GIMP-THE GIMP (ces derniers mots seront séparés par une ligne (Enter)).
A chaque nouvelle lettre ou mot, rendez le calque que vous venez de faire invisible en cliquant sur l'oeil à gauche du calque, ce qui évitera de vous gêner pour la prochaine lettre.



4 - Aligner les calques visibles

Une fois que vous avez fait toutes les lettres, rendez tous les calques visibles en recliquant sur les yeux à gauche de chaque calques.
Cliquez sur le menu Calques=>Aligner les calques visibles...

Et mettez ces paramètres:



Validez.

5 - Enregistrer l'image

Enregistrez l'image avec tous les calques visibles par le menu Fichier=>Enregistrer Sous... (Ou avec CTRL + Shift + S au format .gif.



Une fenêtre s'ouvre alors, cochez "Enregistrer en tant qu'animation" et "Convertir en couleurs indexées en utilisant les réglages par défaut"
Note: Le GIF ne peut enregistrer les images qu'en 266 couleurs, ce qui fait, que, si ce n'est pas du 256 couleurs, l'image perdra de sa qualité (comme me l'a fait remarquer EldAnar).

Si vous voyez ce message apparaître ,validez.
Dans la fenêtre qui s'ouvre, réglez ces paramètres:

puis validez...

Voilà, vous venez de réaliser une animation!
6 - [Option] Aligner les calques avec une sorte d'effet de transparence...



Bon, je ne vais pas donner plus de précisions, je pense que tout est assez clair...

7 - Indexer les couleurs

L'indexion des couleurs permet de faciliter l'enregistrement en GIF en choisissant des paramètres personnalisé.

Je vais vous montrer la procédure avec les différentes options et une image très très grosse en couleurs (Indice: Un mot finissant par Tiny et finissant par Tux )



Allez dans le menu Image>Mode>Couleurs indéxées




La meilleure option consiste à choisir Générer une pâlette optimale avec comme nombre maximal de couleurs à 256. et aucun tramage de couleurs.
Le résultat n'est pas si mal pour une image GIF et la perte de qualité est certes visible, mais minime...



Quand on optimise l'image pour le Web, le rendu est vraiment déplorable:


A déconseiller pour des images haute qualité.

La palette noir et blanc encore pire... A utiliser que pour les images en noir et blanc.



Après, vous pouvez utiliser les palettes pour indéxer les couleurs, mais le résultat est piètre avec beaucoup de pallettes.

En gros, je conseille la première option, qui vous optimisera votre image pour le GIF sans pour autant perdre de la qualité



Vous pouvez aussi utiliser ce tuto pour des images, mais n'oubliez pas que le GIF provoque une grande perte de qualité ainsi que de l'aliasing...si vous voulez obtenir une qualité parfaite, comme sur les sites web (enfin quelques uns), utilisez le Flash et son format SWF et FLA.
Enfin, le Flash n'est pas accessible à tous

Je l'ajoute suite à la remarque de EldAnar, (et dont je remercie ), une autre solution à l'indexation qui consiste à minimiser le taux de couleurs est le noir et blanc

Calques>Couleurs>Désaturer



Voici le résultat en GIF animé:



Il y a, certes de l'aliasing, mais aucune perte de qualité niveau couleurs.

Pour l'alisaising, je rajoute:



Donc en effet, il est préférable de mettre un fond à son image avant d'enregistrer en GIF.

Merci pour ton aide !

J'avais appris tout seul à le faire, mais ça peut être utile...

...dommage que ça donne de si piêtres résultats !

Ben pour les résultats, on peut le faire avec une image, ou bien, ajouter des dégradés (pas très gourmands en couleurs).
Pour la qualité, c'est les désavantages du GIF, autant opter pour le Flash, mais moi, je ne vais pas aller payer 10.000 Euros pour un logiciel qui me servira quasiment à rien...

Ce tutoriel est simpa, mais c'est bête que le rendu pixelise.

@ynik: Je vais chaercher commer supprimer l'aliasing mais je ne te garantis rien.
C'est le GIF qui cause une perte de qualité...

Je vais voir ce que je peux faire

EDIT: Tu peux essayer la police Arial Black. Elle est plus nette et diminue l'aliasing.

Je voulais aussi dire que ce tuto marchait aussi avec Photoshop (je crois que Photoshop diminue l'aliasing, enfin, je suis pas sûr)

Sympa ce tuto Merci j'en avais besoin

j'ai un problème: quand je fais une animation, les images précédentes ne disparaissent pas, elles se superposent. C'est grave, docteur?

J'avais le même problême avant toi, mais la réponse est là:


Tu dois cliquer sur "Une image par calque"...
Si tu le laisse en aléatoire ou en mode de superposition, ben, tu vois le résultat

Aaaaah merci ^^

De rien ^^

Bravo

Invasion des tutos TheGimp en ce moment

Sympa, ça peut servir à beaucoup de monde !!!

+1, benji'

Mais c'est tout de meme dommage que la qualité de l'image soit si mediocre

PS: Met des miniatures pour les images de ton tuto, elles deforment le forum

Oui, quand j'aurai le temps, j'éditerai mon post et je ferais une petite correction...

Voilà, j'ai édité mon post, pour le clarifier et pour le rendre plus...clair

J'ai déjà réalisé des gifs animés à partir de tutos et quand je l'ouvre aucune animation

Pour que l'animation apparaisse, ouvre ton image GIF avec l'Aperçu des images et télécopies Windows avec GIMP, c'est normal que l'animation ne soit pas visible parce que t'es en train de la modifier.

Si tu tiens vraiment à la voir avec GIMP, tu fais: Filtres=>Animation=>Rejouer l'animation et tu auras plusieurs possibilités pour voir ton animation défiler

On peut aussi faire Filtre > Animation > rejouer l'animation pour la voir.

Ce n'est pas ce que j'ai mis?
J'ai du oublier un "s"

Faut avouer que c'est pas le logiciel le plus pratique pour créer des GIF animés mais c'est quand même bon à savoir que notre GIMP peut le faire

Encore merci à toi, EnableConsole