Comment Faire un GIF sur Photoshop (Créer, Exporter) ? Tuto Facile

Dans ce tutoriel, je vais t’expliquer simplement, étape par étape, comment créer une animation GIF dans Photoshop. On va en profiter pour apprendre à importer les images de ton GIF, à définir et changer sa vitesse, à le recadrer et à l’exporter en bonne qualité. Tu pourras ainsi créer tes propres GIF Photoshop grâce à ce guide pratique. C’est parti !

Comment faire un GIF animé sur Photoshop ? 

Comment faire un GIF sur Photoshop ?

1. Ouvre Photoshop CC et crée un nouveau fichier ;
2. Importe les images que tu souhaites insérer dans ton GIF depuis le menu Fichier > Scripts > Chargement des fichiers dans une pile (raccourci clavier : Cmd/Ctrl + Maj + Option/Alt + O). Ce script génial te permet d’inclure toute une série d’images, plutôt que de devoir les faire glisser une par une dans ton document ;
3. Sélectionne tes images en cliquant sur Parcourir puis Ok. Photoshop crée automatiquement un calque pour chaque image ;
4. Pour créer une animation, il nous faut afficher le panneau Montage GIF de Photoshop. On y accède via Fenêtre > Montage ;
5. Sur le panneau Montage qui apparaît en bas de ta fenêtre Photoshop, clique sur “Créer une animation d’image” (si Créer un montage vidéo s’affiche, tu peux accéder à “Créer une animation d’image” grâce à la flèche sur la droite) ;
6. Clique sur “Créer des images d’après les calques” dans le coin droit du panneau Montage. Ce dernier contient désormais tous tes calques. Tu peux cliquer/glisser chacun des éléments pour les réorganiser comme tu le souhaites ;
7. Prévisualise ton animation en cliquant sur l’icône Lecture (raccourci clavier : barre d’espace). Assure-toi que “Toujours” est bien sélectionné dans le menu déroulant en bas à gauche du panneau Montage. Ainsi ton GIF Photoshop tournera en boucle, de manière illimitée.

Ajouter ou supprimer des images

Pour supprimer une image de ton animation (ceci n’a aucune incidence sur ton calque), clique tout simplement sur l’icône corbeille. À l’inverse, pour insérer une image dans ton GIF avec Photoshop, sélectionne l’image après laquelle tu souhaites l’ajouter et clique sur le symbole + .

Ajouter une ou des images de transition dans ton animation GIF

Pour appliquer un effet “fondu” entre plusieurs images, sélectionne une ou plusieurs images dans le panneau Montage et clique sur l’icône “Trajectoire des images animées”.

Là une boîte de dialogue apparaît où tu as plusieurs réglages à effectuer : 

1. Si tu n’as sélectionné qu’une seule image : choisis “image précédente” si tu souhaites que le fondu se fasse avec l’image précédente ou suivante ;
2. Si tu as sélectionné deux images, les nouvelles images pour créer le fondu seront insérées entre celles-ci ;
3. Saisis le nombre d’images à ajouter pour créer le fondu ;
4. Spécifie le ou les calques à modifier dans les images qui vont être ajoutées : l’option “Tous les calques” va ainsi modifier tous les calques présents dans les images sélectionnées. Tandis que “Calques sélectionnés”, comme son nom l’indique, modifie uniquement le ou les calques sélectionnés dans les images sélectionnées ;
5. Choisis les paramètres à modifier : position, opacité et effets.

Ci-dessous, notre super GIF en action !

Les réglages essentiels pour créer un GIF sur Photoshop

Changer la vitesse du GIF

Ton animation est trop rapide ou à l’inverse trop lente ? Tu peux modifier le délai de chaque image (temps pendant lequel elle est affichée) en cliquant sur la flèche à côté de “0 s” en bas de l’aperçu de ton image. Le temps est en secondes (s). Choisis une durée dans le menu déroulant ou clique sur “Autre” pour saisir la valeur de ton choix. Pour modifier la durée de plusieurs images à la fois, sélectionne-les en maintenant la touche Maj enfoncée avant d’effectuer la modification.

Lors de l’ajout d’images de transition, il est souvent nécessaire de diminuer le délai de ces dernières, pour une lecture plus fluide.

Recadrer et redimensionner le GIF

Tu souhaites recadrer ton GIF ? L’outil Recadrage (C) te permet de rogner les bords de ton GIF à ta guise (le recadrage s’applique alors automatiquement à toutes les images composant ton image animée).

Pour redimensionner un GIF dans Photoshop, c’est très simple :

1. Dans le menu Image, sélectionne Taille de l’image…
2. Une boîte de dialogue s’affiche, saisis les nouvelles dimensions désirées ;
3. Assure-toi que l’icône “lien” est activée pour conserver les proportions lors de l’agrandissement ou de la réduction de ton GIF ;
4. Clique sur Ok.

Attention : Redimensionner un GIF peut affecter sa qualité et sa netteté, surtout lors d’un agrandissement.

Ajouter du texte

Si tu souhaites mettre du texte qui soit visible durant toute la durée d’animation du GIF, crée ton calque de texte et place-le tout en haut de la liste des calques.

Pour ajouter du texte uniquement à certaines images, sélectionne-les en maintenant la touche Cmd/Ctrl enfoncée. Ensuite, clique sur l’icône en forme d’œil à gauche de ton calque de texte pour le rendre visible uniquement sur ces images.

Comment exporter un GIF de bonne qualité avec Photoshop ?

1. Pour exporter et enregistrer ton GIF dans Photoshop, clique sur Exporter > Enregistrer pour le web (hérité)…
2. Sous Paramètre prédéfini, sélectionne GIF et modifie le réglage Couleurs à 256 (le nombre maximum pour un GIF) pour obtenir un GIF de qualité maximale ;
3. “Taille de l’image” te permet de modifier une dernière fois la taille de ton GIF (en pourcentage ou en pixels) avant de l’exporter ;
4. Et enfin clique sur Enregistrer. Nomme ton fichier GIF et enregistre-le à l’emplacement de ton choix, sur ton ordinateur.

Une fois que ton GIF est prêt, n’oublie pas de l’enregistrer également en tant que fichier Photoshop, sinon tu ne pourras plus le modifier par la suite.