Cómo hacer GIFs con Photoshop (o estas alternativas gratuitas)

Si una imagen vale más que mil palabras, entonces un GIF animado probablemente dice 10,000. ¿O tal vez 50,000? ¿Un millón? OK, no analices demasiado la metáfora! El punto es que los GIF son increíbles. Son como los libros de texto de Internet: excelentes para transmitir pensamientos y emociones que las palabras no pueden describir, mostrar las travesuras de sus adorables mascotas domésticas , crear arte abstracto o darle una buena risa .

Los GIF también son modestos, generalmente se presentan en baja resolución y velocidad de cuadros limitada, pero el formato se ha convertido en un favorito de Internet. Sirvió como un ejemplo temprano de algo que podía hacer en línea que no podía imprimir, y ha sobrevivido prácticamente sin cambios desde su inicio a fines de los años 80, y sigue siendo popular hoy en día a pesar del aumento dramático de los formatos de video web de alta calidad. Esto, por supuesto, solo hace que el humilde GIF sea aún más impresionante.

Probablemente estemos predicando al coro. Después de todo, si estás leyendo esto, ya sabes lo increíbles que son los GIF animados. Tal vez haya usado un teclado GIF en su teléfono para enviar una animación divertida a un amigo, o los haya visto aparecer en comentarios en Facebook. ¿Pero alguna vez has hecho el tuyo? Todos tenemos ideas para los más grandes GIF, obras maestras en miniatura que esperan una oportunidad en la vida, pero tal vez no sepas cómo hacer realidad ese sueño. No se preocupe: este sencillo tutorial lo guiará en el proceso de creación de GIF de primera categoría, incluso si no podemos decirle definitivamente cómo se pronuncia .

Cómo hacer un GIF animado a partir de un video (Photoshop)

Antes de saltar directamente al tutorial, deberíamos dirigirnos al elefante en la habitación. Adobe Photoshop es probablemente el mejor software disponible para hacer GIF (o editar imágenes en general). Si no tiene Photoshop, hay programas que pueden ofrecerle algunas de las mismas funciones, como GIMP , pero si desea tomarse en serio la creación de GIF, Photoshop es el camino a seguir.

Gif animado de caballos

Paso 1 : encuentre una buena secuencia de videos en la web que desee convertir en un GIF. Esto puede ser prácticamente cualquier cosa, pero intente optar por un clip que no sea demasiado largo, ya que la brevedad es el alma del GIF.

Paso 2 – Guarda el video en tu computadora. Echa un vistazo a nuestra guía sobre cómo descargar videos de YouTube si necesitas orientación sobre cómo copiar imágenes de la Web. Recorte la grabación solo a la longitud que desea que reproduzca el GIF. Dos o tres segundos son excelentes, cinco lo están presionando y 10 o más es posible con el corte correcto, pero el archivo será grande y difícil de trabajar. La regla general es transmitir su idea en el menor número de marcos posible.

Paso 3 – Abre el video con Photoshop. Para hacer esto, navegue a Archivo> Importar> Marcos de video a capas . Seleccione el archivo de video que desea y Photoshop lo abrirá como una serie de imágenes fijas. Puede elegir importar el video completo de principio a fin, o usar los controles deslizantes para seleccionar una porción más pequeña del clip. Puede limitar la importación a cada otro fotograma (o cada tercero, cuarto, etc.) para hacer que el archivo sea más pequeño, pero esto también hará que el video sea más fragmentado.

Photoshop GIF Import

Paso 4 – Lío con la configuración. Puede ajustar el balance de color y otras cosas con Photoshop en este punto si lo desea. Cuando tengas todo en perfecto estado, dirígete a Archivo> Guardar para Web. A continuación, se encontrará con una ventana que se ve así:

Configuraciones GIF en Photoshop

Todas estas configuraciones se pueden modificar para hacer su GIF más pequeño. Idealmente, querrás que no supere los 1 MB para que no tarde mucho en cargarse en las páginas web. Juega con todo esto hasta que encuentres un punto dulce.

  • Colores : esto limita el número de colores utilizados para crear la imagen, por lo que cuanto más alto, mejor (los GIF se limitan a un máximo de 256 colores). Solo baje hasta 128 o menos si es necesario, o si su GIF no tiene mucho color para empezar
  • Dither : El dithering dispersa píxeles de diferentes colores en una imagen para que parezca que hay colores intermedios en las imágenes con una paleta de colores limitada. Las configuraciones más altas producirán imágenes de mejor apariencia, pero también harán que el archivo sea más grande
  • Con pérdida : use esta configuración para aplicar una caída intencional en la calidad. Una configuración más baja es mejor, pero podría ser necesaria cierta pérdida de calidad para que su archivo sea lo suficientemente pequeño
  • Tamaño : cambiar las dimensiones de su GIF puede tener un gran impacto en el tamaño del archivo

Paso 5 – ¡Guarda y comparte! Pulse el botón Guardar para finalizar su creación. Una vez hecho esto, puedes subirlo a un sitio de alojamiento de imágenes gratuito como Imgur para compartirlo con tus amigos e insertarlo en blogs y sitios web.

Cómo hacer un GIF animado usando imágenes fijas (Photoshop)

También puede crear GIF animados en Photoshop encadenando imágenes fijas. Este proceso consiste en superponer cada fotograma de abajo hacia arriba y luego secuenciar las capas utilizando la herramienta de animación / línea de tiempo de Photoshop.

Paso 1 : recopile las imágenes fijas que d
esea
secuenciar para su GIF y colóquelas en una sola carpeta. Luego, en Photoshop, haga clic en Archivo> Secuencias de comandos> Cargar archivos en la pila. Desde allí, haga clic en Examinar y seleccione las imágenes en su escritorio que desea encadenar en un GIF.

Seleccione "Aceptar" y se abrirá una nueva composición con estas imágenes fijas ahora como capas individuales en una sola imagen. Organizarlos en consecuencia; su primer marco debe ocupar la capa inferior y así sucesivamente.

También puede crear cada capa individualmente en Photoshop, en lugar de simplemente cargar por lotes sus imágenes fijas como capas. Ejecute Photoshop y cree una nueva imagen haciendo clic en Archivo> Nuevo y luego seleccione "Aceptar". Luego, desbloquee la capa de fondo haciendo doble clic en el icono de candado, cree una nueva capa abriendo Capa> Nueva …> Capa y diseñe cada marco según corresponda . De nuevo, encadena tu animación de abajo hacia arriba. (Este proceso funciona si está utilizando una versión anterior de Photoshop que no cuenta con la opción "Cargar archivos en la pila".) Simplemente cargue sus fotos en Photoshop, arrástrelas a su nuevo proyecto y cambie el tamaño de las capas recién creadas de manera correspondiente utilizando Photoshop herramienta de transformación ( E dit> Transformación libre o Ctrl + T, luego arrastre las esquinas para cambiar el tamaño del objeto ).

Desea que el resultado final se vea así, con cada fotograma de la animación separado como una capa y ordenado cronológicamente desde abajo hacia arriba:

Imagen de la 1ª diapositiva en gif.

Paso 2 : ahora que has ordenado tus capas en consecuencia, puedes comenzar a secuenciar tus capas. Una vez más, este proceso variará según la versión de Photoshop que esté utilizando. Si aún está ejecutando CS5 o inferior (no lo juzgaremos), acceda a la ventana de animación abriendo Window + Animation . Del mismo modo, haga clic en Ventana + Línea de tiempo en Photoshop CS6 y Photoshop CC para acceder a la ventana de Línea de tiempo. Para Photoshop CC, haga clic en el menú desplegable en el centro de la ventana de la línea de tiempo y seleccione "Crear animación de cuadro".

Una vez que haya abierto la herramienta de secuenciación de Photoshop, haga clic en la flecha pequeña que mira hacia la derecha en la esquina superior derecha y luego seleccione Crear marcos a partir de capas .

También puede hacer clic en la flecha que apunta hacia la derecha para crear un nuevo marco manualmente (o simplemente puede usar el comando de teclas de acceso rápido Ctrl> Mayús> Alt> F ). Desde allí, use el icono de ojo al lado de cada capa para ocultar las capas que no desea que aparezcan en el marco que ha creado.

Imagen de la última diapositiva en gif.

Desde aquí, use el menú debajo de cada cuadro para alternar su duración. El menú en la esquina inferior izquierda dicta cuántas veces se reproducirá su GIF, configúrelo en Forever si desea que se repita sin fin.

Paso 3 – ¡Felicitaciones! Ha creado un GIF animado con imágenes fijas y ahora todo lo que tiene que hacer es exportarlo de Photoshop mediante el proceso descrito anteriormente. Para un resumen rápido:

Diríjase a Archivo> Guardar para Web . Recuerde mantener su GIF no más grande que 1MB. Si es necesario, modifique los ajustes de color, tramado, pérdida y tamaño hasta que su GIF haya cambiado de tamaño en consecuencia. Una vez que estés feliz, guarda tu GIF recién acuñado.

Cómo hacer un GIF animado usando imágenes fijas (gratis)

Si no tiene acceso a Photoshop, existen métodos gratuitos para hacer un GIF, aunque la calidad del producto final puede no ser tan alta. Hay varios programas gratuitos (como GIMP o Pixlr) que ofrecen las funciones básicas de Photoshop, lo que le permite crear imágenes fijas y reproducirlas en secuencia, así como sitios web que le permiten cortar archivos GIF del video. Ninguno de estos procesos será tan efectivo como Photoshop, sin embargo, son más baratos y bastante sencillos.

Usando imagenes fijas

Hay varias aplicaciones en el navegador que te permiten hacer GIF de una serie de imágenes fijas. Como ejemplo, usaremos Ezgif . Este sitio le permite cargar una serie de imágenes, organizarlas y convertirlas en un GIF animado. Por supuesto, para hacerlo se requerirá un conjunto de imágenes que funcionen en secuencia. Para hacer esto, necesitaremos un sustituto gratuito de Photoshop. Usaremos Pixlr en este ejemplo.

Paso 1 – Lo primero que debes hacer es crear una nueva imagen. Elija el tamaño del lienzo, pero tenga en cuenta que cuanto mayor sea el tamaño de archivo de un GIF, más lentamente se cargará, así que intente reducir la cantidad de cosas que se ajustarán en el lienzo. Más simple y más pequeño es a menudo mejor.

Paso 2 : una vez que tengas un lienzo, crea el primer fotograma de tu GIF. Para este ejemplo, usaremos la herramienta de forma para crear una persona fuera de un círculo, rectángulos y líneas, guardando esta imagen para crear el primer cuadro.

persona gif 1

La animación consiste en reproducir una serie de imágenes con leves cambios para dar la ilusión de movimiento, por lo que para hacer un GIF, deberá realizar varias imágenes, cada una con una ligera variación de la última. En aras de la simplicidad, este gif solo tendrá unos pocos fotogramas, por lo que no será bonito, pero debería ilustrar el concepto.

Paso 3 – Para el siguiente cuadro, haremos que la figura levante sus brazos borrándolos y levantando nuevos brazos levantados hacia arriba. Guarda la imagen para crear el segundo cuadro.

persona gif 2

Paso 3 : a continuación, usaremos la herramienta de Tipo para hacer que aparezca el texto y guardaremos esta imagen como el tercer cuadro.

persona gif 3

Paso 4 – Luego, agregaremos más texto y lo guardaremos como el cuarto marco.

persona gif 4

Paso 5 – Con nuestros marcos listos, los subiremos a Ezgif. Seleccione la pestaña con la etiqueta GIF Maker y haga clic en el botón Elegir archivos . Selecciona todos los archivos de imagen asociados

a tu GIF.

Paso 6 – A continuación, haz clic en el botón etiquetado Subir . Cuando los archivos de imagen hayan terminado de cargarse, asegúrese de que estén en el orden correcto. También puede configurar el tiempo de demora, que es el tiempo entre fotogramas, y elegir cuántas veces (si lo desea) desea que el GIF realice un bucle.

fabricante de gif tutorial 1

Paso 7 – Una vez hecho esto, haga clic en el botón etiquetado Animate it!

fabricante de gif tutorial 2

Su GIF debería aparecer, junto con los botones para editarlo o guardarlo en su computadora.

Cómo hacer un GIF animado a partir de un video (gratis)

Si desea utilizar un fragmento particular de un video para un GIF, hay numerosos sitios que pueden ayudarlo a hacerlos con muy poca información de su parte. Ezgif , Giphy , ImgFlip , Gfycat y muchos otros servicios en línea le permiten hacer GIF sin la ayuda de una tarjeta de crédito, aunque la conveniencia viene con un sacrificio en el nivel de control que tiene.

Paso 1 : usar una de estas herramientas en línea es increíblemente sencillo. Como ejemplo, utilizaremos Giphy. Este sitio le permite pegar la URL de un video en particular o cargar un archivo de video desde su computadora. Ingrese la URL o cargue su video y continúe con el Paso 2.

como hacer un gif gif

Paso 2 : una vez que hayas hecho eso, podrás elegir el punto en el video donde comenzará el GIF y elegir el tiempo que durará el GIF. También puede ingresar un título, si lo desea.

pantalla gitana 2

Paso 3 : una vez que haya decidido sobre esos elementos, simplemente presione el botón Crear GIF y permita que el sitio se ocupe del resto.

El proceso es más o menos el mismo para otros sitios, incluido ImgFlip. Sin embargo, si desea un mayor control sobre la calidad resultante de su GIF, probablemente debería seguir con Photoshop. Dicho esto, para la funcionalidad básica de video a GIF, los sitios como Giphy deberían funcionar bien.

Cómo hacer un GIF de un video de YouTube

Puede usar los sitios anteriores y más para crear un GIF a partir de un video de YouTube. Tenemos una guía paso a paso que puede ayudarlo a crear GIF asombrosos desde cualquier video de YouTube, aquí .

¡Y eso es! Ahora eres un gurú de GIF (o un Jedi de GIF, si prefieres la pronunciación de soft g), y tus feeds de redes sociales están a punto de volverse infinitamente más emocionantes. Aunque, probablemente deberíamos advertirle: con gran poder viene una gran responsabilidad; elige tus momentos con inteligencia y no inundes a tus amigos con un ataque abrumador de GIFs de baja calidad para gatos, no importa lo lindos que sean. Hay un tiempo y un lugar, y la calidad siempre supera a la cantidad. El GIF puede ser modesto, pero también es una leyenda; merece tu respeto Estudíalo, practícalo, domínalo.