Comment faire un gif animé de bonne qualité

theGimp;mtPaint;gifsicle;ImageMagick;UnFreez;GiftedMotion;Photofiltre;Gif Récupérateur
 
il est à Paris,Stockholm,Madrid et Kinshasa
quand vous arrivez sur cette page
 

        

<a href="http://www.wubijacq.com/creerungifanime/index.html"><img border=1 src="http://www.wubijacq.com/accueil/bv000014.jpg"/</a></a>
code: bouton facile à copier-coller dans une page web (entre des balises HTML)

                The Gimp fait aussi des animations GIF



unionjack-flagenglish  Promo de the Gimp avec www.wubijacq.com et simple-graphique.xooit.fr  Julie a créé cette animation avec the Gimp à partir de frames en format JPG ,  et j'ai eu recours à Animated Gif Resizer pour le redimensionnement  du gif animé de Julie afin de l'installer dans cette page 
Avec the Gimp méthode avec des frames en png au départ  : vidéo .ogv de bonne qualité uploadée  sur Wikipedia commons : tuto-animation01.ogg
   
Avec Gimp 2.6 animation GIF obtenue à partir de frames JPG

Quelques logiciels à installer dans votre PC

                   

pour créer vos propres gif animés


en application graphique ou en table de commandes

Qu'est-ce qu'un gif ?

Gif est un format d'image bitmap. Les images bitmap ou images matricielles sont composées de pixels placés les uns au bout des autres que l'on observe sous forme de petits carrés en les agrandissant  en oppositions aux images vectorielles composées de formes géométriques qui ne se déforment pas en changeant de dimensions. Parmi les images bitmap le plus fréquemment rencontrées sur le ouaibe vous avez donc celles en format gif mais aussi le format bitmap propremernt dit, les format png, jpg, jpeg....Les images vectorielles plus rares sont au format svg. Gif compuserve de son vrai nom et dont le brevet d'exclusivité a expiré (vous pouvez librement les télécharger) comprend gif compuserve87a et gif compuserve89a qui gére la transparence. Si vous voulez faire un gif animé à fond transparent vous avez intérêt à ce que toutes vos frames gif soit au format gif89a et pour cela utiliser XnView ou XnViewMP qui convertit automatiquement dans ce format précis

flop.gif  le gif animé du papillon palpitant  

flop.gif
Un gif animé est une animation composée d'images (frames) en format GIF . Déjà depuis les premiers films muets pour faire une image qui bouge (movies) il faut plusieurs images que j'appellerai "frames" et un certain délai "séquençage" entre l'apparition de chaque frame pour donner cette illusion visuelle     

 

Ci-dessous les frames devraient être au format gif , mais le support de l'éditeur TOWeb les a convertis au format.jpg !     

arrière-plan

flop.gif.000

calque-1

flop.gif.001

calque-2

flop.gif.002

calque-3

flop.gif.003

calque-4

flop.gif.004

calque-5

flop.gif.005

calque-6

flop.gif.006

calque-7

flop.gif.007

Le gif animé flop.gif a été décomposé avec mtPaint (il faut gifsicle installé) 

Le même résultat peut être obtenu avec la commande --explode de Gifsicle en table de commande
Pour Windows , gifsicle est installé automatiquement dans mtPaint,  pour MacOx voir  Darwinports packages pour Ubuntu il est dans Synaptic.
Dans mtPaint (gifsicle installé )  quand vous y importez un gif animé il vous propose "Edit frames"  ou "Editez les trames" ; là il vous le décompose en frames format gif compuserve 89a . Vous l'aurez compris , mtPaint  ( ainsi que Gif Resizer  en haut de la page ) offrent juste une interface graphique à gifsicle qui  est un terminal et peut s'utiliser aussi en mode console .
une vidéo sur dailymotion
voir décomposer un gif animé avec mtPaint et gifsicle installé (screenshots)

aladybug1.gif

    le gif animé aladybug1.gif de la coccinelle qui descend et qui monte

Gif Récupérateur décompose les gif animés au format bitmap

L'auteur Olivier Ravet conseille d'utiliser Photofiltre pour retravailler  les frames et UnFreeez pour composer un nouveau gif animé (voir rubrique logiciels gratuits : la grande horloge céleste et les montres molles) . J'ai eu des refus avec certains gifs dont les séquences étaient "fantaisistes"  comme le papillon palpitant. Ce n'est pas mon logiciel préféré , je préfère son " Presse Papier "

Voilà donc aladybug1.gif décomposé en 16 frames et une vue d'ensemble des frames au format bitmap

Bien classées dans un dossier à l'emplacement :  C:/Program Files/Gif Recuperateur

Voici algol.gif trouvé chez  http://olravet.fr  l'oeil du diable en fait deux étoiles tournant l'une autour de l'autre qui vues de la terre donnent l'impression d'une unique étoile clignotant irrégulièrement

                                                            l'original algol.gif avec l'ellipse 14,9ko 

Les frames ont été débarrassés de l'ellipse  avec mtPaint en remplaçant la couleur noire par la couleur transparente, (c'était possible aussi avec  PaintNet ou msPaint de Windows.

J'ai choisi deux petits logicels UnFreez et GiftedMotion pour créer un nouveau gif animé , mais  aussi    gifsicle  en table de commande  . La taille du fichier .gif obtenue avec GiftedMotion est plus lourde qu'avec UnFreez (installé sur Windows uniquement) et gifsicle (multi-plateforme)  . A noter que l'on peut faire disparaître l'ellipse simplement en coloriant le fond des frames de la même couleur que l'ellipse couleur : #040204 !
en coloriant le fond des frames de la même couleur que l'ellipse avec mtPaint et en utilisant la formule magique de gifsicle pour animer le tout  taille du fichier 10,9ko
Les frames  (ellipse rendue transparente avec mtPaint) animées avec UnFreez (sur Windows uniquement)  taille du fichier 11,23ko
avec GiftedMotion ( Windows , Linux ou MacOx)  c'est le plus lourd  33,2ko
avec mtPaint et gifsicle sur Ubuntu ... en console  c'est le plus léger 10,9ko

Logiciel java GiftedMotion créateur de gifs animés

téléchargement en fin de  rubriqueLogiciels gratuits Et pourquoi ne pas partir en Java ?
aperçu de l'interface de  GiftedMotion

Simple comme UnFreez

créateur de gifs animés facile à l'emploi et efficace . Glisser-déposer les frames en maintenant le clic gauche appuyé jusqu'à la lucarne.......(sur Windows seulement)
aperçu de UnFreez au milieu du dossier des frames à animer
Photofiltre    décompose  les gif animés mais ne les recréée pas.

ImageMagick

multiplateforme (Linux Mac Windows) Il sait faire les animations mpeg , mng et les gifs animés mais , comme gifsicle presque entièrement en ligne de commande
entrez par exemple    display image.gif  et là vous aurez une interface graphique minimaliste et un grand logo dans Ubuntu 9.04 . Vous avez une commande animate mais c'est juste pour visualiser , c'est la commande convert qui fait le travail . Si vous allez sur les tutoriels Gifsicle ou ImageMagick méfiez-vous des traductions en français elles sont souvent bâclées on retrouve dans les codes des mots en français qui n'ont pas lieu d'être ou des lettres majuscules qui n'existent pas en version anglaise  ou germanique.      Il est très puissant
exemple sur mon site d'une animation gif obtenue à partir de frames en png:
 
(60 frames 1280pixelsx1024pixels)
Pour faire un gif animé à partir de frames .png  
convert -delay T -loop 0 * .png animation.gif
T=valeur en centièmes de secondes pour faire un gif animé avec des frames png au départ c'est plus simple que avec the Gimp (vidéo ogg en haut de page) ou avec gifsicle dont le code est très alambiqué car il ne lit que les GIF
avec la commande "display" vous avez des interfaces graphiques (ici sur Ubuntu)

Quelques commandes principales de gifsicle

Pour construire un gif animé à partir de frames .gif                                                                 
gifsicle -d T --loop * .gif > anim.gif
    " T "  étant la valeur en centièmes de seconde
          Cliquez sur la loupe pour atteindre le tuto illustré gifsicle terminal
                                            
créer un gif animé avec gifsicle
Pour démonter un gif animé
gifsicle --explode machin.gif
On dit aussi désassembler ou décomposer une animation gif
Les frames rendues seront automatiquement numérotées machin.gif.000 machin.gif.001 machin.gif.002 .... etcétéra  
Pour donner un fond transparent à votre gif animé
gifsicle -bII --transparent "#nom de la couleur à changer" * .gif
La couleur est à rentrer en hexadécimal  et si vous écrivez t  ou trans il peut y avoir confusion avec transform
Pour cela vous devrez d'abord rassembler vos frames .gif dans un dossier et si ils ne le sont pas déjà ,  les numéroter par exemple : machin 000  machin 001  machin 002 etc... et vous renommerez votre anim.gif en machin.gif après s'il le faut . Quand vous faites la transparence évitez de laisser le gif animé dans le même dossier que ses frames la commande agira uniquement sur le gif animé mais le résultat sera médiocre . Il faut faire la transparence de tout le lot des frames et ensuite en faire un anim.gif c'est le bon ordre !

Applications en ligne: SmilleyGenerator.us

Pour ceux qui n'arrivent pas encore à se servir des commandes en console de Gifsicle

Le redimensionnement de gif animés par Animated Gif Resizer basé sur la commande gifsicle: gifsicle --resize Largeur en pixels x Hauteur en pixels et que vous pouvez vous-même effectuer manuellement avec le logiciel Gifsicle en table de commande vaut plus par sa rapidité  que pour sa qualité  . L'autre façon c'est de redimensionner chaque frame et de reconstituer l'animation après ! En table de commande ou avec d'autres outils graphiques qui le font bien . Les commandes gifsicle --flip et gifsicle --rotate donnent de très bons résultats
cliquez dans les gifs animés ci-dessous pour  connaître leur provenance . Ceux qui ne connaissent pas encore comprendront ce qu'est un webapp c'est-a-dire une application sur le web . Animated Gif Resizer pour redimensionner un gif animé, Animated Gif Disassembler pour démonter un gif animé, Gif Combiner (encore expérimental) pour monter un gif animé, Animated Gif Image Reverser sont des webapps, interfaces graphiques de Gifsicle en application sur le web .

      Animated Gif Resizer

*libre accès (limitation de taille)

Aerobanner generator

Inscription 
4 couleurs au choix pour l'avion

            Gif Assembler

construit un gif animé à partir de plusieurs frames GIF (jusqu'à 99 frames)
*libre accès

Concours amateur de gif animés

en collaboration avec simple-graphique
Voilà vous pouvez maintenant installer et utiliser les dernières versions de Gifsicle plus facilement sur Windows .  Mainteneur: Gerald Johanson (Smileygenerator.us) gifsicle 0.59 et 0.60. Plus besoin de compilation du code source , vous avez maintenant , dans le zip , un installeur (install.exe) qui envoie une copie des exécutables gifsicle et gifdiff directement dans les DLL du Système32 de Windows 
Reply Forum à propos de gifsicle dans windows .
Revenir à la rubrique logiciels gratuits

Parfois pour faire un gif animé je peux utiliser jusqu'à 4 ou 5 outils différents. Par exemple quand je modifie un frame .gif avec the Gimp ou mtPaint le rendu est en GIF Compuserve 87a et je vais le convertir automatiquement avec XnView ou XnvVewMP en GIF Compuserve 89a (qui gère la transparence) puis je vais assembler mes frames pour faire une animation avec Gifsicle en table de commande. Cela fait dèjà 3 outils différents ,  Je fais des petites animations que je peux vous envoyer à: Faire un don - Envoi de fichiers  .                                                                                                                     
Il existe d'autres petites animations d'images . Les APNG et les mng (png animés) qui peuvent contenir plus de couleurs que les gif mais internet explorer ne les lit pas . Ou les animations .swf qui n'auraient peut-être pas vu le jour si Adobe ne s'était pas intéressé à eux pour développer Flash .    Pour ceux qui veulent s'essayer aux animations swf allez à                                                                          http://antimatter15.com/ajaxanimator/build                                                                              
Vous cherchez Un plugin Python pour the Gimp qui exporte une image bitmap en fichier Shockwave Flash ou les calques d'une image GIMP pour une animation Shockwave Flash . Le paquetage "swftools" est indispensable.  .
Le grand spécialiste des gif animés reste Gifsicle : manuel d'utilisation en anglais dont j'ai fait une petite demo en français avec un peu de table de commande facile à réaliser  cliquer ici 
=¤=¤= A noter que Gifsicle est inclus dans le téléchargement de mtPaint pour Windows et que mtPaint et Gifsicle sont des logiciels libres et gratuits
=¤=¤= téléchargement de mtPaint 3.31 pour windows   ici           

Pour gif animés contacter Jacques // si vous trouvez une anomalie sur cette page n'hésitez surtout pas à me le signaler (dans le mailbox ou à commentaires)


le format SWF

Ceci est une animation SWF avec fond transparent


Très bien pour faire une jolie bannière décorative de chez Aleo Flash Intro Maker Banner
calquesgimp
enregistrerengif
enregistrer-image
exporter-fichier
ouvrir
gimp-00
gimp-01
gimp-02
gimp-03
graphique
image
image-1
rvb4
gimp-00


Cliquez ici pour vous abonner à ce flux RSS
Site web créé avec Lauyan TOWebDernière mise à jour : mercredi 1 février 2012