Crear un Screenshot o Screencast en GIF

Este artรญculo es un aporte realizado en nuestro foro por el usuarioย Wada

Tengo la idea de hacer un post sobre Vim y sus funciones que creo muchos desconocen y para hacerlo mas llamativo me dije: tal vez podrรญa crear algunos gifโ€ฆ asรญ que me puse manos a la obra y pues tambiรฉn comparto como funciona big_smile

Primero instalar las aplicaciones necesarias:

# pacman -S recordmydesktop mplayer imagemagick

Capturar con recordmydesktop

$ recordmydesktop <nombre.ogv>

Para capturar una ventana, agregamos posiciรณn [x, y] y tamaรฑo [width(ancho), height(alto)]

$ recordmydesktop -x 1 -y 1 --width 400 --height 200 -o <video.ogv>

Recomiendo crear un directorio para almacenar los frames del vรญdeo.

$ mkdir <directorio>

Sacamos los frames de el video con mplayer.

La salida de las imagenes podria ser jpeg pero pierde mucha calidad por ello dejรฉ png

$ mplayer -ao null <video.ogv> -vo png:outdir=<directorio>

Por รบltimo creamos el gif

$ convert -delay 10x100 <directorio>/* <nombre.gif>

Todos estos pasos nos dejan un lindo gif, pero este gif que para ser honestos se ve muy decente pesa 4.2 mb

ยซOptimizamosยป un poco

$ convert <nombre.gif> -fuzz 10% -layers Optimize <optNombre.gif>

Ahora tenemos un gif algo feoโ€ฆ Pero. solo pesa 262kb

gif_wada

Despuรฉs de editar un poco, podemos cambiar la calidad y el peso con el parรกmetro -fuzz

Acรก con fuzz al 5%:

gif_wada2

Peso: 335kb

Acรก con fuzz al 2%

gif_wada3

Y ya estรก!


Deja tu comentario

Tu direcciรณn de correo electrรณnico no serรก publicada. Los campos obligatorios estรกn marcados con *

*

*

  1. Responsable de los datos: Miguel รngel Gatรณn
  2. Finalidad de los datos: Controlar el SPAM, gestiรณn de comentarios.
  3. Legitimaciรณn: Tu consentimiento
  4. Comunicaciรณn de los datos: No se comunicarรกn los datos a terceros salvo por obligaciรณn legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu informaciรณn.

      ezitoc dijo

    Estรก muy bueno. Y no conocรญa el paquete ยซcmatrixยป. Estรก copado!

    Muchas gracias.

      Manuel dijo

    Yo conocรญa el paquete Byzanz, que directamente hace el .gif en un comando:
    sleep 5 && byzanz-record -c -d 120 -w 1024 -h 768 -x 0 -y 0 test.gif

         Wada dijo

      Tambiรฉn conozco ese paquete ๐Ÿ˜€ no lo explique en el post… Pero la intenciรณn era hacerlo con las aplicaciones que ya tenia instaladas, tenia mplayer e imagemagick solo instale recordmydesktop. Y tambiรฉn es porque evito usar AUR ๐Ÿ˜€

           semperfidelis dijo

        Una pregunta Wada ยฟCรบal es la razรณn por la que evitas usar la AUR?

      rewsll dijo

    wao cada vez me sorprede linux es simplemente muy versatil, gracias por el tutorial

      pobreotaku dijo

    Utilice exclusivamente vi por 45 dรญas o algo asรญ, pero despuรฉs de conocer emacs no hay retorno, en ocaciones me siento tentado a reprobar vi al ver capturas como esta, pero emacs es tan magnรญfico( aunque no soporta las curses en su modo shell ).

      eliotime3000 dijo

    Eso es impresionante.

      Rayonant dijo

    Muy interesante, para ser sincero el tema de gifs no lo tengo muy claro, ยกpero es cierto que puede ser muy interesante hacer un screencast con uno de ellos!.

      NauTiluS dijo

    Interesante post.

    Lo archivo para tenerlo de por vida ๐Ÿ™‚