ammentorp / 123RF ammentorp / 123RF Si une image vaut mille mots, alors un GIF animé en dit probablement 10000. Ou peut-être 50 000? Un million? OK, ne suranalyse pas la métaphore! Le fait est que les GIF sont incroyables. Ils sont comme les flipbooks d'Internet - parfaits pour transmettre des pensées et des émotions que les mots ne peuvent pas décrire, présenter les singeries de vos adorables animaux de compagnie, faire de l'art abstrait ou vous faire rire.
Ce tutoriel simple devrait vous guider tout au long du processus de création de GIF de premier ordre
Les GIF sont également modestes, généralement rendus en basse résolution et en fréquence d'images limitée, mais le format est devenu un chouchou d'Internet. Il a servi d'exemple précoce de quelque chose que vous pouviez faire en ligne que vous ne pouviez pas faire en version imprimée, et a survécu pratiquement inchangé depuis sa création à la fin des années 1980, restant populaire aujourd'hui malgré la montée spectaculaire des formats vidéo Web de haute qualité. Ceci, bien sûr, ne fait que rendre l'humble GIF encore plus impressionnant.
Nous prêchons probablement à la chorale. Après tout, si vous lisez ceci, vous savez déjà à quel point les GIF animés sont géniaux. Peut-être avez-vous utilisé un clavier GIF sur votre téléphone pour envoyer une animation amusante à un ami, ou les avez-vous vus apparaître dans les commentaires sur Facebook. Mais avez-vous déjà créé le vôtre? Nous avons tous des idées pour le plus grandiose des GIF, des chefs-d'œuvre miniatures qui attendent une chance dans la vie - mais peut-être que vous ne savez pas comment faire de ce rêve une réalité. Ne vous inquiétez pas: ce tutoriel 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 définitivement comment le prononcer.
Comment créer un GIF animé à partir d'une vidéo (Photoshop)
Avant de passer directement au didacticiel, nous devons nous adresser à 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, il existe des programmes qui peuvent vous offrir certaines des mêmes fonctionnalités, comme GIMP, mais si vous voulez sérieusement créer des GIF, Photoshop est la solution.
Étape 1 - Trouvez une bonne séquence vidéo sur le Web 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 l'âme du GIF.
Étape 2 - Enregistrez la vidéo sur votre ordinateur. Consultez notre guide sur la façon de télécharger des vidéos YouTube si vous avez besoin de conseils sur l'extraction de séquences à partir du Web. Coupez le métrage uniquement à la longueur que vous souhaitez que le GIF soit lu. Deux ou trois secondes, c'est bien, cinq pour le pousser et 10 ou plus sont possibles avec le bon hachage, mais le fichier sera volumineux et difficile à travailler. La règle générale est de transmettre votre idée dans le moins de cadres possible.
Étape 3 - Ouvrez la vidéo avec Photoshop. Pour ce faire, accédez à Fichier> 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 utiliser des curseurs pour sélectionner une plus petite partie du clip. Vous pouvez limiter l'importation à une image sur deux (ou à chaque troisième, quatrième, etc.) pour réduire la taille du fichier, mais cela rendra également la vidéo plus saccadée.
Étape 4 - Mess avec les paramètres. Vous pouvez ajuster l'équilibre des couleurs et autres avec Photoshop à ce stade si vous le souhaitez. Lorsque tout est parfait, accédez à Fichier> Enregistrer pour le Web. Vous rencontrerez alors une fenêtre qui ressemble à ceci:
Tous ces paramètres peuvent être modifiés pour rendre votre GIF plus petit. Idéalement, vous ne voudrez pas le faire plus grand que 1 Mo afin qu'il ne prenne pas des siècles à charger sur les pages Web. Jouez avec tout cela jusqu'à ce que vous trouviez un endroit idéal.
- Couleurs : Cela limite le nombre de couleurs utilisées pour créer l'image, donc plus il est élevé, mieux c'est (les GIF sont limités à un maximum de 256 couleurs). Ne descendez à 128 ou moins si vous le devez, ou si votre GIF n'a pas beaucoup de couleurs pour commencer
- Dither : Le tramage disperse différents pixels de couleur dans une image pour donner l'impression qu'il y a des couleurs intermédiaires dans les images avec une palette de couleurs limitée. Des paramètres plus élevés donneront des images de meilleure qualité, mais augmenteront également la taille du fichier
- Avec perte : utilisez ce paramètre pour appliquer une baisse intentionnelle de la qualité. Un paramètre inférieur est préférable, mais une certaine perte de qualité peut être nécessaire pour rendre votre fichier suffisamment petit
- Taille : la modification des dimensions de votre GIF peut avoir un impact énorme sur la taille du fichier
Étape 5 - Enregistrez et partagez! Appuyez sur le bouton Enregistrer pour finaliser votre création. Une fois que cela est fait, 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 - Collectez les images fixes que vous souhaitez séquencer pour votre GIF et placez-les dans un seul dossier. Ensuite, dans Photoshop, cliquez sur Fichier> Scripts> Charger les fichiers dans la pile. À partir de là, cliquez sur Parcourir et sélectionnez les images sur votre bureau que vous souhaitez enchaîner dans un GIF.
Sélectionnez «OK» 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 inférieure et ainsi de suite.
Vous pouvez également créer chaque calque individuellement dans Photoshop lui-même, plutôt que de simplement télécharger par lots vos images fixes en tant que calques. Exécutez Photoshop et créez une nouvelle image en cliquant sur Fichier> Nouveau , puis en sélectionnant «OK». Ensuite, déverrouillez le calque d'arrière-plan en double-cliquant sur l'icône de verrouillage, créez un nouveau calque en ouvrant Calque> Nouveau…> Calque et concevez chaque image en conséquence. 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 simplement vos images fixes dans Photoshop, faites-les glisser dans votre nouveau projet et redimensionnez les calques nouvellement créés en conséquence à l'aide de Photoshop outil de transformation ( E dit> Transformation libre ouCtrl + T, puis faites glisser les coins pour redimensionner l'objet ).
Vous voulez que votre résultat final ressemble à ceci, avec chaque image de l'animation séparée comme un calque et classée chronologiquement de bas en haut:
Étape 2 - Maintenant que vous avez organisé vos couches en conséquence, vous pouvez commencer à séquencer vos couches. Encore une fois, ce processus varie en fonction de la version de Photoshop que vous utilisez. Si vous utilisez toujours CS5 ou une version inférieure (hé, nous ne jugerons pas), accédez à la fenêtre d'animation en ouvrant Fenêtre + Animation . De même, cliquez sur Fenêtre + Chronologie dans Photoshop CS6 et Photoshop CC pour accéder à la fenêtre Montage. Pour Photoshop CC, cliquez sur le menu déroulant au milieu de la fenêtre Montage et sélectionnez "Créer une animation d'image".
Une fois que vous avez ouvert l'outil de séquençage de Photoshop, cliquez sur la petite flèche orientée vers la droite dans le coin supérieur droit, puis sélectionnez Créer des cadres à partir de calques .
Vous pouvez également cliquer sur la flèche orientée vers la droite pour créer un nouveau cadre manuellement (ou vous pouvez simplement utiliser le raccourci clavier Ctrl> Maj> Alt> F ). À partir de là, utilisez l'icône en forme d'œil à côté de chaque calque pour masquer les calques que vous ne souhaitez pas voir apparaître dans le cadre que vous avez créé.
De là, utilisez le menu sous chaque image pour changer sa durée. Le menu dans le coin inférieur gauche dicte le nombre de fois que votre GIF sera rejoué - réglez-le sur Forever si vous voulez qu'il se déroule en boucle sans fin.
Étape 3 - 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 bref récapitulatif:
Dirigez-vous vers Fichier> Enregistrer pour le Web . N'oubliez pas de ne pas dépasser 1 Mo de votre GIF. Si nécessaire, modifiez les paramètres de couleur, de tramage, de perte et de taille jusqu'à ce que votre GIF ait été redimensionné en conséquence. Une fois que vous êtes satisfait, enregistrez votre nouveau GIF.
Comment créer un GIF animé en utilisant des images fixes (gratuitement)
Si vous n'avez pas accès à Photoshop, il existe des méthodes gratuites pour créer un GIF, bien que la qualité du produit final puisse ne pas être aussi élevée. Il existe divers programmes gratuits (tels que GIMP ou Pixlr) qui offrent les fonctions de base de Photoshop, vous permettant ainsi de créer des images fixes et de les lire en séquence, ainsi que des sites Web qui vous permettent de couper des GIF à partir d'une vidéo. Aucun de ces processus ne sera aussi efficace que Photoshop, mais ils sont moins chers et assez simples.
Utilisation d'images fixes
Il existe plusieurs applications intégrées au navigateur qui vous permettent de créer des GIF à partir d'une série d'images fixes. À 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 un GIF animé. Bien sûr, pour ce faire, il faudra un ensemble d'images qui fonctionnent en séquence. Pour ce faire, nous aurons besoin d'un substitut Photoshop gratuit. Nous utiliserons Pixlr dans cet exemple.
Étape 1 - La première chose à faire est de créer une nouvelle image. Choisissez la taille du canevas, mais gardez à l'esprit que plus la taille du fichier d'un GIF est grande, plus il se chargera lentement, alors essayez de réduire la quantité de choses que vous installerez sur la toile. Plus simple et plus petit est souvent meilleur.
É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 de 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.
L'animation consiste à lire une série d'images avec de légers changements pour donner l'illusion du mouvement, donc pour créer un GIF, vous devrez créer plusieurs images, chacune avec une légère variation par rapport à la dernière. Par souci de simplicité, ce gif n'aura que quelques cadres, donc il ne sera pas joli, mais il devrait illustrer le concept.
Étape 3 - Pour la prochaine image, nous allons faire 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.
Étape 3 - Ensuite, nous utiliserons l'outil Texte pour faire apparaître le texte et enregistrerons cette image comme troisième cadre.
Étape 4 - Ensuite, nous ajouterons du texte supplémentaire et l'enregistrerons comme quatrième cadre.
Étape 5 - Avec nos cadres prêts, nous les téléchargerons sur Ezgif. Sélectionnez l'onglet intitulé GIF Maker et cliquez sur le bouton Choisir les fichiers . Sélectionnez tous les fichiers image associés à votre GIF.
Étape 6 - Ensuite, cliquez sur le bouton intitulé Télécharger . 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 voulez que le GIF fasse une boucle.
Étape 7 - Une fois terminé, cliquez sur le bouton intitulé Animate it!
Votre GIF devrait alors apparaître, ainsi que des boutons pour le modifier ou l'enregistrer sur votre ordinateur.
Comment créer un GIF animé à partir d'une vidéo (gratuitement)
Si vous souhaitez utiliser un extrait de vidéo particulier pour un GIF, il existe de nombreux sites qui peuvent vous aider à les 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 que vous avez.
Étape 1 - L'utilisation de 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. Saisissez l'URL ou téléchargez votre vidéo et passez à l'étape 2.
Étape 2 - Une fois que vous avez fait cela, vous pourrez choisir le point de la vidéo où le GIF commencera et choisir la durée de fonctionnement du GIF. Vous pouvez également saisir une légende, si vous le souhaitez.
Étape 3 - Une fois que vous avez choisi ces éléments, cliquez simplement sur le bouton 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, y compris ImgFlip. Si vous voulez 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 la vidéo au 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 plus encore pour créer un GIF à partir d'une vidéo YouTube. Nous avons un guide étape par étape qui peut vous aider à créer de superbes GIF à partir de n'importe quelle vidéo YouTube, ici.
Et c'est tout! Vous êtes maintenant un gourou GIF (ou un GIF Jedi, si vous préférez la prononciation douce 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: avec une grande puissance vient une grande responsabilité; choisissez judicieusement vos moments et n'inondez pas vos amis avec un assaut écrasant de GIF de chat de basse qualité, aussi mignons qu'ils soient. Il y a un temps et un lieu, et la qualité l'emporte toujours sur la quantité. Le GIF peut être modeste, mais c'est aussi une légende; il mérite votre respect. Étudiez-le, pratiquez-le, maîtrisez-le.