Ouvrir une image gif avec transparence et la modifier

 

 

Ouvrir une image en gif avec transparence et le modifier
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 Fichier / Ouvrir.

Avec certaines versions antérieures CS2 et CS3 (et CS4 ?), il fallait passer par le menu Fichier / Importation / Image vidéo dans des calques…, 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 Fichier / Ouvrir

Ouvrir

Les images .gif sont en Couleurs indexées, pour les modifier dans Photoshop il faut les convertir en RVB

menu Image / Mode / Couleurs RVB

Couleurs RVB

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 Filtre / Atténuation / Flou de surface

Flou de surface

enregistrer à nouveau le fichier gif, en conservant la transparence, par le menu Fichier / Enregistrer pour le web et les périphériques…

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

Afficher 2 vignettes

Agrandir l'affichage

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é.

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).

Choisir le nombre de couleurs

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.

Sans cache

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 Fenêtre / Animation

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.

Sélectionner toutes les 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

Changer la durée globale

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…

Autre vitesse

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.

Déplacer l'animation

Voici les 2 images, à gauche à 0,3 seconde et à droite 0,5 seconde.

Animation 0,3 seconde

Animation 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 Fichier / Enregistrer sous…

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.

Enregistrer en .PSD

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 Fichier / Enregistrer pour le Web et les périphériques…

 

Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.

Commentaire : “Ouvrir une image gif avec transparence et la modifier

Les commentaires sont fermés.