Créer un GIF animé avec Photoshop

Comment créer une image animée à partir d’une série de photos avec Photoshop? C’est l’objet du tutoriel d’aujourd’hui. Si vous n’avez pas accès à Photoshop, j’ai créé un autre tutoriel sur comment créer un GIF animé sans Photoshop.

A la fin de ce tutoriel, vous allez voir comment créer une image qui s’anime une, plusieurs fois ou à l’infini.

Ce dont vous avez besoin pour créer un GIF avec Photoshop

  • Une série d’image. Vous pouvez utiliser des images que vous avez prises en séries à partir de votre appareil photo, de votre téléphone ou des images que vous avez créées vous-même.
  • Accès au logiciel Photoshop.
Vos images doivent toutes avoir la même dimension.

Etape 1 : planifier la séquence d’images

Avant de créer votre GIF, je vous recommande de planifier la séquence d’images afin que le rendu soit attrayant. En général, vous allez utiliser une série d’images sur lesquelles un ou plusieurs éléments sont différents afin de créer une progression.

Dans ce tutoriel, je vais utiliser 9 images que j’ai créées à partir d’Illustrator. Toutes mes images ont les dimensions 768 px par 768 px.

Mon objectif est de créer une série d’images qui révèle progressivement l’image finale. Je suis partie de l’image finale et je l’ai sectionnée en plusieurs étapes pour déterminer ma série d’images. Voici l’image finale :

Le GIF final ressemble à ceci :

 

Voici les 9 étapes que j’ai choisies pour y arriver.

Etape 2 : Créer l’animation dans Photoshop

Importer la série d’images

Maintenant que vous avez votre série d’images, vous pouvez les importer dans Photoshop.

Il faudra passer par les étapes suivantes :

  • Fichier > Script > Chargement des fichiers dans une pile

  • Parcourez votre ordinateur pour sélectionner les images que vous voulez utiliser. Mes images se trouvent sur mon bureau dans un fichier qui s’appelle GIF Animé
  • Cliquer sur OK pour importer les photos

Importer une serie d'images dans Photoshop

Si vous ne souhaitez pas importer toutes les images qui se trouvent dans le dossier, vous pouvez appuyer sur la touche SHIFT pour sélectionner seulement les photos que vous souhaitez importer.

Maintenant vos images s’affichent chacune dans un calque différent.

Ouvrir les images dans le panneau Montage

Maintenant, on va ouvrir le panneau de montage pour contrôler comment on voudrait que notre GIF apparaisse.

  • On va cliquer sur Fenêtre > Montage pour ouvrir le panneau Montage.

Le panneau de Montage va s’afficher en bas de l’écran.

  • On clique maintenant sur le bouton situé au centre du panneau et on sélectionne Créer une animation d’image.

  • Enfin, on clique sur le bouton Créer une animation d’image.

Vous devrez cliquer sur le bouton et voir la première image apparaitre pour pouvoir procéder à l’étape suivante.
  • Maintenant, on va cliquer sur l’icône de menu située en haut à droite du panneau Montage

  • Puis, nous allons choisir Créer des images d’après des calques.

Toutes les images que vous avez initialement sélectionnées se trouvent maintenant dans votre panneau de Montage.

Plusieurs fois, je me suis retrouvée avec un ordre de photos qui n’était pas le bon. Un peu comme si l’importation dans le panneau de Montage avait inversé l’ordre des images. Si c’est aussi votre cas, vous pouvez encore une fois cliquer sur l’icône de menu du panneau Montage et sélectionner inverser les images.

Configurer la lecture des images

A cette étape, si vous cliquez sur le bouton « lecture », vous pouvez pré-visualiser l’animation.

Contrôler la durée de la boucle

Vous pouvez déterminer le nombre de fois que l’animation devra jouer. En cliquant sur « Une fois », vous avez l’option d’avoir une animation qui joue une fois, trois fois ou à l’infini. Vous pouvez aussi cliquer sur « Autre » pour déterminer une autre durée de la boucle.

Encore une fois, vous pouvez appuyer sur « Lecture » pour pré-visualiser l’animation, en fonction de la durée de la boucle que vous avez choisie.

Contrôler la durée de chaque image

Par ailleurs, on peut aussi contrôler la durée pendant laquelle chaque image s’affichera à l’écran.

En dessous de chaque image, vous avez une durée. Si vous cliquez sur la flèche du bas, vous pourrez déterminer la durée de l’image que vous avez sélectionnée.

Dans notre exemple d’aujourd’hui, j’ai souhaité que toutes les images s’affichent pendant 0,5 seconde. J’aurais pu sélectionner un temps plus long pour certaines images mais je ne l’ai pas fait.

Exporter l’animation en GIF

Une fois que vous êtes satisfait du rendu final, il ne vous reste plus qu’à exporter l’animation.

  • Choisissez Fichier > Exportation > Enregistrer pour le Web (hérité) si le GIF est destiné à être publié sur internet. Sinon, vous pouvez cliquer sur Fichier > Exportation > Exportation sous
  • Sélectionnez l’option GIF et modifiez le tramage, la taille de l’image et le nombre de couleurs selon vos préférences.
  • Choisissez où vous souhaitez sauvegarder le GIF.

Et voila !

 

Vous pouvez aussi regarder la vidéo suivante pour voir toutes les étapes à l’écran.

🎉 En bonus 🎉 , je vous montre comment exporter votre animation en format vidéo pour notamment publier votre GIF sur les réseaux sociaux!

8 commentaires

      1. Bonjour, j’ai le même souci, avec photoshop CC 2018. Savez-vous comment faire ?
        Merci, belle journée

        1. Hello Faustine, bon je pense que je n’ai pas du bien préciser. Une fois que que tu ajoutes toutes tes images
          1. Essaies de cliquer sur « créer un montage vidéo » (pour que cette section en bas apparaisse tu dois cliquer sur le menu Fenêtre > Montage. (voir photo)
          2. Ensuite, tu cliques sur le petit menu en haut à droite de la fenêtre de montage (photo)
          3. Tu sélectionnes créer des images à partir des calques (photo)
          Voila!
          Explication sur créer GIF avec Photoshop

          Désolée c’est pas évident de parler de menus en français quand mes logiciels sont en anglais :D. J’espère que ça va régler ton problème.

          Bonne journée!

          1. Bonjour,
            Merci pour ce tuto. J’ai tout fais pas à pas.
            Mais au petit 2, en cliquant sur le menu en haut à droite de la fenêtre de montage, l’option « make frames from layer » n’apparait pas.
            je désespère!
            Tu peux m’aider stp? mercii

          2. Hello Elodie,
            En fait en français c’est Créer des images à partir du calque . Je ne sais pas si ça t’aide. En fait, une fois que tu as ajouté les images dans les différents calques, tu dois d’abord :
            1. afficher le menu d’animation en cliquant sur : Fenêtre > Montage
            2. Dans le bas tu as la fenêtre de montage qui s’affiche et tu dois d’abord cliquer sur le bouton Créer une animation d’image.
            3. Ensuite, le menu Créer des images à partir du calque se trouve dans le petit menu situé en haut à gauche de la fenêtre de montage. Juste en dessous d’Optimiser l’animation

            Je pense que le menu que tu cherche n’apparait pas parce que tu dois d’abord cliquer sur Créer une animation d’image.

            J’espère que ça t’aide 😀

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

%d blogueurs aiment cette page :