passer le curseur sur l’image pour voir l’image avant et après
Ce tutoriel est écrit avec Photoshop CS 5.
Pour ouvrir un fichier .gif transparent, il suffit simplement d’utiliser le menu .
Avec certaines versions antérieures CS2 et CS3 (et CS4 ?), il fallait passer par le menu , afin de conserver la transparence dans les fichiers .gif.
Mais à partir de CS5 on peut maintenant directement ouvrir les fichiers .gif et la transparence est prise en compte.
► ouvrir une image .gif avec transparence, par le menu
Les images .gif sont en Couleurs indexées, pour les modifier dans Photoshop il faut les convertir en RVB
► menu
Ensuite on peut modifier l’image.
Améliorer le gif :
Si le gif paraît de mauvaise qualité on peut l’améliorer, par exemple en corrigeant le bruit dans l’image,
qui est dû pour cette image, à une trop forte compression au moment de l’enregistrement de l’image.
► ouvrir l’image .gif
► utiliser par exemple, le menu
► enregistrer à nouveau le fichier gif, en conservant la transparence, par le menu
► dans la fenêtre, afficher 2 vignettes, en cliquant sur l’onglet en haut à gauche de la fenêtre, puis agrandir l’affichage à l’aide du menu en bas à gauche
► dans la partie droite de la fenêtre, choisir la qualité d’enregistrement en sélectionnant, dans le menu déroulant Paramètres prédéfinis, GIF 64 tramé.
Ici on voit dans l’aperçu de droite, qu’il n’y a pas assez de couleurs, on peut donc augmenter le nombre de couleur en modifiant directement le menu Couleurs, on peut choisir 128 ou 256 couleurs (c’est le maximum pour le format .gif).
Pour un fichier .gif, plus il y a de couleurs, plus cela augmente le poids du fichier. Augmenter les dimensions de l’image augmente également le poids du fichier, donc logiquement si vous voulez gagner du poids pour le fichier, il faut commencer par diminuer ses dimensions.
Bien sûr si le fichier contient moins de couleurs on peut en choisir moins, que 64, par exemple 32 ou même moins. On peut faire le choix soit par le menu déroulant Paramètre prédéfinis soit manuellement par le menu Couleurs. Il faut éviter de choisir les choix Non tramé, car sans trame vous aurez de la pixellisation.
Si l’image contient de la transparence, comme l’image utilisée pour ce tutoriel, il faut choisir la couleur du Cache, qui est la couleur de contour des formes pour les images transparentes
Ici j’ai choisi de ne pas mettre de cache justement, car l’image est nette sur ses contours, donc je sélectionne Sans, dans le menu Cache, à la place du Blanc par défaut.
Si vous connaissez par avance sur quel fond de couleur sera placée l’image, c’est cette couleur qu’il faut choisir pour le Cache.
Ensuite il faut visionner l’image .gif enregistrée, et vérifier si le résultat convient. Sinon modifier les paramètres puis enregistrer à nouveau l’image.
Pour l’image finale, en ▲ début de tutoriel, en plus d’améliorer l’image, j’ai ajouté un contour (rose) et j’ai éclairci les noirs (tons moyens), avec la commande Niveaux.
Modifier la vitesse de l’animation :
Si l’image est un fichier .gif animé, dans ce cas on peut modifier l’animation à l’aide du panneau Animation.
► menu
Pour cette image je veux ralentir l’animation,
sélectionner toutes les vignettes dans le panneau Animation, cliquer sur la 1ère vignette, maintenir la touche Maj puis cliquer sur la dernière vignette. Ici il n’y en a que 2 mais la procédure est identique avec plus de vignettes.
► cliquer ensuite, sur la petite flèche de la durée et dans le menu, choisir une autre durée au choix, ici je choisi 0,5 secondes, alors que la durée initiale du gif était de 0,3 secondes
► ensuite lire l’animation, pour vérifier que cela convient en cliquant sur l’icône triangle vers la droite, Lecture de l’animation ou appuyer sur la barre d’Espace.
Mais on peux modifier l’ensemble des vignettes ou les vignettes individuellement. On peut également choisir une vitesse plus précise par le menu Autres…
Si vous avez besoin de déplacer l’animation ou une partie, il faut sélectionner à la fois, les vignettes dans le panneau Animation, mais aussi les calques dans le panneau Calques, sinon vous allez avoir un décalage.
Voici les 2 images, à gauche à 0,3 seconde et à droite 0,5 seconde.
Conserver l’original et les modifications :
Attention, si vous avez l’intention de re-modifier votre fichier .gif ultérieurement il est préférable de conserver le fichier original (.gif) et d’enregistrer vos modifications (votre travail).
Pour enregistrer votre travail et donc conserver les éventuels calques du fichier modifié,
► enregistrer votre travail au format .psd, par le menu
► dans la fenêtre, à la ligne Format, sélectionner dans le menu déroulant le format Photoshop (*PSD;*PDD), puis donner un nom dans le champ Nom du fichier.
Ainsi par la suite pour modifier à nouveau votre travail, il suffira d’ouvrir le fichier .psd, vous aurez ainsi accès à toutes vos modifications. Puis une fois les modifications apportées vous enregistrerez à nouveau au format .gif, par le menu
Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.
Mise à jour :
Ajout du paragraphe Conserver l’original et les modifications.