Webdesign

Créer un GIF : 8 conseils et outils

Réussir GIF
Publié par Camille

Les GIF ou Graphics Interchange Format sont actuellement partout, sur les réseaux sociaux, les pages de blogs, dans les newsletters, etc. C’est un format d’image numérique destiné à produire des effets d’animation sur le web, à travers les messageries et les textes.

 

Près de 500 milliards de gifs circuleraient sur le web !

Et si, plutôt que de chercher des GIFs préparés par d’autres qui correspondent vaguement au message que vous voulez faire passer, vous créiez vos propres animations avec vos images et votre texte ?

Voici les conseils à suivre pour réussir cette transformation numérique vous seront disponibles à travers cette page, mais nous allons commencer par parler des gifs en général.

 

Pourquoi créer un gif ?

Créer un gif permet d’obtenir un modèle correspondant exactement à vos attentes. Bien qu’en tapant dans les bases de données des plateformes de gif vous pouvez obtenir un embarras de choix de modèles, cela ne suffit pas lorsque vous avez besoin d’une animation précise.

Actuellement, la personnalisation est tout autre chose dans la création de gif ! A titre d’exemple, vous pouvez vous inspirer d’un extrait de film ou d’un dessin animé qui a marqué un grand nombre de monde (drôle, intimidant, sarcastique, triste, incitant à, etc.), et vous allez ensuite l’utiliser pour créer une animation. Le gif sera donc nettement plus impactant qu’un simple modèle exprimant une émotion. Ce n’est pas tout ! Dans le même objectif de personnalisation, vous pouvez aussi vous inspirer d’un acteur ou d’un personnage célèbre pour avoir le même effet qu’avec ces extraits susvisés. Ce sera dans le rôle du personnage que le message de l’animation sera transmis. Il est donc évident que la personnalisation est beaucoup plus intéressante lorsque vous avez le temps de créer votre propre stock de gifs, et vous pouvez obtenir des résultats que vous ne trouverez pas dans des plateformes.

 

Les étapes pour créer un gif

1. Déterminez l’objectif du gif

Avant de commencer à créer un gif parfait, il est nécessaire de se poser les bonnes questions.

Votre Gif aura-t-il pour objectif d’animer les différentes parties des contenus de votre blog ou aura-t-il plutôt comme intérêt d’animer et d’illustrer des offres commerciales avec un objectif de convaincre le lecteur de poursuivre son chemin dans le tunnel d’achat de votre site ?

Il est important de déterminer cela avant de commencer à créer vos gifs pour ne pas faire du hors-sujet lorsque vous les insérerez à vos contenus et pour respecter votre stratégie de communication.

 

2. Le gif doit attirer l’œil

Source : Frederic_db (Graphiste.com)

Un GIF, c’est quelques secondes pour attirer l’attention et quelques images qui tournent en boucle. Vous devez vous concentrer sur l’essentiel pour convaincre.

Le visuel comme le message doivent être pertinents, décalés, amusants, etc. Il faut que les gens aient envie de les regarder, plusieurs fois dans le meilleur des cas.

Un bon GIF est un condensé de sens du rythme, d’images percutantes et d’animation fluide. Un défi qui demande à la fois de l’œil et de l’audace.

 

3. Limitez le poids du gif pour son chargement

Source : adrien_bonnier (Graphiste.com)

Les GIF sont souvent mis en avant sur les réseaux sociaux. Attention cependant à ce qu’ils ne soient pas trop lourds, sinon les internautes ne patienteront jamais assez longtemps pour le voir commencer à tourner.

Pour limiter leur poids, évitez les dégradés de couleur ou les pixels semi-transparents qui perdront tout leur impact une fois le fichier compressé.

 

4. Pensez multicanal

Source : KanyaMao (Graphiste.com)

Concevez vos GIF afin qu’ils restent aussi pertinents quel que soit le support sur lequel ils sont visionnés.

Le plus sûr est de les préparer pour les écrans les plus petits, en général sous format carré pour qu’ils puissent ensuite être utilisables sur tous les réseaux.

 

5. Utilisez les outils avec lesquels vous êtes à l’aise

Il existe de nombreux logiciels qui permettent de concevoir des GIF :

  • Photoshop reste bien sûr le plus connu pour la plupart des designers et même les novices trouveront de nombreux tutoriels, notamment sur YouTube.
  • After Effects permet des animations encore plus précises.
  • Et, pour transformer une vidéo en GIF, vous pouvez vous appuyer sur Giphy.

Dans le classement des meilleurs outils, nous mentionnons tout de même GIFCreator, Gif Maker, Youtube to Gif, Gickr, Video to Gif et enfin Make a gif. Découvrez en plus sur ces outils plus intéressants les uns que les autres en découvrant notre article spécialement dédié.

Dans tous les cas, il est préférable, pour vos premières expériences dans ce domaine, de commencer par des GIF simples où vous apprendrez à décomposer les mouvements et les transitions.

 

6. N’oubliez pas l’accessibilité

C’est un sujet qui n’est pas encore assez exploré dans le monde du design, mais rendre un GIF accessible à tous, c’est aussi prévoir un court texte qui le décrit (même juste sous forme d’une balise Alt) pour ceux qui, pour une raison ou une autre, ne peuvent pas le visionner.

 

7. Décidez comment tourneront vos boucles

Source : Climbingfx (Graphiste.com)

De nombreux GIF tournent en boucle une fois lancés. C’est une bonne pratique mais qui peut être fatigante pour la vue. L’usage est de limiter le nombre de ces boucles pour qu’elles s’arrêtent automatiquement après trois tours en moyenne.

Vous pouvez aussi jouer de cet effet boucle, de telle sorte qu’il soit presque impossible de déterminer quand elle commence et quand elle se termine, à la manière d’une histoire sans fin. Elles auront ainsi un effet presque hypnotique qui poussera les internautes à les regarder plus longtemps… et donc à s’imprégner de votre message.

 

8. Convertissez vos animations mp4 en GIF

Créer un Gif peut aussi se faire à partir d’une animation mp4 que vous détenez sur votre ordinateur. Mais comment la transformer en gif pour vos contenus ? De nombreux outils existent, payants ou gratuits pour vous aider à convertir une vidéo mp4 en gif.

MP4toGif

En quelques clics, convertissez votre vidéo au format MP4 en un gif pour votre nouvelle campagne emailing, blog ou site web !

Avantage : Vous avez la possibilité d’insérer un filtre couleur et image. Un autre ? Il est entièrement gratuit !

FreeMakeVideoConverter

Simple d’utilisation, cet outil en ligne vous permet de convertir vos fichiers mp4 en gif et 500 autres formats, gratuitement !

Source : Frederic_db (Graphiste.com)

Online-Convert

Online-Convert vous permet de convertir vos vidéos en vous proposant une liste de paramètres facultatifs comme :

  • Le niveau de compression du fichier
  • Le choix d’un préréglage
  • Sa taille en pixels
  • Sa couleur : colorisé, gris, monochrome, négatif, années 80, années 1900
  • Etc.

Convertio

A partir de vos fichiers, de Dropbox, Google Drive ou d’une URL, déposez sur Convertio votre vidéo mp4 inférieure ou égale à 100MB pour la convertir en GIF.

Avantage : Vous pouvez choisir de convertir votre fichier en GIF ou de choisir parmi les 200 autres formats de sortie supportés.

 

 

Les meilleures bibliothèques de gif si vous n’avez pas le temps de créer un gif

La création et la personnalisation sont les meilleurs moyens d’obtenir le gif susceptible de répondre au mieux à vos besoins, comme susvisé ! Néanmoins, si vous n’avez pas le temps d’en créer, voici la liste des bibliothèques de gif qui pourront être à la hauteur de vos attentes.

Giphy

Giphy est la référence en matière de gif animé ! C’est un moteur de recherche simple, mais très pratique. Il vous suffit d’insérer les mots clés correspondant au style du gif souhaité dans les barres de recherche, et vous obtenez un grand nombre de résultats. Aussi, vous pouvez rechercher des noms d’artiste ou des thèmes spécifiques pour obtenir un résultat précis.

Il est important de souligner que Giphy n’est pas qu’une bibliothèque de recherche, mais vous pouvez également y déposer vos créations afin de nourrir la base de données.

Le partage de GIF animé peut tout simplement être fait via Facebook, Twitter, Instagram, Reddit, Pinterest, ou Tumblr. Il vous est également possible d’utiliser un code Embed pour faire le partage.

La source et les caractéristiques de chaque GIF sont toujours indiquées. Il y a notamment le nom du créateur, les dimensions du gif, le nombre d’images et le poids.

 Reaction GIFs

Reaction GIFs vous propose un service de moteur de recherche classique, mais avec un grand stock de modèles dans ses bases de données. Il y a notamment un large choix de sélection de GIFs qui peut correspondre à vos émotions, ou encore répondre à des questions. Que vous soyez surpris, triste, frustré ou amusé, la base de données vous offrira un résultat adapté à chacune de ces situations.

Tenor

Racheté par Google en 2018, Tenor est un moteur de recherche de GIFs animés qui représente d’excellentes alternatives. Tout comme ses concurrents, Tenor dispose d’une barre de recherche, auquel il vous est possible d’indiquer des mots-clés en vue d’obtenir un résultat précis.

Pour sa particularité, la plateforme donne accès à une multitude de clips, téléchargeable en version HD. Vous pouvez également partager ces derniers via Facebook, iMessages, Reddit, Pinterest, Twitter ou Tumblr. Mais encore, il vous est possible de copier le code Embed ou le lien du GIF afin de l’intégrer directement. Les détails du gif animé seront notamment à votre disposition (dimension, taille du fichier, etc.).

Pour plus de praticité, Tenor vous propose aussi une application mobile donnant directement accès au moteur de recherche de la plateforme. Elle est appelée GIF Keyboard, et la versions est disponible sur Android et iOS. Vos textes à envoyer pourront donc être personnalisés sur le mobile.

Gfycat

Gfycat est une bibliothèque de gif animé qui se repose sur l’intelligence artificielle pour répondre à toutes les demandes. Les contenus sont de très bonne qualité et ils sont téléchargeables au format SD ou HD. Il vous suffit également de taper des mots clés sur la barre de recherche de cette plateforme pour obtenir un résultat correspondant à vos attentes. Vous pouvez directement partager le gif sur Facebook, Discord, Pinterest, Reddit ou Twitter, et l’utilisation du code Embed aussi possible. La particularité de la plateforme est le type de gif audio, qui prévoit une bande sonore d’origine destiné à un contenu exclusif.

Aussi, vous pouvez créer vos propres gifs sur une application macOS avec Gfycat.

Gifbin

Tout comme les autres plateformes, Gifbin est un outil qui vous permet d’obtenir un GIF animé en effectuant des recherches par mot-clé. Mais elle dispose d’une autre particularité, car elle vous propose les animations les mieux notées et les nouveaux modèles de gif. A votre tour, vous pouvez également noter les animations et les partager via un code Embed.

 

Notre astuce

Les GIF sont revenus sur le devant de la scène mais il y a encore de nombreuses choses à tenter les concernant.

Vous possédez maintenant les bases pour commencer à réfléchir aux vôtres. Dans l’idéal, avant de les concevoir, vous préparerez un mini story-board, comme pour une vidéo… Et ensuite vous pourrez les réaliser.

Comme pour tout support visuel, réfléchissez au préalable au message que vous voulez faire passer et à la cible visée : une licorne qui s’envole sur un arc-en-ciel ne sera peut-être pas du goût de tout le monde.

Il est désormais assez courant de créer ses propres gif pour s’exprimer sur les réseaux sociaux, notamment sur Twitter. Néanmoins, si vous n’avez pas le temps de le faire, vous pouvez toujours vous tourner vers un graphiste freelance en postant une annonce gratuitement sur Graphiste.com afin d’obtenir des propositions de professionnels qui sauront répondre à vos besoins.