Crear GIF: he­rra­mie­n­tas para gráficos animados y clips cortos

Una secuencia cómica de una película de Hollywood, un gesto que transmita una emoción, una imagen animada que emita de forma concisa un mensaje de marca: los . En las redes sociales como Facebook y Twitter los GIF son co­m­pa­r­ti­dos y enlazados millones de veces. Los usuarios de los servicios de me­n­sa­je­ría de WhatsApp y Snapchat también in­te­r­ca­m­bian numerosos memes y GIF. Estos archivos se suben a páginas web, se incluyen en boletines in­fo­r­ma­ti­vos, ilustran artículos de blogs o atraen la atención en banners.

De hecho, el formato de archivo GIF es más antiguo que la World Wide Web. En 1987 ISP Co­m­pu­Se­r­ve inventó este práctico formato gráfico que se puede utilizar para guardar varios fo­to­gra­mas como un solo archivo. El formato también comprime el tamaño del archivo de las imágenes guardadas y soporta una amplia gama de colores. Además, un GIF ocupa re­la­ti­va­me­n­te poco espacio, por lo que incluso los programas de vi­sua­li­za­ción menos potentes en ese momento eran capaces de re­pro­du­cir las imágenes in­di­vi­dua­les como se­cue­n­cias de imágenes, ya que los GIF son archivos de imagen pura y requieren poco al­ma­ce­na­mie­n­to de datos en co­m­pa­ra­ción con los formatos de vídeo reales.

La carrera actual de este formato gráfico comenzó en los años noventa. Con el auge comercial de Internet, los GIF pe­r­mi­tie­ron a los primeros na­ve­ga­do­res web mostrar imágenes animadas. Poco después, apenas hubo una página web que no integrara una imagen pa­r­pa­dea­n­te o ani­ma­cio­nes similares. A medida que las co­ne­xio­nes a Internet se hicieron más rápidas y surgieron las redes sociales, los GIF se co­n­vi­r­tie­ron en un fenómeno masivo. Esto también se debe a que, por su reducido tamaño, incluso los di­s­po­si­ti­vos móviles pueden cargar los archivos GIF sin problemas.

El principio básico en el que se basan estos clips cortos entre el fotograma y la película es, sin embargo, mucho más antiguo: ya se utilizaba en el fo­lio­s­co­pio o los flip-books. Como la ilusión de un mo­vi­mie­n­to fluido que se crea al pasar ilu­s­tra­cio­nes con el dedo rá­pi­da­me­n­te, lo mismo ocurre con imágenes re­pro­du­ci­das a altas ve­lo­ci­da­des. Las películas ci­ne­ma­to­grá­fi­cas también se basan en el llamado efecto es­tro­bo­s­co­pio. En este sentido, el toque no­s­tá­l­gi­co puede co­n­tri­buir a la po­pu­la­ri­dad de los fra­g­me­n­tos de vídeo actuales. Esto también encaja con el fenómeno del remix digital y la cultura del mashup, que combina co­n­te­ni­dos exi­s­te­n­tes –a menudo más antiguos y muy conocidos– en una forma de crear algo nuevo a partir de ellos.

¿Por qué son tan populares los GIF? Hay di­fe­re­n­tes razones: en primer lugar, tra­n­s­mi­ten una idea breve y concisa. Esto hace que el formato sea pa­r­ti­cu­la­r­me­n­te adecuado para mensajes cargados emo­cio­na­l­me­n­te en la co­mu­ni­ca­ción en redes sociales. Al igual que un emoji, que transmite un estado emocional u opinión en cuestión de segundos.

Además, muchos GIF comunican in­fo­r­ma­ción de una manera muy en­tre­te­ni­da. Con ellos se pueden ilustrar o comentar noticias agra­da­bles, bonitos momentos navideños, co­me­n­ta­rios irónicos o chistes in­ge­nio­sos a menudo más efi­ca­z­me­n­te que con un mensaje de texto, porque una animación corta suele ser más expresiva que una imagen estática. Es muy sencillo encontrar una animación adecuada y compartir el archivo GIF, pero también puedes crear un GIF tú mismo.

Una escena de varios minutos en el formato de vídeo habitual suele ser demasiado larga para una charla casual y no suele captar la atención, a menudo reducida, de los usuarios de las redes sociales. Además, los formatos de vídeo a menudo requieren demasiado volumen de datos debido al gran tamaño de sus archivos. Una animación GIF es ligera y solo requiere una pequeña cantidad de datos.

Las ca­ra­c­te­rí­s­ti­cas antes me­n­cio­na­das hacen de los GIF una he­rra­mie­n­ta pu­bli­ci­ta­ria popular para empresas: un clip corto es más fácil de crear y más rápido que un vídeo, por lo que puede resultar más rentable. Los GIF que se insertan en blogs pueden ilustrar artículos y mantener a los lectores in­te­re­sa­dos. Los vídeos cortos o logotipos animados pueden uti­li­zar­se para tra­n­s­mi­tir mensajes de marca de una manera vi­sua­l­me­n­te atractiva, y también pueden usa­r­se­pa­ra señalar rápida y fá­ci­l­me­n­te las ventajas de un nuevo producto o servicio.

Aquellos que mantienen su actividad en varias redes sociales pueden nutrirlas con contenido in­te­re­sa­n­te y fácil de compartir usando GIF. Si están bien hechas, las ani­ma­cio­nes pueden volverse virales y, de este modo, se aumenta el alcance del mensaje.

Un extracto divertido de una serie popular, un momento especial como fragmento de vídeo cargado de emociones, una es­ta­dí­s­ti­ca animada, la mascota de la compañía como animación: los GIF pueden ser uti­li­za­dos de muchas maneras. Como apunte, los ci­ne­ma­to­gra­ph GIF son una variante pa­r­ti­cu­la­r­me­n­te artística de los GIF en las que solo se animan detalles in­di­vi­dua­les, el resto de la imagen está concebida como un bodegón. Casi todas las formas de GIF generan atención y por lo tanto son muy adecuados para la pre­se­n­ta­ción de productos en una tienda online o banners pu­bli­ci­ta­rios.

El esfuerzo necesario para crear un GIF depende en gran medida de si ya tienes las imágenes adecuadas o si necesitas grabar un vídeo o varias imágenes tú mismo. Los efectos es­pe­cia­les son muy útiles, pero lleva más tiempo in­s­ta­lar­los.

La mayoría de los programas de edición de imágenes ofrecen al menos las si­guie­n­tes ca­ra­c­te­rí­s­ti­cas, que también son im­po­r­ta­n­tes para la creación de GIF:

• Loops: muchas he­rra­mie­n­tas te permiten es­ta­ble­cer un modo de re­pe­ti­ción para las se­cue­n­cias de imágenes. También puede es­pe­ci­fi­car­se el número máximo de re­pe­ti­cio­nes.
  
  
• Insertar texto: el texto mostrado pro­po­r­cio­na in­fo­r­ma­ción adicional y asegura que el mensaje deseado llegue al lector. También puede es­ta­ble­ce­r­se la duración de la vi­sua­li­za­ción de una sola imagen con texto. Por ejemplo, para resaltar la imagen con el momento decisivo, la secuencia de la imagen puede re­tra­sar­se hasta este punto. Un cambio rápido de imagen, por otro lado, crea la sensación de velocidad.
  
  
• Ajuste de la fre­cue­n­cia de imagen: para mantener el tamaño pequeño del archivo, no­r­ma­l­me­n­te se re­co­mie­n­da reducir el número de fo­to­gra­mas. Asegúrate de que el mo­vi­mie­n­to de tu GIF no quede poco fluido debido a la escasez de imágenes in­di­vi­dua­les.
  
  
• Slow Motion: la mayoría de las he­rra­mie­n­tas también ofrecen esta función y hacen que las se­cue­n­cias de mo­vi­mie­n­to aparezcan como si es­tu­vie­ran teniendo lugar en cámara lenta.

El primer paso para crear un GIF es encontrar las imágenes adecuadas. La forma más fácil de hacerlo es re­ci­cla­n­do vídeos o fo­to­gra­fías ya exi­s­te­n­tes. Cuando busques imágenes, se­le­c­cio­na una escena corta adecuada para conseguir una secuencia de imágenes in­te­re­sa­n­te. La escena y el motivo deben ajustarse al propósito y al público objetivo: una escena de humor en una página web de la empresa de un asesor fiscal, por ejemplo, hará que la página parezca poco fiable. Sin embargo, para los anuncios de Facebook de una revista de vi­deo­jue­gos pueden ser muy apro­pia­dos.

No es necesario crear GIF desde 0 por ti mismo. También puedes encontrar GIF creados en numerosos di­re­c­to­rios online. Puedes descargar imágenes animadas allí e in­se­r­tar­las a través de enlaces en otras pla­ta­fo­r­mas.

El proceso de creación se asocia a menudo con ob­s­tácu­los legales. Bá­si­ca­me­n­te, un GIF es igual que cualquier otra imagen di­s­po­ni­ble en Internet. Cualquier persona que no disponga de los co­rre­s­po­n­die­n­tes derechos de imagen no podrá uti­li­zar­lo ni editarlo sin permiso. Estas re­s­tri­c­cio­nes también se aplican a los GIF del popular archivo Giphy. Aunque Giphy regula la li­be­ra­ción legal a través de coope­ra­cio­nes, es­pe­cia­l­me­n­te con los usuarios de Giphy que cargan GIF con contenido fre­cue­n­te­me­n­te de fuentes de­s­co­no­ci­das, no es to­ta­l­me­n­te seguro que los derechos de autor estén claros y los derechos pe­r­so­na­les re­pre­se­n­ta­dos se hayan protegido.

Hay una serie de he­rra­mie­n­tas que puedes utilizar para crear GIF online. Algunos de estos programas también están di­s­po­ni­bles en versión móvil. Esto permite convertir los vídeos grabados en un sma­r­t­pho­ne di­re­c­ta­me­n­te en GIF y enviarlos a través de un servicio de me­n­sa­je­ría. A co­n­ti­nua­ción, te pre­se­n­ta­mos tres programas para crear GIF online.

Giphy no solo tiene un gran archivo de GIF, sino que también ofrece un programa gratuito para crear GIF. A través del botón del menú "Create" se puede acceder a la apli­ca­ción basada en el navegador GIF MAKER. No es necesario re­gi­s­trar­se. Para crear un GIF animado, hay tres opciones para obtener la fuente de la imagen:

• Pre­se­n­ta­ción de dia­po­si­ti­vas de varios fo­to­gra­mas
• Clip a partir de vídeos propios
• Clip de material extraído de YouTube, Vimeo o el archivo Giphy

En pocos pasos se genera un GIF a partir del material gráfico deseado:

1. GIF de fo­to­gra­fía, vídeo o URL de vídeo: se­le­c­cio­na una de las tres opciones. A co­n­ti­nua­ción, el programa te pedirá que cargues un archivo o que in­tro­du­z­cas el enlace al vídeo de YouTube se­le­c­cio­na­do en una caja de búsqueda.
   
   
2. Ahora puedes utilizar un control de­s­li­za­n­te para es­ta­ble­cer el tiempo de vi­sua­li­za­ción de imágenes in­di­vi­dua­les o se­cue­n­cias de vídeo y añadir imágenes adi­cio­na­les si es necesario. El orden de las imágenes también se puede cambiar.
   
   
3. De forma opcional, puedes añadir un subtítulo o efectos es­pe­cia­les. Estos se crean en el área de trabajo de la derecha. Puedes añadir texto, pegatinas (gráficos animados), así como tus propios dibujos y utilizar un filtro. Para colocar los elementos in­di­vi­dua­les, si­m­ple­me­n­te arrá­s­tra­los al área de la imagen con el ratón.
   
   
4. En un paso posterior puedes agregar URL y etiquetas. También puedes decidir si deseas poner el GIF a di­s­po­si­ción del público o uti­li­zar­lo ex­clu­si­va­me­n­te para fines privados.
   
   
5. El GIF se crea fi­na­l­me­n­te a través del botón “Upload”. Después es posible guardar el resultado en tu ordenador. Si tienes una cuenta de Giphy y la has vinculado a tus cuentas de redes sociales, puedes compartir in­me­dia­ta­me­n­te el GIF. Al­te­r­na­ti­va­me­n­te, si­m­ple­me­n­te inserta el GIF en un post de Facebook o en un tuit a través de un enlace.

Giphy también se puede utilizar sobre la marcha y convertir en GIF imágenes y vídeos creados con tu sma­r­t­pho­ne. La apli­ca­ción Giphy Cam está di­s­po­ni­ble para iPhone y Android. La apli­ca­ción para móviles es tan sencilla como la versión del navegador. Además, la función de grabación de la apli­ca­ción facilita la creación de un GIF a partir de tus propias fotos y vídeos. Por ejemplo, el modo de ráfaga saca au­to­má­ti­ca­me­n­te cinco imágenes y las une en una secuencia corta. Para crear la ilusión de mo­vi­mie­n­to, la secuencia de imágenes se convierte en un vídeo en modo hi­pe­r­la­p­so.

El generador GIF Imgflip está di­s­po­ni­ble en versión gratuita y de pago (Imgflip Pro). La versión extendida tiene la ventaja de que no hay re­s­tri­c­cio­nes con respecto al tamaño y la duración del GIF. También te permite ocultar la marca de agua, que se añade au­to­má­ti­ca­me­n­te a cada GIF creado con Imgflip.

Similar a Giphy, Imgflip ofrece tres opciones: si eliges un clip corto o una secuencia de imágenes de varias fo­to­gra­fías, haz clic en las pestañas co­rre­s­po­n­die­n­tes. Utiliza el botón “Upload” para cargar las imágenes desde tu disco duro. Para utilizar imágenes de una pla­ta­fo­r­ma de vídeo, si­m­ple­me­n­te inserta el URL del vídeo co­rre­s­po­n­die­n­te en la caja de búsqueda de la ficha "Video to GIF" y visualiza la vista previa. Es im­po­r­ta­n­te que el vídeo no sea mayor de 25 MB. Si deseas editar un archivo más grande, necesitas la versión de pago, Imgflip Pro.

Imgflip ofrece a los usuarios numerosas funciones para editar sus GIF:

• Delay (de imágenes a GIF) o control de­s­li­za­n­te (de vídeo a GIF): esta función te permite es­ta­ble­cer el tiempo de vi­sua­li­za­ción de imágenes in­di­vi­dua­les o se­cue­n­cias de vídeo. Si­m­ple­me­n­te arrastra el control de­s­li­za­n­te para cambiar el tiempo de la secuencia. Para los vídeos, también debes definir un punto de inicio y final, que funciona a través de una línea de tiempo con controles. Si utilizas la versión gratuita, ten en cuenta que el GIF no debe durar más de 20 segundos.
  
  
• Width und Height: el ancho y el alto son aju­s­ta­bles si es­pe­ci­fi­cas un valor de píxel deseado. Además, puedes utilizar la función "Recortar GIF" para se­le­c­cio­nar una sección de la imagen es­pe­cí­fi­ca que se utiliza para el GIF. Una ventana de vista previa te muestra cómo afectarán los cambios.
  
  
• Quality (de imágenes a GIF): la calidad de imagen es ajustable en una escala del 1 al 10. Sin embargo, la mejor calidad de imagen (con un valor de 1) se asocia a un tamaño de datos alto, por lo que un valor medio es la mejor opción en la mayoría de los casos.
  
  
• More options (más opciones): aquí puedes hacer pequeños ajustes, que pueden ser, por ejemplo, cambiar el color del fondo o es­pe­ci­fi­car un número máximo de imágenes por segundo.
  
  
• Add text to GIF (agregar texto al GIF): ya sea subtítulo o eslogan, puedes utilizar esta función para agregar texto.
  
  
• Auto Arrange: ¿quieres cambiar la secuencia de imágenes? Si­m­ple­me­n­te arrastra la imagen a la posición deseada.

¿Estás sa­ti­s­fe­cho con el resultado? A co­n­ti­nua­ción, haz clic en el botón "Generate GIF". Por lo general, solo tienes que esperar unos segundos hasta que se cree el GIF. Si sigue siendo necesario realizar cambios, puedes volver al editor haciendo clic en el botón "Adjust options". Para guardar el GIF terminado, puedes de­s­ca­r­gar­lo haciendo clic en el botón "Download image".

¿Cómo hacer una imagen GIF offline? Para crear GIF no necesitas he­rra­mie­n­tas online, pues también es fácil hacerlo con apli­ca­cio­nes de es­cri­to­rio. Los GIF también se pueden crear sin conexión a Internet, uti­li­za­n­do un editor de imágenes instalado en el ordenador. Un programa de diseño gráfico ofrece aún más libertad de diseño que las apli­ca­cio­nes online. Gracias a sus numerosas funciones, puedes pe­r­so­na­li­zar los cambios y efectos y realizar di­fe­re­n­tes ajustes de imagen.

Photoshop es ex­tre­ma­da­me­n­te versátil y ofrece una im­pre­sio­na­n­te gama de funciones. Sin embargo, el programa solo está di­s­po­ni­ble por una cuota o como una versión de prueba con una vida útil de unos pocos días.

Las si­guie­n­tes in­s­tru­c­cio­nes explican cómo crear un GIF con Photoshop. Sin embargo, los nombres de las funciones y comandos in­di­vi­dua­les pueden variar de­pe­n­die­n­do de la versión.

Primero se crean fo­to­gra­mas para la animación GIF: es decir, fo­to­gra­mas que se mostrarán más tarde en un orden de­te­r­mi­na­do y con una duración pre­de­te­r­mi­na­da. Si deseas convertir una escena de vídeo en un GIF, primero debes dividir el vídeo en cuadros in­di­vi­dua­les. Para ello, se­le­c­cio­na la función "Cuadro de vídeo a capas" al importar el archivo de vídeo. El vídeo se dividirá en cuadros y a cada cuadro se le asignará una capa separada.

Si deseas crear un GIF a partir de varias imágenes fijas, se­le­c­cio­na la función "Ventana" y, a co­n­ti­nua­ción, "Línea de tiempo" en la barra de menú superior. Si no utilizas la versión actual (CC 2017), se­le­c­cio­na en su lugar el botón "Animación". En la ventana de la línea de tiempo, crea una nueva capa para cada fotograma. Todos los niveles se muestran en una barra en la parte inferior de la pantalla. La ventaja de estas capas es que pueden mostrar y ocultar imágenes in­di­vi­dua­les en cualquier momento.

De esta manera puedes comprobar qué fo­to­gra­mas omitir si fuera necesario. Es­pe­cia­l­me­n­te para los vídeos se re­co­mie­n­da una selección estricta pues, en de­fi­ni­ti­va, se muestran 24 cuadros por segundo. Aunque el formato GIF comprime el tamaño del archivo, 24 fo­to­gra­mas por segundo todavía ocupan mucho espacio de al­ma­ce­na­mie­n­to, por lo que es re­co­me­n­da­ble que hagas una selección. Si utilizas solo una de cada dos o tres imágenes, la calidad de vídeo seguirá siendo su­fi­cie­n­te. Ya durante la im­po­r­ta­ción de imágenes es posible definir un número menor de fo­to­gra­mas. También debes eliminar las se­cue­n­cias que son de poco interés para la animación GIF.

Una vez creada la serie de imágenes, puedes ajustar el fundido entre fo­to­gra­mas. Si ra­le­n­ti­zas el cambio de imagen y muestras un fotograma durante 0,10 segundos, por ejemplo, te las arre­gla­rás con menos fo­to­gra­mas. Para definir el tiempo de vi­sua­li­za­ción, en­co­n­tra­rás una es­pe­ci­fi­ca­ción de tiempo debajo de cada cuadro y una opción de selección que puede utilizar para definir el valor de tiempo deseado.

¿Deseas mostrar la animación GIF solo una vez, en un bucle sin fin o en un bucle de un minuto? En la barra de he­rra­mie­n­tas en la parte inferior de la ventana de edición en­co­n­tra­rás un menú emergente en el que podrás definir con qué fre­cue­n­cia debe re­pro­du­ci­r­se la animación. En esta área también en­co­n­tra­rás un botón de re­pro­du­c­ción. Haz clic en él para ver una vista previa.

Una vez has de­te­r­mi­na­do la secuencia, puedes dedicarte a los efectos es­pe­cia­les y a hacer más ajustes. Puedes elegir entre todas las he­rra­mie­n­tas de Photoshop. Por ejemplo, puedes su­b­ti­tu­lar el vídeo GIF uti­li­za­n­do una capa de texto adicional.

Aunque el programa de edición de imágenes GIMP no puede competir con Photoshop en términos de fu­n­cio­na­li­dad, está di­s­po­ni­ble de forma gratuita y también permite animar fo­to­gra­fías y gráficos. GIMP ofrece dos opciones para ello. ¿Deseas crear un GIF a partir de tus propios gráficos y diseñarlo in­di­vi­dua­l­me­n­te? Para hacerlo tienes que crear una plantilla y una capa separada para cada marco, si bien es más fácil con una plantilla de GIMP para di­fe­re­n­tes estilos de animación. Para ello, procede del siguiente modo:

1. Crea una nueva imagen. Utiliza el material gráfico que deseas animar e impórtalo al programa.
   
   
2. A co­n­ti­nua­ción, se­le­c­cio­na un estilo de animación. Para hacerlo, vete a la barra de menú superior y haz clic en "Filtro". Bajo el punto de menú "Animación" puedes elegir entre cinco estilos di­fe­re­n­tes.
   
   
3. Ahora tienes la opo­r­tu­ni­dad de realizar ajustes in­di­vi­dua­les en la ventana Script-Fu que se abre au­to­má­ti­ca­me­n­te (por ejemplo, puedes es­ta­ble­cer el número de fo­to­gra­mas). Después de confirmar con "OK", GIMP crea au­to­má­ti­ca­me­n­te una animación GIF que consiste en varias capas de tus imágenes.
   
   
4. Si deseas ver una vista previa, haz clic en "Re­pro­du­cir animación" en la misma área de menú. Si se requieren más cambios, puedes hacerlos de nuevo en la ventana Script-Fu.
   
   
5. Utiliza la función "Archivo" para exportar la animación como GIF. Al exportar el GIF, es im­po­r­ta­n­te marcar la opción "Como animación" en el cuadro de diálogo que se abre. En este punto puedes es­pe­ci­fi­car si el GIF debe re­pro­du­ci­r­se en bucle.

Tienes más libertad de diseño si creas tu propia plantilla:

1. Primero comienza un nuevo proyecto.
   
   
2. Crea una capa para cada fotograma o fotograma de vídeo. La forma más fácil de hacerlo es creando una plantilla. Lleva a cabo para la primera imagen los ajustes que deben aplicarse a la mayoría de imágenes de la animación. Utiliza la función "Escalar imágenes" para ajustar el tamaño y la calidad de la imagen con el fin de mantener el tamaño del archivo lo más pequeño posible. A co­n­ti­nua­ción, crea una capa para la imagen y utiliza el método de relleno "Tra­n­s­pa­re­n­cia" para el fondo de la capa. Para ello, debes abrir la ventana "Pro­pie­da­des de la capa".
   
   
3. Asigna un nombre a las capas de acuerdo con el siguiente patrón: nombre de archivo (x ms) (re­em­pla­zar), por ejemplo: "Pu­bli­ci­dad en banners (200 ms) (re­em­pla­zar)". La es­pe­ci­fi­ca­ción entre pa­ré­n­te­sis después del nombre del archivo se refiere al tiempo de inserción de la trama en mi­li­se­gu­n­dos. El comando "re­em­pla­zar" es necesario para que la imagen anterior quede oculta cuando se muestre la siguiente capa, lo que da como resultado una secuencia clara de imágenes.
   
   
4. Duplicar la plantilla terminada se­le­c­cio­na­n­do la función "Duplicar capa" en la barra de menú superior encima del botón "Capa". Las capas du­pli­ca­das se muestran una tras otra en la ventana de edición de imagen. Ten en cuenta que el nivel más bajo será la primera imagen de la orden. Si quieres que las capas se vean iguales, puedes dejarlo así. De lo contrario, puedes modificar cada nivel en una fecha posterior y retrasar la secuencia de tramas, por ejemplo, au­me­n­ta­n­do el tiempo de de­s­va­ne­ci­mie­n­to.
   
   
5. Para comprobar el resultado, puedes pre­vi­sua­li­zar­lo. Para ello, ve a la barra del menú superior. Se­le­c­cio­na el botón "Animación" mediante la opción de filtro y, a co­n­ti­nua­ción, "Re­pro­du­cir animación".
   
   
6. Para guardar la animación y ajustar el número de re­pe­ti­cio­nes, procede como se describe an­te­rio­r­me­n­te (punto 5).