Vous êtes à :
  1. Accueil > 
  2. Nos techniques > 
  3. Fabriquer des gifs animés
Passer le menu Aller au pied de page

Licences Joueb English version Accessibilité

Fabriquer des gifs animés

Dans le cadre du projet giftoc, micr0lab vous détaille comment animer une image au format gif.

Il y a trois grandes façons de procéder que nous allons détailler, après avoir donné quelques outils communs à ces trois méthodes.

Le format gif connaît de grands changements, il est sévèrement concurrencé par la balise video d’HTML5. Je surveille le gifv et le gfy et vous tiens au courant !

 

Présentation : un gif, c’est quoi ?

http://iwdrm.tumblr.com/ http://www.pinterest.com/mireil/iwdrm-if-we-don-t-remember-me/

 

Faire un gif depuis son écran

Faîtes une capture vidéo de ce que vous voulez montrer avec recordmydesktop comme ici, ou l’une de ses aternative.

Pour capturer une fenêtre spécifique, repérez d’abord son window id à l’aide d’une commande comme :

~$ xwininfo | grep "Window id"

Cliquez ensuite sur la fenêtre de votre choix : admettons pour la suite que l’id de cette fenêtre est 0x1e0008c. Ensuite, pour capturer dans le répertoire courant ce que vous êtes en train de faire dans cette fenêtre :

~$ recordmydesktop --windowid 0x1e0008c -o video.ogv

Stoppez l’enregistrement avec ctrl + c. Nous allons désormais, à l’aide de mplayer, convertir cette vidéo en une suite d’images que l’on placera dans le dossier les_images :

~$ mkdir les_images/
~$ mplayer -ao null video.ogv -vo jpeg:outdir=les_images

Enfin, à l’aide d’imagemagick, nous allons convertir ces images en un gif, que l’on redimensionnera à 360x225px puis que l’on optimisera :

~$ cd les_images/
~/les_images$ convert * orig.gif
~/les_images$ gifsicle orig.gif --resize 360x225 > redim.gif
~/les_images$ convert redim.gif -fuzz 10% -layers Optimize optim.gif

La procédure en vidéo ?

Comme beaucoup de curiosités, le résultat est à voir chez tcrxt.

 

Et puis… le convertir en vidéo

Par là (sauf qu’installer ffmpeg est plutôt à faire selon ce tutoriel

Contact :

Contact Plan Lettre F.a.q. C.G.U.