Comment créer un GIF dans Photoshop (ou une alternative gratuite)

Les GIF sont incroyables. Ils sont comme les flipbooks d'Internet: parfaits pour transmettre des pensées et des émotions que les mots Je ne peux pas décrire, car ils mettent en valeur les pitreries de vos adorables animaux de compagnie ou vous donnent un bon glousser.

Contenu

  • Comment créer un GIF animé à partir d'une vidéo (Photoshop)
  • Comment créer un GIF animé à l'aide d'images fixes (Photoshop)
  • Comment créer un GIF animé à partir d'images fixes (gratuitement)
  • Configurer d'abord vos images fixes
  • Créer un GIF animé à l'aide d'un outil gratuit
  • Comment créer un GIF animé à partir d'une vidéo (gratuitement)
  • Comment créer un GIF à partir d'une vidéo YouTube

Peut-être avez-vous utilisé un GIF sur votre téléphone pour envoyer une animation amusante à un ami, ou les avez-vous vu apparaître dans les commentaires sur Facebook. Mais avez-vous déjà créé votre propre GIF? Vous avez peut-être des idées pour le plus grand des GIF, mais peut-être ne savez-vous pas comment faire de ce rêve une réalité. Ne vous inquiétez pas: ce didacticiel simple devrait vous guider tout au long du processus de création de GIF de premier ordre, même si nous ne pouvons pas vous dire avec certitude comment le prononcer.

Vidéos recommandées

Modéré

20 minutes

  • Photoshop ou un outil en ligne gratuit comme Giphy

  • Images fixes que vous souhaitez utiliser pour votre GIF

  • Une vidéo à partir de laquelle vous souhaitez créer votre GIF

  • Un PC

Comment créer un GIF animé à partir d'une vidéo (Photoshop)

Avant de passer directement au didacticiel, nous devrions aborder l’éléphant dans la pièce. Adobe Photoshop est probablement le meilleur logiciel disponible pour créer des GIF (ou éditer des images en général). Si vous n'avez pas Photoshop, d'autres programmes peuvent vous offrir certaines des mêmes fonctionnalités, comme Gimp, mais si vous voulez vous lancer sérieusement dans la création de GIF, Photoshop est la voie à suivre.

Étape 1: Trouvez sur le Web une bonne séquence vidéo que vous souhaitez transformer en GIF. Cela peut être pratiquement n'importe quoi, mais essayez d'opter pour un clip qui n'est pas trop long, car la brièveté est la clé d'un bon GIF.

Étape 2: Enregistrez la vidéo sur votre ordinateur. Consultez notre guide sur comment télécharger des vidéos YouTube si vous avez besoin de conseils pour extraire des images du Web. Coupez la séquence uniquement à la longueur souhaitée pour que le GIF soit lu. Deux ou trois secondes, c'est bien, cinq secondes, et 10 ou plus sont possibles avec le bon découpage, mais le fichier sera volumineux et difficile à travailler. La règle générale est de transmettre votre idée dans le moins d’images possible.

En rapport

  • Meilleures offres Adobe Photoshop: obtenez gratuitement le logiciel de retouche photo
  • Comment combiner des fichiers PDF sur Windows, macOS ou le Web
  • Comment enregistrer une page Web au format PDF

Étape 3: Ouvrez la vidéo avec Photoshop. Pour ce faire, accédez à Déposer > Importer > Images vidéo en calques. Sélectionnez le fichier vidéo souhaité et Photoshop l'ouvrira sous la forme d'une série d'images fixes. Vous pouvez choisir d'importer la vidéo entière du début à la fin ou d'utiliser des curseurs pour sélectionner une partie plus petite du clip. Vous pouvez limiter l'importation à une image sur deux (ou sur trois, quatre, etc.) pour réduire la taille du fichier, mais cela rendra également la vidéo plus saccadée.

Importer une vidéo dans des calques dans Photoshop.

Étape 4: Jouez avec les paramètres. Vous pouvez ajuster la balance des couleurs et ainsi de suite avec Photoshop à ce stade si vous le souhaitez. Lorsque tout semble parfait, dirigez-vous vers Déposer > Enregistrer pour le Web. Vous rencontrerez alors une fenêtre qui ressemble à ceci :

Paramètres GIF dans Photoshop.

Étape 5 : Vous pouvez modifier ces paramètres pour réduire la taille de votre GIF. Idéalement, vous ne devriez pas dépasser 1 Mo afin que le chargement sur les pages Web ne prenne pas beaucoup de temps. Jouez avec tout cela jusqu’à ce que vous trouviez le point idéal.

  • Couleurs: Cela limite le nombre de couleurs utilisées pour créer l'image, donc plus c'est élevé, mieux c'est (les GIF sont limités à un maximum de 256 couleurs). Ne descendez à 128 ou moins que si vous le devez ou si votre GIF n’a pas beaucoup de couleur en premier lieu.
  • Tremblement: Le tramage disperse les pixels de différentes couleurs dans une image pour donner l'impression qu'il existe des couleurs intermédiaires dans les images avec une palette de couleurs limitée. Des paramètres plus élevés donneront des images plus belles, mais cela rendra également le fichier plus volumineux.
  • Avec perte : Utilisez ce paramètre pour appliquer une baisse intentionnelle de la qualité. Un paramètre plus faible est préférable, mais une certaine perte de qualité peut être nécessaire pour rendre votre fichier suffisamment petit.
  • Taille: Changer les dimensions de votre GIF peut avoir un impact énorme sur la taille du fichier.

Étape 6 : Sauvegarder et partager! Sélectionnez le Sauvegarder bouton pour finaliser votre création. Une fois terminé, vous pouvez le télécharger sur un site d'hébergement d'images gratuit comme Imgur pour le partager avec vos amis et l'intégrer dans des blogs et des sites Web.

Comment créer un GIF animé à l'aide d'images fixes (Photoshop)

Vous pouvez également créer des GIF animés dans Photoshop en enchaînant des images fixes. Ce processus consiste à superposer chaque image de bas en haut, puis à séquencer les calques à l'aide de l'outil d'animation/chronologie de Photoshop.

Étape 1: Rassemblez les images fixes que vous souhaitez séquencer pour votre GIF et placez-les dans un seul dossier. Ensuite, dans Photoshop, choisissez Déposer > Scripts > Charger des fichiers dans la pile. Ensuite, sélectionnez Parcourir et choisissez les images sur votre bureau que vous souhaitez regrouper dans un GIF.

Étape 2: Sélectionner D'ACCORD, et une nouvelle composition devrait s'ouvrir avec ces images fixes désormais rendues sous forme de calques individuels dans une seule image. Disposez-les en conséquence; votre première image doit occuper la couche toute en bas et ainsi de suite.

Étape 3: Vous pouvez également créer chaque calque individuellement dans Photoshop lui-même plutôt que de télécharger par lots vos images fixes sous forme de calques. Exécutez Photoshop et créez une nouvelle image en sélectionnant Déposer > Nouveau puis en sélectionnant D'ACCORD. Ensuite, déverrouillez le calque d'arrière-plan en sélectionnant deux fois le Verrouillage icône, créez un nouveau calque en ouvrant Couche > Nouveau… > Couche, et concevez chaque cadre en conséquence.

Étape 4: Encore une fois, enchaînez votre animation de bas en haut. (Ce processus fonctionne si vous utilisez une ancienne version de Photoshop qui ne propose pas d'option « Charger les fichiers dans la pile ».) Chargez votre images fixes dans Photoshop, faites-les glisser dans votre nouveau projet et redimensionnez les calques nouvellement créés en conséquence à l'aide de l'outil de transformation de Photoshop (Modifier > Transformation libre ou Ctrl+T), puis faites glisser les coins pour redimensionner l'objet).

Vous voulez que votre résultat ressemble à ceci, avec chaque image de l'animation séparée en calque et disposée chronologiquement de bas en haut :

Écran de calque dans Photoshop.

Étape 5 : Maintenant que vous avez organisé vos calques en conséquence, vous pouvez commencer à séquencer vos calques. Encore une fois, ce processus varie en fonction de la version de Photoshop que vous utilisez. Si vous utilisez toujours CS5 ou une version antérieure (hé, nous ne jugerons pas), accédez à la fenêtre d'animation en ouvrant Fenêtre + Animation. De même, sélectionnez Fenêtre + Chronologie dans Photoshop CS6 et Photoshop CC pour accéder à la fenêtre Chronologie. Pour Photoshop CC, sélectionnez le Menu déroulant au milieu de la fenêtre Chronologie et sélectionnez Créer une animation d'image.

Étape 6 : Une fois que vous avez ouvert l'outil de séquençage de Photoshop, sélectionnez le Petite flèche orientée vers la droite dans le coin supérieur droit, puis choisissez Créer des cadres à partir de calques.

Vous pouvez également sélectionner le Flèche vers la droite pour créer un nouveau cadre manuellement (ou vous pouvez utiliser la commande raccourci clavier Ctrl > Changement > Alt > F).

Étape 7 : De là, sélectionnez le Œil icône à côté de chaque calque pour masquer les calques que vous ne souhaitez pas voir apparaître dans le cadre que vous avez créé.

Écran de couche 3 dans Photoshop.

Étape 8 : À partir de là, utilisez le menu sous chaque image pour modifier sa durée. Le menu dans le coin inférieur gauche indique combien de fois votre GIF sera relu – réglez-le sur Pour toujours si vous voulez que ça tourne en boucle sans fin.

Étape 9 : Toutes nos félicitations! Vous avez créé un GIF animé à l'aide d'images fixes et il ne vous reste plus qu'à l'exporter hors de Photoshop en utilisant le processus décrit ci-dessus. Pour un petit récapitulatif :

Se diriger vers Déposer > Enregistrer pour le Web. N'oubliez pas de ne pas laisser votre GIF dépasser 1 Mo. Si nécessaire, modifiez les paramètres de couleur, de tramage, de perte et de taille jusqu'à ce que votre GIF soit redimensionné en conséquence. Une fois que vous êtes satisfait, enregistrez votre nouveau GIF.

Comment créer un GIF animé à partir d'images fixes (gratuitement)

Si vous n'avez pas accès à Photoshop, il existe des méthodes gratuites vous pouvez l’utiliser pour créer un GIF, même si la qualité du produit final peut ne pas être aussi élevée. Il existe différents programmes gratuits (comme GIMP ou Pixlr) qui offrent les fonctions de base de Photoshop, ainsi vous permettant de créer des images fixes et de les lire en séquence, et des sites Web qui vous permettent de couper des GIF à partir de vidéo. Aucun de ces processus ne sera aussi efficace que Photoshop. Cependant, ils sont moins chers et assez simples.

Configurer d'abord vos images fixes

Plusieurs applications intégrées au navigateur vous permettent de créer des GIF à partir d'une série d'images fixes. A titre d'exemple, nous utiliserons Ezgif. Ce site vous permet de télécharger une série d'images, de les organiser et de les transformer en GIF animé. Bien entendu, cela nécessitera un ensemble d’images fonctionnant en séquence. Pour ce faire, nous aurons besoin d’un substitut gratuit à Photoshop. Nous utiliserons Pixlr dans cet exemple.

Étape 1: La première chose à faire est de télécharger une nouvelle image. Choisissez la taille du canevas, mais gardez à l’esprit que plus la taille du fichier GIF est grande, plus il se chargera lentement, alors essayez de réduire la quantité d’éléments que vous placez sur le canevas. Plus simple et plus petit est souvent mieux.

Étape 2: Une fois que vous avez une toile, créez la première image de votre GIF. Pour cet exemple, nous utiliserons l'outil Forme pour créer une personne à partir d'un cercle, de rectangles et de lignes, en enregistrant cette image pour créer le premier cadre.

Le processus d'animation consiste à jouer une série d'images avec de légers changements pour donner l'illusion de mouvement. Pour créer un GIF, vous devrez créer plusieurs images, chacune présentant une légère variation par rapport à la précédente. Par souci de simplicité, ce GIF ne comportera que quelques images, il ne sera donc pas joli, mais il devra illustrer le concept.

Image fixe d'une personne en forme de bâton.

Étape 3: Pour l’image suivante, nous ferons lever les bras au personnage en les effaçant et en dessinant de nouveaux bras levés vers le haut. Enregistrez l'image pour créer le deuxième cadre.

Deuxième image fixe de l’image GIF du bonhomme allumette. Ce bonhomme allumette a les deux bras en l'air.

Étape 4: Ensuite, nous utiliserons le Taper outil pour faire apparaître le texte, et nous enregistrerons cette image comme troisième image.

Troisième image fixe du bonhomme allumette. Celui-ci porte le mot Voici! dessus.

Étape 5 : Ensuite, nous ajouterons du texte supplémentaire et l’enregistrerons comme quatrième image.

Il s'agit de la quatrième image fixe du GIF du bonhomme allumette. Celui-ci porte les mots Voici! Un GIF! y est ajouté.

Créer un GIF animé à l'aide d'un outil gratuit

Une fois nos cadres prêts, nous les téléchargerons sur Ezgif. Voici comment terminer la création de votre GIF à l'aide d'Ezgif :

Étape 1: Sélectionnez l'onglet intitulé Créateur de GIF et sélectionnez le Parcourir bouton. Sélectionnez tous les fichiers image associés à votre GIF.

Étape 2: Ensuite, sélectionnez le bouton intitulé Téléchargez et créez un GIF !. Une fois le chargement des fichiers image terminé, assurez-vous qu’ils sont dans le bon ordre. Vous pouvez également définir le temps de retard, qui est le temps entre les images, et choisir combien de fois (le cas échéant) vous souhaitez que le GIF soit bouclé.

Procédure pas à pas du créateur de GIF du site Web EZGIF.

Étape 3: Une fois terminé, sélectionnez le bouton intitulé Faites un GIF !

Étape 4: Votre GIF devrait alors apparaître, accompagné de boutons pour le modifier ou l'enregistrer sur votre ordinateur.

Sauvegarde du GIF réalisé sur EZGIF.

Comment créer un GIF animé à partir d'une vidéo (gratuitement)

Si vous souhaitez utiliser un extrait particulier d'une vidéo pour un GIF, de nombreux sites peuvent vous aider à le créer avec très peu de contribution de votre part. Ezgif, Giphy, ImgFlip, Gfycat, et de nombreux autres services en ligne vous permettent de créer des GIF sans l'aide d'une carte de crédit, bien que la commodité s'accompagne d'un sacrifice dans le niveau de contrôle dont vous disposez.

Étape 1: Utiliser l’un de ces outils en ligne est incroyablement simple. A titre d'exemple, nous utiliserons Giphy. Ce site vous permet soit de coller l'URL d'une vidéo particulière, soit de télécharger un fichier vidéo depuis votre ordinateur. Entrez l'URL ou téléchargez votre vidéo et passez à l'étape 2.

Créateur de GIF du site Giphy.

Étape 2: Une fois que vous avez fait cela, vous pouvez choisir le point de la vidéo où le GIF commencera et choisir la durée d'exécution du GIF. Vous pouvez également saisir une légende si vous le souhaitez.

Modification de la longueur d'un GIF dans Giphy.

Étape 3: Une fois que vous avez décidé de ces éléments, sélectionnez le Créer un GIF et laissez le site s'occuper du reste.

Le processus est plus ou moins le même pour les autres sites, dont ImgFlip. Cependant, si vous souhaitez plus de contrôle sur la qualité résultante de votre GIF, vous devriez probablement vous en tenir à Photoshop. Cela dit, pour les fonctionnalités de base de vidéo vers GIF, des sites comme Giphy devraient fonctionner correctement.

Comment créer un GIF à partir d'une vidéo YouTube

Vous pouvez utiliser les sites ci-dessus et bien d'autres pour créer un GIF à partir d'une vidéo YouTube. Nous avons également un guide étape par étape qui peut vous aider créez de superbes GIF à partir de n'importe quelle vidéo YouTube.

Et c'est tout! Vous êtes maintenant un gourou du GIF (ou un Jedi du GIF, si vous préférez la prononciation douce du « g »), et vos flux de médias sociaux sont sur le point de devenir infiniment plus excitants.

Cependant, nous devrions probablement vous mettre en garde: un grand pouvoir implique de grandes responsabilités. Choisissez judicieusement vos moments et n’inondez pas vos amis avec une avalanche écrasante de GIF de chats de mauvaise qualité, aussi mignons soient-ils. Il y a un moment et un lieu, et la qualité l'emporte toujours sur la quantité. Le GIF est peut-être modeste, mais c'est aussi une légende; cela mérite votre respect. Étudiez-le, pratiquez-le, maîtrisez-le.

Recommandations des rédacteurs

  • Comment faire une capture d'écran sur votre Mac: les meilleures méthodes en 2023
  • Comment imprimer à partir d'un Chromebook – en toute simplicité
  • De combien de RAM avez-vous besoin?
  • Le meilleur logiciel de contrôle parental gratuit pour PC, Mac, iOS et Android
  • Comment offrir des jeux sur Steam