Comment créer ultra rapidement un GIF animé

Au-delà du côté humoristique ou délirant très répandu que les images au format GIF animé représentent, j’aime assez la façon dont certains blogueurs illustrent leurs articles avec de petites animations réalisées sous cette forme, en fait une succession d’images qui défilent plus ou moins rapidement pour expliquer une manipulation à faire sur un application Web, un utilitaire, etc.
Il existe une multitude d’outils pour réaliser ce genre d’animations, mais la plupart du temps ils ne sont guère ergonomiques, leurs développeurs confondant allégrement logiciel de création vidéo et utilisation ludique de quelque chose qui devrait être simplissime qui consiste tout simplement à afficher les unes à la suite des autres des images pour créer la sensation d’une animation.
Avec l’outil en ligne Mothereffinganimatedgif, on ne peut pas trouver plus simple pour créer en quelques secondes une petite animation à partir de quelques images. L’application a été développée en HTML 5. Pour créer son animation sous forme d’un GIF animé, il suffit tout simplement de faire glisser dans la zone de dépôt « Drag and Drop images here » quelques images que l’on souhaite animer.

creation-gif-anime

Deux réglages sont disponibles :

Width pour régler la largeur des vignettes de l’animation GIF et Frame Delay pour définir le délai d’affichage entre deux images de l’animation. Une fois que toutes les images sont en place (l’outil autorise la réorganisation des images dans l’animation), on clique sur le bouton Animate pour lancer l’encodage de l’animation.

creation-simple-gif-anime

On récupère le fichier GIF en cliquant sur le bouton Download Gif ou en faisant un clic droit de souris sur la prévisualisation de l’animation ou en la publiant sur Imgur.

gif-anime-exemple

Évidemment, plus il y a d’images dans l’animation GIF, plus le fichier final a un poids important. Il est donc recommandé d’utiliser ce genre d’animations avec parcimonie.
Pour les plus curieux, les sources de l’application sont disponibles sur GitHub.

Source : Mothereffinganimatedgif

Les commentaires sont fermés.