Créer des GIF : les outils pour créer des gra­phiques animés et des clips courts

Une séquence comique tirée d'un film hol­ly­woo­dien, un geste qui résume une situation émo­tion­nelle, ou un graphique animé qui transmet un message de marque de façon concise : les clips courts et . Sur les pla­te­formes de médias sociaux telles que Facebook et Twitter, ils sont partagées des millions de fois. Les uti­li­sa­teurs des services de mes­sa­ge­rie WhatsApp et Snapchat échangent également de nombreux mèmes. Les GIF sont té­lé­char­gés sur les sites Web, y compris dans les news­let­ters ; ils agré­men­tent les articles de blog et attirent l'at­ten­tion des lecteurs.

Tout le monde les connaît, presque tout le monde les aime. Telle est la con­clu­sion d'une étude menée par Facebook, qui a examiné de près le service d'in­for­ma­tion de Messenger. Selon elle, 83% des jeunes du groupe cible utilisent des GIF. Toutefois, les images animées ne sont pas seulement ap­pré­ciées des jeunes, puisque les uti­li­sa­teurs âgés de 56 à 64 ans envoient aussi fré­quem­ment des GIF. Un autre chiffre illustre la 100 millions de personnes utilisent chaque jour Giphy, le plus grand moteur de recherche de GIF.

Pourquoi les GIF sont-ils si po­pu­laires ? Il existe dif­fé­rentes raisons à ce succès. D'abord, ils trans­met­tent un message court et concis. Ce format est donc par­ti­cu­liè­re­ment adapté aux messages chargés d'émo­tions dans les médias sociaux. De même qu’un émoji, touche au cœur d'une émotion ou d'une opinion en quelques secondes.

De plus, de nombreux GIF com­mu­ni­quent l'in­for­ma­tion de façon très di­ver­tis­sante, puisqu’ils per­met­tent d’illustrer et de commenter des nouvelles agréables, de beaux moments de vacances, des com­men­taires ironiques ou des blagues. C'est beaucoup plus rapide et plus facile qu'un long message texte. Une animation courte est aussi souvent plus ex­pres­sive qu'une image statique. Avec un minimum d'efforts, il est possible de trouver une animation dans les bi­blio­thèques de GIF, et l’on peut également créer un GIF soi-même.

Un film de plusieurs minutes dans le format vidéo habituel est gé­né­ra­le­ment trop long pour une dis­cus­sion in­for­melle, et peu adaptée à l'at­ten­tion, souvent courte, des uti­li­sa­teurs des médias sociaux. En outre, les formats vidéo exigent souvent un volume de données trop important sur mobile, en raison de la taille de leurs fichiers. Une animation au format GIF, re­la­ti­ve­ment courte, ne nécessite quant à elle qu'une petite quantité de données.

Les ca­rac­té­ris­tiques men­tion­nées ci-dessus font du GIF un outil pu­bli­ci­taire apprécié des spé­cia­listes du marketing, car un clip court peut être produit de manière plus rentable qu'une vidéo longue, et produit en GIF très ra­pi­de­ment. Les GIF intégrés dans les blogs per­met­tent à la fois de rendre les articles plus légers et d’in­té­res­ser les lecteurs. De courtes vidéos ou des logos animés peuvent également être utilisés pour véhiculer des messages de marque vi­suel­le­ment at­trayants. Vous pouvez également utiliser des GIF pour signaler fa­ci­le­ment les avantages d'un nouveau produit ou service.

Ceux qui en­tre­tien­nent plusieurs médias sociaux peuvent ra­pi­de­ment les remplir avec du contenu in­té­res­sant et facile à partager en utilisant des GIF. Et si elles sont bien faites, les ani­ma­tions pro­dui­sent parfois un effet viral et aug­men­tent la portée de votre message.

Un extrait d'une série populaire, un moment spécial comme une vidéo chargée d'émotion, une sta­tis­tique animée, la mascotte de la compagnie comme animation, les GIF peuvent être utilisés de plusieurs façons. Les ci­né­ma­graphes cons­ti­tuent une variation par­ti­cu­liè­re­ment ar­tis­tique des GIF : seuls les détails in­di­vi­duels sont animés, tandis que le reste de l'image est conçu comme une nature morte. Presque toutes les formes de GIF attirent l'at­ten­tion et sont donc par­fai­te­ment adaptées à la pré­sen­ta­tion de produits dans une boutique en ligne ou une bannière pu­bli­ci­taire.

Le degré d'effort requis pour créer un GIF dépend en grande partie des images qui serviront de base : si vous avez déjà les images ou si vous devez en­re­gis­trer une vidéo ou plusieurs images vous-même, le temps ne sera pas le même. Les effets spéciaux cons­ti­tuent un avantage certain, mais ils né­ces­si­tent une mise en œuvre plus longue.

La plupart des pro­grammes de retouche d'images offrent au moins les ca­rac­té­ris­tiques suivantes qui sont également im­por­tantes pour la création de GIF :

• Créer une boucle : de nombreux outils vous per­met­tent de définir un mode de ré­pé­ti­tion pour les séquences d'images. Vous pouvez également spécifier le nombre maximum de ré­pé­ti­tions.
• Insérer du texte : le texte effacé fournit des in­for­ma­tions sup­plé­men­taires et garantit que le message désiré parvienne au lecteur. Vous pouvez également définir la durée d'af­fi­chage d'une seule image avec texte. Par exemple, pour mettre en évidence l'image avec le moment décisif, la séquence d'images peut être retardée. D'autre part, un chan­ge­ment rapide d'image crée la sensation de vitesse.
• Régler la cadence des images : afin que le fichier reste léger, il est gé­né­ra­le­ment re­com­mandé de réduire le nombre d'images. Veillez cependant à ce que votre GIF ne présente pas de défaut en raison d'un nombre d'images trop restreint.
• Slow motion : la plupart des outils proposent également cette fonction. Ils font ap­pa­raître les séquences de mouvement comme si elles se dé­rou­laient au ralenti.

La première étape pour créer un GIF est de trouver les images adaptées à votre projet. La façon la plus simple est de recycler les vidéos ou pho­to­gra­phies exis­tantes. Lorsque vous visionnez vos images, re­cher­chez une scène courte ou des motifs adaptés à une séquence d'images in­té­res­sante. La scène et le motif doivent cor­res­pondre à l'ob­jec­tif et à la cible : par exemple, des scènes hu­mo­ris­tiques sur la page d'accueil d'un con­seil­ler fiscal peuvent sembler douteuses. Dans les pu­bli­ca­tions Facebook d'un magazine de jeux, cependant, ils peuvent tout-à-fait être ap­pro­priés.

Souvent, il n'est même pas né­ces­saire de créer en­tiè­re­ment vos propres GIF vous-mêmes. Vous pouvez également trouver les GIF finis sur de nom­breuses bases de données en ligne. Vous pouvez y té­lé­char­ger des GIF ou les intégrer sur d'autres pla­te­formes grâce à des liens.

Cependant, cette approche se heurte souvent à des obstacles ju­ri­diques, tout comme les GIF des archives po­pu­laires Giphy. Bien que Giphy présente une certaine souplesse légale grâce à des coo­pé­ra­tions, il n'est pas ab­so­lu­ment certain que les uti­li­sa­teurs de Giphy qui y té­lé­char­gent des GIF soient certains que les droits de leur auteur ont été protégés.

Il existe un certain nombre d'outils en ligne que l’on peut utiliser pour créer des GIF. Certains de ces pro­grammes sont également dis­po­nibles sous forme d'ap­pli­ca­tions mobiles. Ceci permet de convertir di­rec­te­ment en GIF une vidéo en­re­gis­trée avec un smart­phone et de l'envoyer via un service de mes­sa­ge­rie. Voici trois outils que vous pouvez utiliser pour créer des GIF en ligne.

Giphy possède non seulement une im­por­tante bi­blio­thèque GIF, mais propose également un programme gratuit pour créer des GIF. On ouvre l'ap­pli­ca­tion basée sur le na­vi­ga­teur GIF MAKER en cliquant sur Create dans le menu. Il n'est pas né­ces­saire de s’inscrire. Pour créer un GIF animé, il existe trois options :

• Un diaporama de plusieurs images in­di­vi­duelles
• Un clip de votre propre vidéo
• Des extraits de matériel vidéo de YouTube, Vimeo ou des archives Giphy

Ensuite, quelques étapes suffisent pour créer un GIF, à partir de du matériel graphique que vous aurez choisi :

1. Il faut d’abord dé­ter­mi­ner s’il s’agit d’un GIF créé à partir de pho­to­gra­phie, vidéo ou d’une URL vidéo, en sé­lec­tion­nant l’une des trois options. Il vous sera alors demandé de té­lé­char­ger un fichier ou d'entrer le lien vers la vidéo YouTube sé­lec­tion­née dans la barre de recherche.
   
   
2. Vous pouvez ensuite utiliser un curseur pour régler la durée d'af­fi­chage de chaque image ou séquence vidéo et, si né­ces­saire, ajouter d'autres images. La séquence peut également être modifiée.
   
   
3. Ensuite, il est possible, en option, d’ajouter un sous-titre ou des effets spéciaux, créés au préalable dans l'espace de travail à droite. Vous pouvez ajouter du texte, des stickers (gra­phiques animés) ainsi que vos propres dessins, et utiliser un filtre. Pour placer les dif­fé­rents éléments, faites-les sim­ple­ment glisser dans la zone de l'image avec la souris.
   
   
4. Ensuite, il est possible d’insérer des URL et des balises. Vous dé­ter­mi­nez également si vous souhaitez mettre votre GIF à la dis­po­si­tion du public ou le conserver uni­que­ment pour un usage privé.
   
   
5. Le bouton upload permet de créer le GIF. Enfin, il est possible d'en­re­gis­trer le résultat sur votre propre or­di­na­teur. Si vous possédez un compte Giphy et que vous l'avez lié à vos comptes de médias sociaux, vous pouvez partager le GIF im­mé­dia­te­ment. Vous pouvez aussi intégrer le GIF dans un post Facebook ou un twit en cliquant sur le lien.

Il est également possible d‘utiliser Giphy sur mobile et, grâce à un smart­phone, trans­for­mer ra­pi­de­ment des images et des vidéos en GIF. L’ap­pli­ca­tion Giphy Cam est dis­po­nible pour iPhone et Android, et fonc­tionne exac­te­ment comme la version Web. Par ailleurs, l’ap­pli­ca­tion facilite l’in­té­gra­tion de chaque photo ou vidéo en GIF. Par exemple, le mode rafale prend au­to­ma­ti­que­ment cinq images et les relie pour créer une courte séquence vidéo. Pour créer l'il­lu­sion du mouvement, la séquence d'images est trans­for­mée en vidéo hy­per­lapse.

Le programme de création de GIF Imgflip existe en version gratuite et payante (Imgflip Pro). La version étendue présente un avantage certain par rapport à la version gratuite, puisqu'il n'y a pas de res­tric­tions en termes de taille et de durée du GIF. Cette version permet également de masquer le filigrane avec lequel Imgflip marque au­to­ma­ti­que­ment chaque GIF.

De même qu’avec Giphy, Imgflip permet de choisir parmi trois options : si vous choi­sis­sez un clip court ou une séquence d'images à partir de plusieurs photos, cliquez sim­ple­ment sur les onglets cor­res­pon­dants. Le bouton upload permet de té­lé­char­ger les images que vous souhaitez utiliser à partir de votre disque dur. Pour utiliser le matériel d’une pla­te­forme de vidéo, il vous suffit de rentrer l’URL de la vidéo que vous souhaitez utiliser dans l’onglet Video to GIF ; vous ob­tien­drez ainsi un aperçu. Il est important que la taille de la vidéo ne dépasse pas 25 Mo. Pour tra­vail­ler avec des vidéos plus lourdes, il est né­ces­saire de disposer de la version payante.

Imgflip propose aux uti­li­sa­teurs de nom­breuses fonc­tion­na­li­tés pour tra­vail­ler leurs GIF :

• Delay : cette fonction vous permet de régler la durée d'af­fi­chage des images ou séquences vidéo in­di­vi­duelles. Il suffit de faire glisser le curseur pour changer la vitesse de la séquence d'images. Pour les vidéos, vous devez également définir un point de départ et d'arrivée, qui fonc­tionne grâce à une ligne de temps avec des curseurs. Si vous utilisez la version gratuite, le GIF ne peut excéder 20 secondes.
  
  
• Wide and height : la largeur et la hauteur peuvent être ajustées en précisant une valeur de pixel désirée. Vous pouvez également utiliser la fonction Crop GIF pour sé­lec­tion­ner une section spé­ci­fique de l'image qui sera utilisée pour le GIF. Dans une fenêtre de pré­vi­sua­li­sa­tion, vous pouvez vi­sua­li­ser di­rec­te­ment les mo­di­fi­ca­tions.
  
  
• Quality (pour la con­ver­sion d’images en GIF) : la qualité d'image est réglable sur une échelle de 1 à 10. Cependant, la meilleure qualité d'image (valeur 1) est associée à une taille de données élevée, donc une valeur moyenne re­pré­sente en général le meilleur choix.
  
  
• More Options : ce menu vous permet d’apporter d'autres amé­lio­ra­tions. Ceci s'ap­plique, par exemple, à la couleur de fond ou à la spé­ci­fi­ca­tion d'un nombre maximum d'images par seconde.
  
  
• Add text to GIF : cette fonction permet d’ajouter du texte, comme des sous-titres ou un slogan pu­bli­ci­taire.
  
  
• Auto Arrange : vous souhaitez changer l'ordre des images ? Il suffit de faire glisser l'image avec la souris jusqu'à la position souhaitée.

Lorsque vous êtes satisfait du résultat, cliquez sur le bouton Generate GIF. En général, il suffit d'at­tendre quelques secondes pour créer le GIF. Si des mo­di­fi­ca­tions sont encore né­ces­saires, vous pouvez revenir à l'édition de l'image en cliquant sur le bouton Change settings. Pour sau­ve­gar­der le GIF terminé, vous pouvez le té­lé­char­ger en cliquant sur le bouton Download Image.

GIFMaker est une ap­pli­ca­tion Web en­tiè­re­ment gratuite qui permet de créer des GIF très fa­ci­le­ment mais uni­que­ment à partir d’images. C’est un outil très simple mais dont les options sont re­la­ti­ve­ment limitées ; il est donc idéal pour les débutants ou pour créer des petites séquences.

1. Il faut commencer par importer une image de votre disque dur. Le programme est com­pa­tible avec les formats JPG, PNG, GIF, PSD et BMP. Il est possible d’importer jusqu’à 200 images.
   
   
2. La seconde étape permet de re­di­men­sion­ner votre GIF, de modifier sa vitesse ainsi que l’ordre des images. En outre, il est possible de choisir de conserver ou non les pro­por­tions. Une fenêtre de pré­vi­sua­li­sa­tion vous permet de voir les mo­di­fi­ca­tions en direct.
   
   
3. Enfin, il est temps de créer votre GIF puis de le té­lé­char­ger sur votre or­di­na­teur en quelques secondes. GIFMaker étant très attaché à la pro­tec­tion des données per­son­nelles, le programme précise que vos images seront sup­pri­mées de sa base de données dans les heures suivantes.

Créer des GIF hors ligne sur PC ou or­di­na­teur portable

Comment créer un GIF hors ligne ? C’est facile grâce aux ap­pli­ca­tions de bureau ap­pro­priées, car elles per­met­tent de créer des GIF sans connexion Internet, sim­ple­ment à l'aide d'un programme de trai­te­ment d'image installé sur l'or­di­na­teur. Ce type de programme offre souvent une plus grande liberté de con­cep­tion que les ap­pli­ca­tions en ligne. Vous pouvez per­son­na­li­ser les chan­ge­ments et les effets et, grâce à de nom­breuses fonctions, effectuer dif­fé­rents réglages d'image.

Photoshop est ex­trê­me­ment po­ly­va­lent et offre un éventail de fonc­tion­na­li­tés im­pres­sion­nant. Cependant, le programme est très coûteux, hormis une version d'essai qui ne dure que quelques jours.

Le tutoriel suivant explique comment créer un GIF avec Photoshop. Attention toutefois, les noms des dif­fé­rentes fonctions et commandes peuvent différer selon la version utilisée.

Tout d'abord, il s’agit de créer des images pour l'ani­ma­tion GIF : il s’agit d’images in­di­vi­duelles, qui sont affichés plus tard dans une certaine séquence et pour une durée pré­dé­fi­nie. Si vous souhaitez convertir une scène vidéo en GIF, vous devez au préalable diviser la vidéo en images. Pour ce faire, sé­lec­tion­nez la fonction Images vidéo dans les calques (ou Video frames to layers) lors de l'im­por­ta­tion du fichier vidéo. La vidéo est alors au­to­ma­ti­que­ment divisée en images, et chacune d’entre elle est assignée à un calque distinct.

Si, d'autre part, vous souhaitez créer un GIF à partir de plusieurs images fixes, sé­lec­tion­nez la fonction Fenêtre puis His­to­rique dans la barre de menu du haut. Si vous n'uti­li­sez pas la version actuelle (CC 2017), sé­lec­tion­nez le bouton Animation à la place. Dans la fenêtre d’his­to­rique, il faut ensuite créer un nouveau calque pour chaque image. Tous les niveaux sont alors affichés dans une barre en bas de l'écran. L'avan­tage des calques est que vous pouvez afficher et masquer des images une par une à tout moment.

De cette façon, il est possible de tester quelles sont les images in­dis­pen­sables. Pour les vidéos, il est re­com­mandé de procéder à une sélection ri­gou­reuse. Les fichiers com­por­tent en général 24 images par seconde. Bien que le format GIF comprime la taille du fichier, 24 images par seconde prennent beaucoup d'espace de stockage ; il est donc né­ces­saire de faire une sélection. Si vous n'uti­li­sez qu'une image sur deux ou trois, la qualité vidéo est encore suf­fi­sante. Il est déjà possible de définir un plus petit nombre d'images lors de l'im­por­ta­tion d'images. Enfin, il est aussi né­ces­saire de supprimer également les séquences qui ne sont pas in­té­res­santes pour l'ani­ma­tion GIF.

Une fois la série d'images créée, il est possible de régler la durée d'af­fi­chage de chacune d’entre elles. Si l’on ralentit le chan­ge­ment d'image et, par exemple, si l’on affiche une image de 0,10 seconde, il y a moins d'images au total. Ceci fonc­tionne de façon fluide jusqu'à une valeur de 0,2 seconde par image. Le nombre d'images est ainsi réduit à cinq images par seconde. Pour régler la durée d'af­fi­chage, il faut remplir le champ de saisie situé sous chaque image, et régler l’option de sélection pour définir la valeur de temps souhaitée.

Vous ne souhaitez afficher l'ani­ma­tion GIF qu'une seule fois, en boucle illimitée ou en boucle d'une minute ? Pour régler ces pa­ra­mètres, il suffit de se rendre dans la barre d'outils en bas de la fenêtre d'édition : vous y trouverez un menu con­tex­tuel qui permet de spécifier la fréquence de lecture de l'ani­ma­tion. Dans cette zone, vous trouverez également un bouton de lecture, qui permet de vi­sua­li­ser un aperçu en direct.

Une fois la séquence d'images définie, vous pouvez vous con­cen­trer sur les effets spéciaux et effectuer d'autres réglages. Pour ce faire, tous les outils Photoshop sont à votre dis­po­si­tion. Par exemple, vous pouvez utiliser un calque texte sup­plé­men­taire pour sous-titrer la vidéo GIF.

Le programme de trai­te­ment d'images GIMP ne con­cur­rence pas Photoshop en termes de fonc­tion­na­lité, mais il est dis­po­nible gra­tui­te­ment et permet également d'animer des photos et des gra­phiques. Il existe pour ce faire deux pos­si­bi­li­tés : si l’on souhaite créer un GIF à partir de ses propres images et le concevoir de façon in­di­vi­duelle, il est né­ces­saire de créer son propre modèle ainsi qu’un calque séparé pour chaque image. En revanche, c'est plus facile avec un modèle GIMP existant pour dif­fé­rents styles d'ani­ma­tion. Voici la marche à suivre dans ce cas :

1. Commencer par créer une nouvelle image, puis sé­lec­tion­nez les séquences que vous voulez animer et importez-les dans le programme.
   
   
2. Sé­lec­tion­nez ensuite un style d'ani­ma­tion : allez dans la barre de menu du haut et cliquez sur Filter. Dans le menu Animation, vous avez le choix entre cinq styles dif­fé­rents.
   
   
3. Vous avez ensuite la pos­si­bi­lité d'ef­fec­tuer des pa­ra­mé­trages in­di­vi­duels dans la fenêtre script-fu qui s'ouvre au­to­ma­ti­que­ment (par exemple, vous pouvez spécifier le nombre d'images). Après avoir confirmé avec OK, GIMP créera au­to­ma­ti­que­ment une animation GIF en plusieurs calques à partir de vos images.
   
   
4. Si vous voulez voir un aperçu, cliquez sur Play animation dans le même menu. Pour apporter d'autres mo­di­fi­ca­tions, il faut à nouveau recourir à la fenêtre Script-Fu.
   
   
5. Utilisez enfin la fonction File pour exporter l'ani­ma­tion en GIF. Lors de l'ex­por­ta­tion, il est important de cocher l'option As animation dans la boîte de dialogue qui s'ouvre. À ce stade, vous pouvez également spécifier si le GIF doit être joué en boucle.

Lorsque l’on crée son propre modèle, on dispose d’encore plus de liberté de con­cep­tion :

1. Commencez par démarrer un nouveau projet.
   
   
2. Créez un calque pour chaque image ou vidéo. Pour ce faire, la solution la plus simple est de créer un modèle. Il convient ensuite, pour la première image, de pa­ra­mé­trer les réglages qui s'ap­pli­que­ront à la plupart des visuels de votre animation. Utilisez la fonction Scale images pour régler la taille et la qualité de l'image, afin de garder une taille du fichier aussi petite que possible. Créez ensuite un calque pour l'image et utilisez la méthode de rem­plis­sage Trans­pa­rence pour l'arrière-plan du calque grâce à la fenêtre Pro­prié­tés des calques.
   
   
3. Il convient ensuite de renommer les calques selon le modèle suivant : Nom de fichier (x ms) (replace), par exemple : Bannière pu­bli­ci­taire (200 ms) (replace). Les pré­ci­sions entre pa­ren­thèses après le nom du fichier désignent le temps d'in­ser­tion de la trame, en mil­li­se­condes. La commande replace est né­ces­saire pour que l'image pré­cé­dente soit cachée lors de l'af­fi­chage du calque suivant, ce qui permet d'obtenir une séquence d'images claire.
   
   
4. Dupliquer le modèle fini en sé­lec­tion­nant la fonction Dupliquer le calque dans la barre de menu su­pé­rieure au-dessus de l’onglet Calque. Les calques dupliqués sont ensuite affichés l'un après l'autre dans la fenêtre d'édition d'image. Notez que le calque inférieur cor­res­pond à la première image du GIF. Si vous souhaitez que les calques soient iden­tiques, aucune autre ma­ni­pu­la­tion n’est né­ces­saire. Sinon, vous pouvez modifier chaque calque ul­té­rieu­re­ment et retarder la séquence d'images, par exemple en aug­men­tant le temps de fondu enchaîné.
   
   
5. Pour vérifier le résultat, il est possible de le pré­vi­sua­li­ser. Cette fonction est dis­po­nible dans la barre de menu su­pé­rieure. Sé­lec­tion­nez le bouton Animation via l'option Filtre puis Jouer l'ani­ma­tion.
   
   
6. Pour sau­ve­gar­der l'ani­ma­tion et régler le nombre de ré­pé­ti­tions, procédez comme décrit dans l’étape 5.