El formato GIF se compone de uno o muchos frames, a modo de conjunto de imágenes, para poder generar una animación, aunque también es válido para imágenes estáticas. Los vemos por las redes sociales, foros o aplicaciones de mensajería y acostumbramos a guardarlos y enviarlos, pero no todos sabemos como crear una imagen animada y es bastante más sencillo de lo que podamos imaginar.
Los GIFs se crearon con la intención de generar unas animaciones para sitios web y aplicaciones, aunque solo dispone de una paleta de 256 colores (8 bits). Cada color de esa paleta tiene un rango de valores de 16,8 millones de colores, pero en una imagen animada con este formato solo pueden aparecer un máximo de 256 colores. Sin embargo, una de sus ventajas es que comprime las imágenes sin pérdida de calidad.
Este formato es muy popular en redes sociales, sobre todo para compartir memes o responder una publicación sin escribir texto. Es posible que quieras crear un GIF para añadir contexto a una presentación en PowerPoint o para bromear con amigos en WhatsApp o X. Muchas personas no saben cómo juntar varias fotos y, en vez de formar un vídeo mp4, lograr un GIF. No obstante, el proceso es más sencillo de lo que parece y puede ser muy útil si quieres hacer un vídeo corto con las imágenes de un viaje o para reírte con tus conocidos.
Crear GIFs desde Photoshop
El editor gráfico por excelencia nos permite crear GIFs de forma relativamente sencilla, siguiendo los pasos que indicamos es muy sencillo y rápido. Como suele ser habitual existen varias formas de crear una imagen animada, nosotros vamos a mostrar la que consideramos que es más sencilla.
Elegir las imágenes
Primero guardaremos en una carpeta las imágenes que vamos a utilizar para crear nuestro diseño. Es importante que tengan las mismas proporciones para que el encuadre sea correcto. Además, si vamos a utilizar imágenes sobre un objeto, una persona o un elemento en concreto, procuraremos que esté centrado o que se disponga en la misma posición o muy parecida en todas las imágenes.
En cuanto a las propiedades y atributos de cada frame no debemos preocuparnos porque una vez las hayamos abierto en Photoshop podremos configurar todos los aspectos relativos a la imagen para que todas dispongan de la misma iluminación, saturación, etc.
Crear un GIF paso a paso
Para crear un archivo animado con Photoshop tendremos que seguir estos pasos, es posible que los menús o los nombres de los apartado puedan variar en función de la versión de Photoshop que estés utilizando.
- Una vez abierto Photoshop iremos a Archivos / Secuencias de comandos / Cargar archivos en pila…
- Pulsamos en Explorar… y seleccionamos las imágenes que van a componer nuestro diseño, una vez añadidas pulsamos en OK. Se habrán creado tantas capas como imágenes habíamos seleccionado.
- Vamos a Ventana / Línea de tiempo para mostrarla en la parte inferior de la pantalla.
- En la Línea de tiempo abrimos el desplegable de la parte central y elegimos Crear animación de cuadros. Veremos como aparece el primer Frame de nuestra creación.
- En la parte derecha de la línea de tiempo pulsaremos en el icono de menú con tres rayas horizontales y elegiremos Crear cuadros a partir de capas.
Así ya tenemos creada la estructura del diseño, ya está casi listo para poder guardarlo.
Ajustes y exportación del GIF
Antes de exportarlo repasaremos algunos parámetros para terminar de diseñar nuestro proyecto. Debajo de cada cuadro tenemos un desplegable con el tiempo que queremos asignarle, podemos hacer pruebas con diferentes opciones y pulsando el botón de Reproducir para comprobar el resultado previo.
Pulsaremos el botón Record… de la esquina inferior derecha y configuramos el archivo de salida ajustando estos parámetros:
- Nombre del archivo
- Ubicación
- Extensión (GIF o LCF)
- Mostrar el título y el periodo de tiempo
- Marcar los clics de ratón
- Repeticiones en bucle
- Título para mostrar al inicio
Una vez pulsemos el botón Save LICEcap comenzará a grabar todo lo que suceda dentro de su ventana, controlaremos la grabación con los botones Pause y Stop.
GIMP
GIMP es un editor gráfico gratuito que está disponible para Windows, macOS y GNU / Linux. Es una herramienta muy completa que permite hacer todo tipo de ediciones y crear nuestros propios diseños entre otras cosas. Para diseñar nuestra propia imagen animada haremos lo siguiente:
- Una vez abierto GIMP iremos a Archivo / Abrir para añadir la primera imagen.
- Para añadir el resto a modo de capas iremos a Archivo / Abrir como capa. Una vez tenemos todas las imágenes en capas nos aseguraremos de que están en el orden correcto puesto que serán los frames del documento que vamos a crear. Si alguna imagen es más grande que el resto será cortada para que todos los cuadros tengan el mismo tamaño.
- Pulsaremos con el botón derecho sobre cada capa y seleccionaremos Editar atributos de capa para ajustar el tiempo que se va a mostrar cada frame.
- Para crear un archivo que no sea demasiado pesado iremos a Filtro / Animación / Optimizar (para GIF).
- Ya solo nos queda guardar el archivo desde Archivo / Exportar… Aquí seleccionaremos el nombre, la ubicación y el tipo de archivo.
Canva
Canva es una plataforma de diseño gráfico muy intuitiva y fácil de usar. Pese a que la mayoría conoce su versión web, no todo el mundo sabe que tiene una aplicación para ordenadores. Al descargarla, puedes realizar multitud de gráficos pensados para redes sociales o presentaciones offline, pero, ¿sabías que también puedes crear GIFs con tus fotos?
El proceso es más sencillo de lo que piensas. Únicamente deberás iniciar sesión en Canva y seleccionar la opción de crear un diseño nuevo. Si clicas en «Tamaño personalizado» podrás adaptarlo al tamaño de las imágenes, de lo contrario, estas no se verán completas y deberás recortar parte para que no haya espacios en blanco. Solo tendrás que copiar y pegar o arrastrar la primera foto (o subir el archivo desde el apartado correspondiente) en la página 1 e ir creando nuevas páginas pulsando «Añadir nueva página» cada vez que quieras añadir otra.
Giphy Create
La herramienta para crear y subir imágenes animadas de Giphy nos permite crear imágenes animadas con nuestros propios diseños de la siguiente manera:
- Pulsamos en Choose File para elegir los archivos que vamos a incluir en el archivo.
- Como solo nos deja elegir la primera imagen, después pulsaremos en + Add more images y subimos el resto con el botón Browse Files.
- Elegimos la duración de los frames con el selector y pulsamos Continue to Decorate.
- Escribimos el texto que deseemos y lo configuramos con el tipo de fuente y la animación, pulsamos en Continue to .
- Indicamos la fuente del contenido, el creador, añadimos etiquetas y seleccionamos si queremos que el diseño sea público o privado, pulsamos to Giphy.
- Una vez creado podremos guardarlo en el disco duro, compartirlo por redes sociales o un enlace o integrarlo en una web.
Tenor GIF Maker
Tenor es otro de los directorios más conocidos de imágenes animadas. De hecho, los archivos que buscamos en WhatsApp provienen de la colección de Tenor. Para crear una imagen animada disponemos de una herramienta específica con la que diseñaremos nuestras propias imágenes animadas de esta manera:
- Arrastramos los archivos o los elegimos pulsando el botón Browse Desktop.
- Añadimos las etiquetas o tags que deseemos a cada uno de los cuadros (como mínimo tenemos que añadir un tag a cada imagen) y pulsamos to Tenor.
- Pulsamos en your GIFs.
- A partir de aquí tendrás a tu disposición todas las imágenes que hayas subido. Aunque se suben de forma independiente y no como un vídeo o una imagen animada.
IMG Flip GIF Maker
Posiblemente IMG Flip GIF Maker sea la aplicación web más completa ya que está diseñada exclusivamente para ello y no forma parte de un banco de imágenes. El proceso es muy sencillo y permite ajustar muchos parámetros:
- Pulsamos en Images y elegimos las imágenes que van a formar nuestro diseño.
- Elegimos la configuración como el tiempo de muestra (Delay), las medidas (Width y Height, anchura y altura) y el modo de ajuste de las dimensiones en caso de que haya imágenes de distinto tamaño.
- Pulsaremos en los botones Add text to GIF (añadir texto), Crop (cortar), Rotate (rotar), Add image (añadir imagen), Draw (dibujar) o abrimos el desplegable More Options para opciones como elegir el color de fondo, girar la imagen en el eje horizontal y otras opciones.
- Elegimos un título (Title) y añadimos etiquetas (Tags).
- Marcamos la opción NSFW (no permitido para uso profesional) o Privada si lo deseamos.
- Para eliminar la marca de agua tendríamos que pasar por caja (9.95 dólares la licencia para un mes).
- Por último, pulsamos el botón Generate GIF para compartirlo en redes sociales, WhatsApp, GMail o correo electrónico, copiar el enlace o directamente descargarlo en nuestro ordenador.
Picasion
Esta una aplicación online que nos permite subir varias imágenes y crear un GIF animado en cuestión de segundos. Es fácil de usar y no requiere ninguna descarga o instalación de software. Para crear un GIF con Picasion, debemos seguir estos pasos:
- Acceder a la página web de Picasion: Podemos hacerlo desde un navegador web en el ordenador o dispositivo móvil.
- Seleccionar las imágenes o vídeos que queremos usar: Podemos hacerlo desde el ordenador, dispositivo móvil o desde un enlace online.
- Las pondremos en el orden que queremos y ajustaremos la velocidad de la animación. Picasion nos permite modificar la velocidad de la animación y elegir el número de repeticiones.
- Descargar o compartir el GIF animado. Una vez que estemos satisfechos con el resultado, podemos descargar el GIF animado o compartirlo online en redes sociales o en otras plataformas.
Picasion es una herramienta fácil de usar y efectiva para crear imágenes animadas (GIF) para compartir online. Al ser una aplicación online, es accesible desde cualquier lugar con una conexión a Internet y no requiere ningún tipo de descarga o instalación. Lo cierto es que su interfaz parece algo antigua, si se compara con otro tipo de webs de este tipo. Sin embargo, logra un buen resultado.