Français English 

      Comment faire un gif animé de qualité

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

résultat du dernier concours

Promo de the Gimp avec www.wubijacq.com et simple-graphique.xooit.fr L'animation a bien été créée avec the Gimp à partir de frames en format JPG ,  mais j'ai eu recours à GifResizer pour redimensionner  le gif animé de Julie avant de l'installer dans la page . La qualité est moins bonne mais pour la promo ça peut aller .

Redimensionnements de gif animés avec Animated Gif Resizer   

    le redimensionnement de gif animés gifsicle --resize Largeur en pixels x Hauteur en pixels par gifsicle 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 redimensionnement par lot là c'est plutôt ImageMagick mais il y a d'autres outils graphiques qui ne travaillent pas forcément par lot et qui le font bien . Les commandes --flip et --rotate de gifsicle donnent de très bons résultats

ce gif animé contient 72 frames

cliquez dans le gif animé du petit avion ci-dessus pour  connaître la provenance de ces deux gif animés . Ceux qui ne connaissent pas encore comprendront ce qu'est un webapp c-a-dire une application sur le web . TrafficLinker est une interface graphique pour gifsicle en application sur le web .

ins011.gif  le gif animé du papillon palpitant  

Un gif animé est d'abord une animation . Déjà depuis les premiers films muets pour faire une image qui bouge (movies) il fallait 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 ont  été rendus au format gif  avec mtPaint et gifsicle  mais le support de l'éditeur TOWeb les a transformés au format.jpg ! Vous pouvez les télécharger tel quel et reconstituer le gif animé    /\  Toujours avec the Gimp autre méthode avec des frames en png au départ  : vidéo .ogv de bonne qualité uploadée tuto-animation01.ogg cliquer ici  sur Wikipedia commons ; voir d'autres liens sur ce fichier Wikipedia !

arrière-plan-000

ins011 000

calque-001

ins011 001

calque-002

ins011 002

calque-003

ins011 003

calque-004

ins011 004

calque-005

ins011 005

calque-006

ins011 006

calque-007

ins011 007

Le gif animé ins011.gif a été décomposé avec mtPaint (il faut gifsicle installé) pour Ubuntu allez dans Synaptic

Pour Windows , gifsicle est installé automatiquement  pour MacOx voir  Darwinports packages .Dans mtPaint (gifsicleinstallé )  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  ( comme "Traffic.Linker"  le petit avion en haut de la page ) offrent juste une interface graphique à gifsicle qui  est un terminal et peut s'utiliser aussi en mode console .
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 du fichier  (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.......
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

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 . 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) et avec gifsicle dont je vous épargnerai le code très alambiqué
avec la commande "display" vous avez des interfaces graphiques (ici sur Ubuntu)

Deux 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 donner la transparence à 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 : 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 !

Leader incontesté de l'animation et des effets spéciaux Georges Lucas

"THX Deep Note audiologo est une marque déposée de THX Ltd . Pour un usage personnel uniquement . Ne doit pas être  redistribué ou altéré" . THX est d'abord un label de qualité
Amazing Life wmv

Concours amateur de gif animés avec www.wubijacq.com et.simple-graphique.xooit.fr

Voilà vous pouvez maintenant installer et utiliser gifsicle 1.59 sur Windows plus facilement  . Créé par Gerald Johanson (Smileygenerator.us) , sans manip du code source , vous avez maintenant , dans le zip , un installeur (install.exe) qui vous envoie gifsicle et gifdiff directement dans les dll du Système32  (voir aussi questions sur le forum) .   Revenir à la rubrique logiciels gratuits              Pour une demande de gifs animés ,  précisez la taille , la déco et la couleur désirée .Vous pouvez m'écire ici si vous voulez .                                                                                                                      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 qui exporte une image GIMP 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 à la rubrique "logiciels gratuits"            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


Cliquez ici pour vous abonner à ce flux RSS
Site web créé avec Lauyan TOWebDernière mise à jour : jeudi 29 juillet 2010