Comment faire un gif animé de bonne qualité

theGimp;mtPaint;gifsicle;ImageMagick;UnFreez;GiftedMotion;Photofiltre;

Il est
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 wubijacq.com et simple-graphique.xooit.fr
Julie (12ans) a créé cette animation avec the Gimp à partir de frames en format JPG .

Encore 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



mtPaint et gifsicle démontent un gif animé

                   

gifsicle en application graphique ou en table de commande



le gif animé du papillon palpitant


animated flop.gif
flop.gif
    
  décomposé en huit frames gif
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 grace à gifsicle  

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 bas 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)

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 réalisé en PHP avec l'ellipse 14,9ko 

L'exercice consistait d'abord à enlever la partie noire du gif animé, l'ellipse et les contours


Ce qui a été réalisé avec mtPaint figures 6 7 et 8

Puis j'ai choisi deux petits logicels avec une interface graphique 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 (n'existe plus)

            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, 0.60 et 0.63. 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 à Ajouter un commentaire


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
A propos du format 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 par opposition aux images vectorielles composées de formes géomètriques qui ne se déforment pas au cours d'un redimensionnement. Parmi les images bitmap le plus fréquemment rencontrées sur le ouaibe vous avez le format gif mais aussi le format bitmap propremernt dit, et aussi les formats png, jpg, jpeg... pour ne citer que les plus connus. Les images vectorielles plus rares sont surtout au format svg et au format swf. Le format gif, Gif Compuserve, de son vrai nom et dont le brevet d'exclusivité a expiré: Vous pouvez librement les télécharger (sous réserve de droits sur l'image) comprend:
gif compuserve87a et
gif compuserve89a qui, lui, gére la transparence. Si vous voulez faire un gif animé à fond transparent vous avez intérêt à ce que toutes vos frames gif soient au format gif89a et pour cela utiliser XnView ou XnViewMP qui convertit automatiquement en GIF Compuserve89a avec différentes options de tramage
A propos d'animation 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 était nécessaire d'avoir 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 de mouvement    


www.wubijacq.comCliquez ici pour vous abonner à ce flux RSS