Gimp : un blinkie néon (gif animé)

La mode est au blinkie (petite image animée du web)! En fait ce n'est qu'un retour des gifs animés des débuts d'internet.
A ce propos le jeune site http://blingee.com/vous permet de créer vos blinkie en ligne avec paillettes et stras!!!

Nous avions déjà vu comment créer une animation avec Gimp dans laquelle nous redonnions le sourire à Henri Salavador.
Nous allons voir comment créer un blinkie avec gimp en réutilisant l'effet néon. Le principe reste le même quel que soit le blinkie ou l'animation que vous souhaitez réaliser : chaque calque réprésente une image de l'animation qu'il faudra enregistrer comme telle (gif animé) et optimiser pour le web.

1.) Créer une image de 400*100 pixels.
2.) Nous utilisons l'outil texte pour insérer notre texte.


3.) Nous mettons le calque de texte aux dimensions de l'image par le menu Calque -> Calque aux dimensions de l'image...

3.) Nous allons donner l'effet néon à notre texte par le menu Filtres -> Alpha vers logo -> Néon...
Voici les paramètres que je choisis, faites vos tests!

Voici ce que ça donne :

4.) Nous remarquons que l'effet neon a créé de nouveaux calques sur notre image :

Nous allons faire un peu le ménage en applatissant les trois calques Neon Tubes, Neon Glow et Background. Pour cela cliquons droit sur Neon Tubes et faisons Fusionner vers le bas, faisons de même avec Neon Glow.
Enfin, supprimons le calque Arrière-plan (sélectionnez le calque Arrière-plan et cliquez la petite poubelle en bas à droite de la fenêtre des calques).
Nous n'avons plus qu'un seul calque :

5.) Nous allons maintenant créer les images de notre blinkie. Chaque image de l'animation sera représentée par un calque. Nous dupliquons donc notre calque en cliquant droit dessus et en faisant Dupliquer le calque. Cela nous crée un calque Copie de Background que nous sélectionnons.
Nous allons changer la couleur de notre néon par le menu Couleurs -> Teinte-Saturation.

Faites glisser le curseur Teinte et validez lorsque la couleur vous convient.

6.) Nous renouvelons l'opération Duplication calque - Changement de Couleur autant de fois que nous le souhaitons.

Attention plus il y aura d'images différentes dans votre animation plus son poids sera élevé et plus son temps de chargement sera long...

J'ai opté pour cinq calques de couleurs différentes :

7.) Il est possible d'avoir un premier aperçu de votre animation blinkie par le menu Filtres -> Animation -> Rejouer l'animation...Une nouvelle fenêtre s'ouvre et vous pouvez cliquer sur le bouton de lecture. Ceci n'est qu'un aperçu. En enregistrant votre animation vous pourrez choisir le temps d'afichage de chaque image.

Vous pouvez aussi remarquer que dans le menu Filtres -> Animation

Nous allons maintenant enregistrer notre animation par le menu Fichier -> Enregistrer sous...Nous choisissons un nom à notre fichier et lui donnons l'extension .gif

Gimp va alors nous demander si l'on souhaite faire de notre image une animation :

Il faut donc lui préciser que l'on souhaite enregistrer notre fichier comme une animation.

Puis nous réglons les paramètres de l'animation, en particulier le délai entre chaque image:

Et voilà! Il ne vous reste plus qu'à diffuser votre blinkie sur votre site!