Comment faire un gif animé de bonne qualité

www.wubijacq.com

theGimp;mtPaint;gifsicle;ImageMagick;UnFreez;GiftedMotion;Photofiltre;
Paint.NET

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 utilisé comme plugin de mtPaint



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ésassemblé avec mtPaint gràce à 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 Homebrew, MacPort
  • pour Ubuntu et autres Linux, il est dans les dépôts et dans Synaptic.

Avec mtPaint et gifsicle installés, quand vous y importez un gif animé il vous propose Edit frames ou Explode
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 ligne de commandes ou comme plugin .
une vidéo sur dailymotion
voir décomposer un gif animé avec mtPaint et gifsicle installé (screenshots)
 

Voici algol.gif trouvé chez olravet.fr: l'oeil du diable
En fait deux étoiles tournant l'une autour de l'autre

Elles donnent l'impression, vues de la terre, d'une étoile unique clignotant très irrégulièrement
l'original algol.gif avec l'ellipse a été réalisé en PHP poids: 14,9ko
 

L'exercice consiste à 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. C' est difficile, long et minutieux
Puis j'ai choisi deux petits logicels avec une interface graphique UnFreez et GiftedMotion pour réassembler le gif animé, puis avec gifsicle en table de commande
La taille du fichier GIF obtenue avec GiftedMotion (multi-plateforme) est plus lourde qu'avec UnFreez (sur Windows uniquement) et gifsicle (multi-plateforme)
À 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 puis en rendant la couleur d' arrière-plan transparente avec Gifsicle
C' est plus simple: Le contour noir des cercles restera si vous appliquer directement la couleur transparente sur le Gif animé. Il faudra l' appliquer à chaque frame, puis réassembler le Gif animé ensuite
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

mtPaint

Avec Gifsicle installé, mtPaint peut désassembler un gif animé, nous l' avons vu déjà. Mais il peut aussi monter toujours avec Gifsicle, une animation GIF à partir de frames au format GIF
mtPaint Handbook
Je ne l'utilise pas car je suis plus à l' aise en table de commande avec Gifsicle

Logiciel java GiftedMotion créateur de gifs animés

Onyxbits.de
Logiciel Java donc multi-plateforme
Téléchargement dans la rubrique : Logiciels gratuits windows

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

Photo Filtre

ImpGifAnim-PhotoFiltre
Photo Fiftre de Antonio Da Cruz décompose les Gifs animés
Il faut aller chercher le plugin "Importation GIF animé" dans cette page
Je vous conseille (à cause des droits UAC de Windows) de décompresser d' abord le ZIP puis de copier le fichier ImpGifAnim.pfl dans le dossier Plugins de Photofiltre
Après une importation réussie d' un gif animé (image ci-contre), il est préférable de fermer chaque frame, une par une, avant de quitter l' application

Mais "Créer des images animées" nécessite la version PRO PhotoFiltre Studio X (payante: 34.83 € TTC )
Mode d' emploi pour les recréér.
Sinon utilisez UnFreez pour les réassembler
Téléchargement gratuit payant ou shareware de PhotoFiltre
Pour Windows

Paint.net

Les anglo-saxons prononcent paint dot net
Grâce à un plugin de Simon Brown, vous pouvez, je crois, monter un Gif animé ou un PNG animé avec Paint.net
Forum Paint.net
Le pack de Simon que voici contient ces différents plugins
Vous décompressez le ZIP: "Extract to folder sb-plugins-june-2014"
Encore sur Forum Paint.net: faire une animation Gif avec le plugin Midora
Attention AnimGif.dll de Simon et ImaGif.dll de Midora entrent en conflit, il faut choisir l' un ou l'autre
Autre plugin que vous retrouverez dans Effets => Animation Sprite Animation Helper

Comme Paint.net gère déjà bien les calques, après une bonne prise en main, faire des animations .agif ou .apng devrait être facile
Les calques sous Paint.net
Paint.net a d' autres fonctionnalités très intéressantes
Téléchargement paint.NET

ImageMagick

Multi-plateforme Linux Mac Windows, il excelle surtout sur Linux.
Il sait faire les animations mpeg , mng et les gifs animés
Contrairement à gifsicle qui fonctionne presque uniquement en ligne de commande, ImageMagick possède quelques interfaces graphiques
Entrez par exemple display image.gif et là vous aurez une interface graphique minimaliste avec 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 de transformations .
Si vous allez sur les tutoriels 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.
C'est un outil 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
La commande "convert" qui fonctionne à merveille dans Linux est moins évidente avec Windows.
C' est plus simple que avec the Gimp (vidéo ogg en haut de page) ou avec gifsicle car il ne gère que le format GIF
avec la commande "display" vous avez des interfaces graphiques (ici sur Ubuntu)

GIF MOVIE GEAR

Éditeur: gamani productions
Il n' est gratuit que 30 jours. Le prix pour un utilisateur est de 29,95 dollars
Mais je ne pouvais pas faire l' impasse sur ce logiciel de grande qualité
Voici leur tutoriel sur ce produit
Voici leur page d' accueil
GIF MOVIE GEAR a toujours été un shareware même les versions 2.x et 3.x

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 obtenues seront automatiquement numérotées machin.gif.000 machin.gif.001 machin.gif.002 .... etcætera
 
Pour donner un fond transparent à votre gif animé
gifsicle -bII --transparent "#nom de la couleur à changer" * .gif

La couleur est à rentrer en hexadécimal
si vous écrivez trans il peut y avoir confusion de transparent avec transform
Pour cela vous devrez d'abord rassembler vos frames .gif dans un dossier,
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é et 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 ne savent pas encore se servir des commandes dans le Terminal 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
Beaucoup d' applications font du redimensionnement d' images
Les commandes gifsicle --flip et gifsicle --rotate donnent de très bons résultats
Ce sont des webapps, interfaces graphiques utilisant Gifsicle, en application sur le web .

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

*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)
Depuis les versions gifsicle 0.59, 0.60 et 0.63. Plus besoin de compilation du code source , vous avez dans le zip , un installeur (install.exe)

Reply Forum à propos de gifsicle dans windows .
rubrique logiciels gratuits (Gifsicle 1.63 for Windows)

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

Gifsicle manual (english)
Manuel Gifsicle Traduction en français par Nicolas Chevalier
Dernières versions de Gifsicle pour Linux Mac Windows FreeBSD...
Code source de Gifsicle (pour les développeurs)


Je fais parfois des petites animations que je peux vous envoyer à: Envoi de fichiers spéciaux .

Le grand spécialiste des gif animés pour moi, reste Gifsicle :
petite demo en français avec un peu de table de commande facile à réaliser
=¤=¤= A noter que Gifsicle est inclus (comme plugin seulement) dans le téléchargement de mtPaint pour Windows
mtPaint et Gifsicle sont des logiciels libres et gratuits
=¤=¤= téléchargement de mtPaint 3.40 pour windows   ici           

Il existe d'autres petites animations d'images en boucle:
Les APNG et les MNG (png animés) qui peuvent contenir plus de couleurs que les Gifs.
Ceci peuvent leur donner parfois un poids excessif si on ne fait pas attention
internet explorer ne lit pas les PNG animés .
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 gif animés contacter Jacques // si vous trouvez une anomalie sur cette page n'hésitez surtout pas à me le signaler
à Ajouter un commentaire où à message



le format SWF

Animations en boucle avec Windows

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

statistiques

who's.amung.us
  Partager

  
message wwg1.com



Annonce Google


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.com Cliquez ici pour vous abonner à ce flux RSS