Comment créer un GIF dans Photoshop

Apr 2021

5 mins read

Les réseaux de médias sociaux, dont Pinterest, Twitter et Facebook, ont déclenché la renaissance animée du GIF. Beaucoup de marques utilisent les GIF dans leurs communications pour attirer et fidéliser leurs clients potentiels. Et, devinez quoi. Cela fonctionne. Les GIF animés représentent une forme de média puissant dont les clients et les consommateurs raffolent.

Alors, pourquoi ne pas apprendre à créer les vôtres ??

S'il y a une chose encore plus captivante qu'une superbe photo, mais moins encombrante qu'une vidéo, c'est bien un GIF.

Qu'est-ce qu'un GIF ?

Gif est l'abréviation de "Graphics Interchange Format". Cela signifie simplement « Format d’image animé ». ll comprend essentiellement une série d'images ou de photos qui s'enchaînent pour créer l'illusion d’une petite vidéo mais sous forme d'images.

Le nombre de nuances de couleurs contenues dans un GIF est généralement limité à 256. Toutefois, la possibilité d'ajouter du mouvement aux images et de créer un contenu facile à partager compense largement la qualité inférieure de l'image.

Obtenir une certification en design graphique

Maîtrisez les bases du design graphique et obtenez de nouvelles compétences créatives.

Visuellement plus captivants, les fichiers GIF sont régulièrement utilisés par les spécialistes du marketing numérique pour présenter leurs idées, produits ou services sous forme de mèmes ou de publicités accrocheuses. Les GIF facilitent la communication et créent instantanément un lien émotionnel avec votre public. Comme ils sont de petite taille, ils se chargent rapidement et sont lus automatiquement.

Dans le monde numérique d'aujourd'hui, la capacité à créer des GIF est une compétence très convoitée pour tout emploi dans le domaine du marketing numérique ou du design graphique, ce qui en fait une excellente compétence à ajouter à votre CV.

Dans ce tutoriel, vous apprendrez à créer votre propre GIF en cinq étapes simples à l'aide de Photoshop. Ce tutoriel est tellement simple, que même une personne qui utilise Photoshop pour la première fois sera en mesure de le créer son premier GIF sans problème.

Commençons.

Comment créer un GIF

Pour créer un GIF, vous aurez besoin d'une série d'images et de Photoshop. Pour les besoins de ce tutoriel, j'utilise Photoshop 2021, mais vous pouvez utiliser la version de Photoshop que vous possédez.

Étape 1: Charger des fichiers depuis une pile

Vous pouvez utiliser autant de fichiers que vous le souhaitez, mais pour les besoins de ce tutoriel, optez pour la simplicité. Assurez-vous que les images que vous choisissez sont cohérentes. Ci-dessous, voici les images avec lesquelles je vais travailler.

How to Make a GIF in Photoshop

À partir du menu supérieur de Photoshop, allez dans Fichier -> Scripts -> Charger des fichiers depuis une pile.

How To Make A GIF in Photoshop

Étape 2 : Sélectionnez vos images

Dans la fenêtre suivante, cliquez sur Parcourir et sélectionnez la série d'images que vous souhaitez charger en piles. Si vos images ne sont pas alignées, vous pouvez cocher la case “tenter d'aligner automatiquement les images sources”. Cela permettra de stabiliser l'ensemble de l'image du GIF

Une fois que vous avez sélectionné vos images, cliquez sur OK.

Photoshop commencera alors le processus de création d'un calque pour chaque image que téléchargée. Vous les trouverez dans le panneau Calques, dans le coin inférieur droit.

Si vous le souhaitez, vous pouvez réorganiser l'ordre de ces calques en les faisant glisser. Vous pouvez également les renommer en cliquant sur le nom du calque.

Si l'alignement automatique a été effectué, les images risquent d'être légèrement déformées, mais vous pouvez corriger ceci en recadrant les images. Si vous n'avez pas eu besoin de cocher la case "Tenter d'aligner automatiquement les images sources" à l'étape précédente, vous pouvez passer à l'étape 3.

Pour recadrer l'image:

  1. Cliquez sur l'icône Recadrage.
  2. Cliquez et faites glisser les bords de la zone de recadrage pour effectuer votre sélection.
  3. Cliquez sur Enter pour valider le recadrage.

Étape 3: Tracer la chronologie

Dans le menu supérieur, allez dans Fenêtre et sélectionnez Montage. Cela fera apparaître la fenêtre montage sous l'espace de travail.

Dans la fenêtre Montage, cliquez sur Créer une animation d’image.

How To Create An Animated GIF

S'il n'est pas automatiquement sélectionné, sélectionnez l'option dans le menu déroulant, puis cliquez dessus pour que les options d'animation d'images s'affichent.

Assurez-vous que votre calque supérieur est sélectionné et cliquez sur l'icône ci-dessous pour dupliquer le cadre.

Comme je dispose de trois images dans ce scénario, je vais dupliquer l'image deux fois. J’aurais donc trois images dans la ligne de temps.

Étape 4: Ajouter des minuteurs

Sélectionnez la première image. Sous la vignette, vous verrez "0 sec.". Il s'agit de la durée durant laquelle cette image sera affichée dans le GIF. Cliquez sur le menu déroulant situé à côté et sélectionnez la durée de votre choix, par exemple 0,5 seconde. Répétez cette étape pour les images suivantes.

Vous verrez que la deuxième image affiche maintenant l'image dans le deuxième calque.

Passez à la troisième image. Ici, masquez les deux premières calques afin de révéler le troisième calque d'image.


Étape 5: Cacher les calques supérieurs

Sur la miniature, vous verrez que la deuxième image affiche également la première image. Pour changer l'image, allez dans Calques et masquez le premier calque.

Vous verrez que la deuxième image affiche maintenant l'image dans le deuxième calque.

Passez à la troisième image. Ici, masquez les deux premières calques afin de révéler le troisième calque d'image.

Si vous utilisez plus de trois images, répétez cette étape jusqu'à ce que vous ayez configuré le calque pour toutes vos images.

Étape 6 : Prévisualiser le GIF

Prévisualisez votre GIF en cliquant sur l'icône Lecture de l’animation. Vérifiez l'ordre et la synchronisation de vos images, et assurez-vous que le GIF est lu sans problème.

Étape 7 : exportez votre GIF

Satisfait ? Allez dans Fichier et cliquez sur Enregistrer sous.

Dans le menu déroulant, sélectionnez le format de fichier GIF. Cliquez sur Enregistrer

La fenêtre Options d'enregistrement du GIF s'ouvrira. Sélectionnez vos paramètres préférentiels et cliquez sur OK.

Vous pouvez également aller dans Fichier -> Exportation -> Enregistrer pour le Web. Cela ouvrira la fenêtre d'aperçu GIF.

Dans le menu déroulant situé dans le coin supérieur droit, sélectionnez le Format de fichier GIF. Vous pouvez également définir la taille de l'image dans cette fenêtre, dans le coin inférieur droit. Si vous souhaitez que votre GIF soit compatible avec différentes plateformes, il est conseillé de le redimensionner à 500 pixels de hauteur et de largeur.

Cliquez sur Enregistrer.

Et voilà, vous avez réussi ! Vous pouvez maintenant partager vos nouveaux talents de créateur de GIF avec vos amis, vos collègues et vos clients.

Vous voulez apprendre d'autres trucs et astuces concernant la retouche photo ?

Les cours de graphisme en ligne de la Shaw Academy vous apprendront à maîtriser Photoshop, depuis les bases jusqu'aux techniques et processus plus avancés. Rejoignez la Shaw Academy dès aujourd'hui et devenez un pro de Photoshop !

Note de l'éditeur : Ce post a été initialement publié en 2016 et a été mis à jour pour plus de clarté.


Join Shaw Academy's online graphic design course.
Sign up today and get a free 4-week trial!

Shaw Academy

Shaw Academy has over 100 globally recognised courses across 10 faculties. Sign up now - the first four weeks are free.