Résultat de ce tutorial Photoshop: une animation GIF avec un effet néon sur le texte.
Ce tuto est composé de deux parties: une, pour l'effet sur le texte, ici un effet néon, une deuxième sur l'animation gif. Pour la seconde partie rendez vous au titre numéro 7.
1) Commençons par créer un nouveau document ayant pour titre "GIF animé" de hauteur et de largeur égales à 500 px.
Info: Nous choisissons une taille d'image assez grande (pour un texte) et nous recadrerons l'image plus tard en fonction de la taille réellement voulu.
2) Ecrire le mot, la phrase que vous desirez.
Aide: Prendre l'outil texte et choisir la police qui convient ici "segoe script" puis choisir la plus grande taille de police disponible: 72 pt.
Info: Il vaut mieux tout choisir en une taille assez grande (mais proportionnelle à ce que vous voulez faire bien sur) car il y a toujours un moyen de rétrécir la taille de chacune des images ou leurs qualitées. Par contre il est beaucoup plus compliqué d'augmenter la qualité d'une image sans la refaire complètement.
3) Pixelliser le calque texte puis dans "Fx", style de calque puis choisir "incruster un dégradé".
Aide: "Fx" dans la fenêtre des calques. Choisir les mêmes couleurs que sur l'image (marron foncé - Orange foncé). Style de dégradé: Réfléchi. Mode de fusion: Normal.
Info: Ici nous commençons l'effet de texte: néon. Ce dégradé va permettre de donner un effet d'ombre sur la partie central du texte.
4) Remplir le fond en noir puis ajouter une lueur interne au texte.
Aide: Peindre le fond avec l'outil pot de peinture. Lueur interne toujours dans "Fx", Opacité: 75%, couleur: Jaune claire, Maigri: 11%, Taille: 4%.
Info: La lueur interne va donner un effet de néon entourant le texte, la couleur claire (jaune) donne l'impression qu'une lampe est allumée.
5) Ajouter enfin une lueur externe un peu plus foncé que la lueur interne.
Aide: Toujours dans "Fx" opacité: 60%, Grossi: 30%, Taille: 10%.
Info: La lueur externe doit être dans le même ton mais plus foncé que la lueur interne car si la lampe est d'une couleur, sa lueur (son éclairage) sera plus foncé dans la nuit (le fond noir).
6) Copier le texte et appliquer à ce calque une symétrie verticale.
Aide: Ctrl+J sur le texte pour le dupliquer et Transformation/symétrie verticale..
Info: Vous remarquez au passage que les parties superposées donne un effet plus lumineux, grâce au mode de fusion >superposition utilisé avec la lueur externe.
7) Fenêtre/Animation et créer un nouveau calque d'animation. Sur le second calque baisser l'opacité et retirer la lueur externe.
Aide: Pour créer un nouveau calque dans la fenêtre animation cliquez sur l'icone correspondant en bas de cette même fenêtre. L'opacité des claques sont maintenant à 9 et 36%, le calque du texte le plus visible étant celui à 36%.
Info: Retirer la lueur externe revient à donné l'effet d'un néon éteint, on baisse l'opacité pour donner l'impression que le texte s'estompe maintenant dans la nuit.
8) Donner un delai d'une seconde pour les deux images. Puis Fichier/Enregistrer pour le web... et cliquer sur "enregistrer"
Info: Le delai correspond au temps où le gif reste sur l'image, ici l'annimation dure 2 secondes. Elle se repète indéfiniment car l'option "boucle" est activée.
9) Voilà le résultat de l'animation d'un néon qui s'allume et s'éteint.