martes, 29 de marzo de 2011

Bricomanía 2.0 - Como hacer un gif paso a paso

Últimamente algunos de mis followers me han preguntado como hago mis gifs.
El proceso de creación es fácil, aunque un poco largo de explicar, sobre todo a través de twitter.
Así que he decidido crear esta nueva sección. Espero que os sea de utilidad.

Bienvenidos a Bricomanía 2.0

Amigos, crear un gif es fácil, sencillo y para toda la familia. Os voy a indicar que materiales vamos a utilizar. Vamos a necesitar un par de programas gratuitos:

- Para hacer las capturas de imágenes usaremos es el reproductor de video The KMPlayer http://kmplayer.softonic.com/

- Para hacer los gifs usaremos el programa The Gimp http://the-gimp.softonic.com/

Ahora nos ponemos manos a la obra (aunque antes debéis instalar ambos programas).


Como hacer capturas de imágenes

Photobucket

Vamos a realizar las capturas de pantalla necesarias para realizar el gif. Es recomendable que todas las capturas de pantalla sean del mismo tamaño.

Ejecuta el programa The KMPlayer y abre el capítulo de la serie, la película, etc... con él.
Si pulsas la barra de espacio, funciona como las teclas Play/Pause. Ahora usa la combinación de teclas CTRL+ALT+E.
Pulsando esas tres teclas(a la vez) lo que haces es una captura de pantalla de lo que estás viendo y en el mismo tamaño que lo que estas viendo.

Las capturas de pantalla se guardan automáticamente en la carpeta Mis documentos\The KMPlayer\Capture.

Una vez realizada la primera captura de pantalla, pulsa la tecla F. De esta manera avanzará el vídeo muy lentamente. Vuelve a pulsar CTRL+ALT+E para hacer otra captura de pantalla. Vuelve a pulsar la tecla F y luego de nuevo CTRL+ALT+E. Repite el proceso una y otra vez, hasta que hagas todas las capturas de pantalla que necesites.

Ahora que ya tienes TODAS las capturas de pantalla, pasaremos a utilizar el otro programa.


 Como hacer un gif

Abrimos la primera captura de pantalla con el programa The Gimp.

Photobucket


Primero haz click en el menú Archivo\ Abrir como capas.

Photobucket

Ahora te aparecerá una ventana como esta.

Photobucket

En la zona central de la ventana puedes buscar la ubicación de las capturas de pantalla que realizaste antes.
Ahora debes seleccionar todas las capturas que vayas a utilizar, menos la que abriste antes.
Truco: si mantienes pulsada la tecla CTRL y a la vez haces click con el ratón en las imágenes (una a una) podrás ir seleccionando todas las imágenes que quieras y también se mantendrá la selección de lo que ya lleves seleccionado.
Cuando termines de elegir las imágenes, haz click en el botón Abrir (Ver en la imágen anterior. Está resaltado en rojo).

Tras cargar las imágenes, aparecerá la siguiente ventana.

Photobucket

Ahora haz click en el menú Imagen\ Modo\Indexado.

Si no realizas este paso, el programa no te permitirá guardar el gif.

Te aparecerá una nueva ventana.

Photobucket

Debe estar marcada la opción "Generar paleta óptima". El número máximo de colores debe estar en 255 (en realidad el máximo es 256, lo de 255 sólo es un número predeterminado por el programa).
Haz click en el botón "Convertir" (Ver en la imágen anterior. Está resaltado en rojo).

Después de un cierto tiempo, aparecerá esta ventana.

Photobucket

Haz click el el menú Archivo\Guardar como.Verás la siguiente ventana.

Photobucket

En la parte superior de la ventana, escribe el nombre que quieras poner al archivo final (Ver en la imágen anterior. Está en la parte de arriba, resaltado en rojo).

Mira en la parte inferior izquierda de la ventana. Haz click donde pone "+ Seleccione el tipo de archivo(Por extensión). (Ver en la imágen anterior. Está en la parte de abajo, resaltado en rojo).

Ahora la ventana se hará más grande.

Photobucket

Aparecerá una lista. Busca el tipo de archivo "Imágen GIF" y haz click en él. Luego haz click en el botón "Guardar" (Ver en la imágen anterior. Está en la parte de abajo, resaltado en rojo).

Ahora verás esta nueva ventana.

Photobucket

Haz click en la opción "Guardar como animación" y luego también en el botón "Exportar"
(Ver en la imágen anterior. Están resaltados en rojo).

Ahora te aparecerá otra ventana.

Photobucket

Debes asegurarte de que:
1.- La opción "Entrelazar" esté activada.
2.- La opción "Comentario GIF" no esté activada.
3.- La opción "Bucle infinito" esté activada.

Ahora haz click en la opción "Retardo entre recuadros cuando no se especifique"
Normalmente aparecen 100 milisegundos. Mientras mayor sea el número, más lento irá el gif. Y mientras menor sea el número, más rápido irá, pero consumirá muchos más recursos del sistema.
Yo lo suelo poner en 5 milisegundos (es el menor número que puedes escribir. Si pruebas a escribir un número más bajo, el programa no te dejará y pondrá la cantidad que le parezca).

Por último, haz click en el botón "Guardar". Espera a que el programa termine y ya tendrás tu gif. Te quedará algo como esto:


Photobucket

Animaos a hacer gifs. No son nada complicados, solo hay que tener un poco de paciencia para hacer las capturas de pantalla ;)

3 comentarios:

  1. Yo para las capturas utilizo otro reproductor: ALShow, muy bueno.

    Por cierto, mola el gif que has hecho de Fringe ;D

    ResponderEliminar
  2. Yo también uso The GIMP para los GIFS pero uso otro sistema: con el Avidemux corto el fragmento de video que quiero convertir e GIF y después, desde el propio GIMP te da la opción de extraer los frames que creas necesarios de ese video para crear el GIF. A partir de ahí, el resto es idéntico a lo que has explicado; de hecho, mi avatar actual en Twitter (el de Olivia) lo hice yo misma con este método ;-P

    Buen tutorial, por cierto ;)

    ResponderEliminar
  3. Nancy Callahan: Voy a probarlo la próxima vez que haga gifs, a ver si resulta menos cansino que tener que hacer las capturas a mano. Muchas gracias por el consejo y por visitar mi blog, maja ^_^

    ResponderEliminar