<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 |  |  english 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 à Animated Gif Resizer pour redimensionner le gif animé de Julie avant de l'installer dans la page . La qualité est un peu moins bonne .
|
|
 | |  | | 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 |
| |  | |  |
|
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 |
|
Quelques logiciels à installer dans votre PC
| pour créer vos propres gif animés
en application graphique ou en table de commandes |
|
| 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é
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 |
| | | | |
| | | |
|
|
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 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 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 |
|
|
|
|
| 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
| |
|
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 les fainéants ou pour ceux qui n'arrivent pas encore à se servir d'une table de commande
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 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 |
|
|
|
