Cómo hacer un GIF en Photoshop (o una alternativa gratuita)

Los GIF son increíbles. Son como los flipbooks de Internet: excelentes para transmitir pensamientos y emociones que las palabras no puedo describir, ya que muestran las travesuras de tus adorables mascotas domésticas o te dan una buena risita.

Contenido

  • Cómo hacer un GIF animado a partir de un vídeo (Photoshop)
  • Cómo hacer un GIF animado usando imágenes fijas (Photoshop)
  • Cómo hacer un GIF animado usando imágenes fijas (gratis)
  • Configura tus imágenes fijas primero
  • Hacer un GIF animado usando una herramienta gratuita
  • Cómo hacer un GIF animado a partir de un vídeo (gratis)
  • Cómo hacer un GIF a partir de un vídeo de YouTube

Tal vez hayas usado un GIF en tu teléfono para enviar una animación divertida a un amigo, o los hayas visto aparecer en los comentarios de Facebook. ¿Pero alguna vez has creado tu propio GIF? Es posible que tengas ideas para los GIF más grandiosos, pero tal vez no sepas cómo hacer realidad ese sueño. No se preocupe: este sencillo tutorial debería guiarlo a través del proceso de creación de GIF de primer nivel, incluso si no podemos decirle definitivamente cómo pronunciarlo.

Vídeos recomendados

Moderado

20 minutos

  • Photoshop o una herramienta online gratuita como Giphy

  • Imágenes fijas que deseas usar para tu GIF

  • Un vídeo del que quieres hacer tu GIF

  • una computadora

Cómo hacer un GIF animado a partir de un vídeo (Photoshop)

Antes de pasar directamente al tutorial, debemos abordar el elefante en la habitación. Adobe Photoshop es probablemente el mejor software disponible para crear GIF (o editar imágenes en general). Si no tiene Photoshop, otros programas pueden brindarle algunas de las mismas funciones, como CAÑUTILLO, pero si quieres tomarte en serio la creación de GIF, Photoshop es el camino a seguir.

Paso 1: Encuentra una buena secuencia de vídeo en la web que quieras convertir en un GIF. Puede ser prácticamente cualquier cosa, pero intenta optar por un clip que no sea demasiado largo, ya que la brevedad es clave para un buen GIF.

Paso 2: Guarde el vídeo en su computadora. Consulte nuestra guía sobre cómo descargar vídeos de youtube si necesita orientación sobre cómo extraer imágenes de la web. Recorta el metraje hasta la longitud que deseas que reproduzca el GIF. Dos o tres segundos es genial, cinco es suficiente y 10 o más son posibles con el corte correcto, pero la lima será grande y será difícil trabajar con ella. La regla general es transmitir su idea en la menor cantidad de fotogramas posible.

Relacionado

  • Las mejores ofertas de Adobe Photoshop: obtenga el software de edición de fotografías gratis
  • Cómo combinar archivos PDF en Windows, macOS o la web
  • Cómo guardar una página web como PDF

Paso 3: Abre el vídeo con Photoshop. Para hacer esto, navegue hasta Archivo > Importar > Fotogramas de vídeo a capas. Seleccione el archivo de vídeo que desee y Photoshop lo abrirá como una serie de fotogramas fijos. Puede optar por importar el video completo de principio a fin o usar controles deslizantes para seleccionar una porción más pequeña del clip. Puedes limitar la importación a cada dos cuadros (o cada tercer, cuarto, etc.) para hacer el archivo más pequeño, pero esto también hará que el video se vea más entrecortado.

Importar un vídeo a capas en Photoshop.

Etapa 4: Métete con la configuración. Puedes ajustar el balance de color y todo eso con Photoshop en este punto si lo deseas. Cuando tengas todo perfecto, dirígete a Archivo > Guardar para web. Luego aparecerá una ventana similar a esta:

Configuración de GIF en Photoshop.

Paso 5: Puedes modificar estas configuraciones para hacer tu GIF más pequeño. Lo ideal es que no tenga más de 1 MB para que no tarde mucho en cargarse en las páginas web. Juega con todos estos hasta que encuentres un punto ideal.

  • Colores: Esto limita la cantidad de colores utilizados para crear la imagen, por lo que cuanto más altos, mejor (los GIF están limitados a un máximo de 256 colores). Sólo baje a 128 o menos si es necesario o si su GIF no tiene mucho color en primer lugar.
  • Vacilar: El tramado dispersa píxeles de diferentes colores en una imagen para que parezca que hay colores intermedios en imágenes con una paleta de colores limitada. Una configuración más alta producirá imágenes más atractivas, pero esto también hará que el archivo sea más grande.
  • Con pérdida: Utilice esta configuración para aplicar una caída intencional en la calidad. Una configuración más baja es mejor, pero es posible que sea necesaria cierta pérdida de calidad para que el archivo sea lo suficientemente pequeño.
  • Tamaño: Cambiar las dimensiones de tu GIF puede tener un gran impacto en el tamaño del archivo.

Paso 6: ¡Guardar y compartir! Selecciona el Ahorrar botón 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 incrustarlo en blogs y sitios web.

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

También puedes crear GIF animados en Photoshop uniendo imágenes fijas. Este proceso consiste en colocar capas en cada cuadro de abajo hacia arriba y luego secuenciar las capas usando la herramienta de animación/línea de tiempo de Photoshop.

Paso 1: Recopile las imágenes fijas que desea secuenciar para su GIF y colóquelas en una sola carpeta. Luego, en Photoshop, elija Archivo > Guiones > Cargar archivos en la pila. Luego, seleccione Navegar y elija las imágenes en su escritorio que desea unir en un GIF.

Paso 2: Seleccionar DE ACUERDO, y debería abrirse una nueva composición con estas imágenes fijas ahora representadas como capas individuales en una sola imagen. Organícelos en consecuencia; su primer cuadro debe ocupar la capa inferior y así sucesivamente.

Paso 3: También puede crear cada capa individualmente en Photoshop en lugar de cargar sus imágenes fijas por lotes como capas. Ejecute Photoshop y cree una nueva imagen seleccionando Archivo > Nuevo y luego seleccionando DE ACUERDO. Luego, desbloquea la capa de fondo seleccionando dos veces el Cerrar icono, cree una nueva capa abriendo Capa > Nuevo… > Capay diseñe cada marco en consecuencia.

Etapa 4: Nuevamente, encadene su animación de abajo hacia arriba. (Este proceso funciona si está utilizando una versión anterior de Photoshop que no incluye la opción "Cargar archivos en la pila"). Cargue su fotografías a Photoshop, arrástrelas a su nuevo proyecto y cambie el tamaño de las capas recién creadas en consecuencia utilizando la herramienta de transformación de Photoshop. (Editar > Transformación libre o Ctrl+T), luego arrastre las esquinas para cambiar el tamaño del objeto).

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

Pantalla de capas en Photoshop.

Paso 5: Ahora que ha organizado sus capas en consecuencia, puede comenzar a secuenciarlas. Nuevamente, este proceso variará según la versión de Photoshop que esté utilizando. Si todavía estás ejecutando CS5 o inferior (oye, no juzgaremos), accede a la ventana de animación abriendo Ventana + Animación. Del mismo modo, seleccione Ventana + Línea de tiempo en Photoshop CS6 y Photoshop CC para acceder a la ventana Línea de tiempo. Para Photoshop CC, seleccione el Menú desplegable en el medio de la ventana Línea de tiempo y seleccione Crear animación de cuadros.

Paso 6: Una vez que haya abierto la herramienta de secuenciación de Photoshop, seleccione el Flecha pequeña orientada hacia la derecha en la esquina superior derecha y luego elija Hacer marcos a partir de capas.

También puede seleccionar el Flecha hacia la derecha para crear un nuevo marco manualmente (o puede usar el comando de tecla de acceso rápido Control > Cambio > Alt. > F).

Paso 7: Desde allí, seleccione el Ojo icono al lado de cada capa para ocultar las capas que no desea que aparezcan en el marco que ha creado.

Pantalla de capa 3 en Photoshop.

Paso 8: 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á tu GIF; configúralo en Para siempre si quieres que se repita sin cesar.

Paso 9: ¡Felicidades! Ha creado un GIF animado utilizando imágenes fijas y ahora todo lo que tiene que hacer es exportarlo desde Photoshop mediante el proceso descrito anteriormente. Para un resumen rápido:

Dirigirse a Archivo > Guardar para web. Recuerde mantener su GIF no mayor a 1 MB. Si es necesario, modifique la configuración de color, tramado, pérdida y tamaño hasta que su GIF haya cambiado de tamaño en consecuencia. Una vez que esté satisfecho, guarde su GIF recién creado.

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

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

Configura tus imágenes fijas primero

Varias aplicaciones del navegador te permiten crear GIF a partir 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 será necesario 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 debe hacer es subir una nueva imagen. Elija el tamaño del lienzo, pero tenga en cuenta que cuanto mayor sea el tamaño del archivo de un GIF, más lentamente se cargará, así que intente reducir la cantidad de cosas que caben en el lienzo. Lo más sencillo y lo más pequeño suele ser mejor.

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

El proceso de animación consiste en reproducir una serie de imágenes con ligeros cambios para dar la ilusión de movimiento. Para crear un GIF, necesitarás crear varias imágenes, cada una con una ligera variación respecto a la anterior. En aras de la simplicidad, este GIF sólo tendrá unos pocos fotogramas, por lo que no será bonito, pero debería ilustrar el concepto.

Imagen fija de persona con figura de palo.

Paso 3: Para el siguiente cuadro, haremos que la figura levante los brazos borrándolos y dibujando nuevos brazos levantados hacia arriba. Guarde la imagen para crear el segundo fotograma.

Segundo fotograma fijo de una imagen GIF de figura de palo. Esta figura de palitos tiene ambos brazos en el aire.

Etapa 4: A continuación, usaremos el Tipo herramienta para hacer que aparezca texto y guardaremos esta imagen como el tercer cuadro.

Tercera imagen fija de una figura de palo. Este tiene la palabra ¡He aquí! en eso.

Paso 5: Luego, agregaremos más texto y lo guardaremos como el cuarto cuadro.

Esta es la cuarta imagen fija del GIF de figura de palo. Este tiene las palabras ¡He aquí! ¡Un gif! añadido a él.

Hacer un GIF animado usando una herramienta gratuita

Con nuestros marcos listos, los subiremos a Ezgif. A continuación te explicamos cómo terminar de crear tu GIF usando Ezgif:

Paso 1: Seleccione la pestaña etiquetada creador de gifs y seleccione el Navegar botón. Seleccione todos los archivos de imagen asociados con su GIF.

Paso 2: A continuación, seleccione el botón etiquetado ¡Sube y crea un GIF!. Cuando los archivos de imagen terminen de cargarse, asegúrese de que estén en el orden correcto. También puedes configurar el tiempo de retardo, que es el tiempo entre fotogramas, y elegir cuántas veces (si es que lo hace) quieres que se repita el GIF.

Tutorial del creador de GIF del sitio web EZGIF.

Paso 3: Una vez hecho esto, seleccione el botón etiquetado ¡Haz un GIF!

Etapa 4: Entonces debería aparecer tu GIF, junto con botones para editarlo o guardarlo en tu computadora.

Guardando el GIF realizado en EZGIF.

Cómo hacer un GIF animado a partir de un vídeo (gratis)

Si desea utilizar un fragmento particular de un video para un GIF, numerosos sitios pueden ayudarlo a crearlo con muy poca participación de su parte. Ezgif, gifi, ImgFlip, Gfycaty muchos otros servicios en línea le permiten crear GIF sin la ayuda de una tarjeta de crédito, aunque la conveniencia conlleva 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, usaremos Giphy. Este sitio le permite pegar la URL de un video en particular o cargar un archivo de video desde su computadora. Ingresa la URL o sube tu video y continúa con el paso 2.

Creador de GIF del sitio web Giphy.

Paso 2: Una vez que hayas hecho eso, puedes elegir el punto del vídeo donde comenzará el GIF y elegir durante cuánto tiempo se ejecutará el GIF. También puede ingresar un título si lo desea.

Editar la longitud de un GIF en Giphy.

Paso 3: Una vez que haya decidido esos elementos, seleccione el Crear GIF y permita que el sitio se encargue del resto.

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

Cómo hacer un GIF a partir de un vídeo de YouTube

Puede utilizar los sitios anteriores y más para crear un GIF a partir de un vídeo de YouTube. También tenemos una guía paso a paso que puede ayudarte. Crea GIF increíbles a partir de cualquier vídeo de YouTube..

¡Y eso es! Ahora eres un gurú de los GIF (o un Jedi de los GIF, si prefieres la pronunciación suave de la “g”) y tus feeds de redes sociales están a punto de volverse infinitamente más emocionantes.

Aunque probablemente deberíamos advertirle: un gran poder conlleva una gran responsabilidad. Elige tus momentos sabiamente y no inundes a tus amigos con una avalancha abrumadora de GIF de gatos de baja calidad, sin importar lo lindos que sean. Hay un momento 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. Estúdialo, practícalo, domínalo.

Recomendaciones de los editores

  • Cómo tomar una captura de pantalla en tu Mac: los mejores métodos en 2023
  • Cómo imprimir desde una Chromebook: la forma más sencilla
  • ¿Cuánta RAM necesitas?
  • El mejor software gratuito de control parental para PC, Mac, iOS y Android
  • Cómo regalar juegos en Steam