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

Formatrice

Mis à jour le

Note ce cours !
[Total : 1 Moyenne : 5]
création gif photoshop

Pour ce cours, tu as besoin de :

Adobe Photoshop CC 2024

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.
Script pour charger plusieurs images dans Phostoshop
Panneau Montage Photoshop
Créer une animation d'image
Créer des images d'après des calques
Images du GIF dans le panneau Montage
Images dans le panneau Montage de Photoshop
Prévisualiser un GIF
Activer la boucle de lecture des images sur Photoshop

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 et supprimer des images à un GIF

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

Ajouter des images de transitions à un GIF

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

Trajectoire des images animées
  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 !

Lecture du GIF créé avec photoshop

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.

Changer la vitesse du GIF

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

Recadrer un GIF

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.
Modifier la taille d'un GIF

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.
Menu Enregister pour le Web
Exporter et enregistrer un GIF Photoshop

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.

Partage ou enregistre ce cours :

Avis et commentaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *