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

Los GIF son increíbles. Son como los flipbooks de Internet: fantásticos para transmitir pensamientos y emociones que las palabras no puedo describir, ya que muestran las travesuras de sus adorables mascotas domésticas o le 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)
  • Configuración de sus 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 video de YouTube

Tal vez haya usado un GIF en su teléfono para enviar una animación divertida a un amigo, o los haya visto aparecer en los comentarios en Facebook. Pero, ¿alguna vez has hecho tu propio GIF? Es posible que tenga ideas para los GIF más grandiosos, pero tal vez no sepa cómo hacer realidad ese sueño. No se preocupe: este sencillo tutorial lo guiará 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 en línea gratuita como Giphy

  • Imágenes fijas que desea usar para su GIF

  • Un video del que quieras 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 dirigirnos al 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 quiere tomarse en serio la creación de GIF, Photoshop es el camino a seguir.

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

Paso 2: Guarda el video en tu computadora. Consulte nuestra guía sobre como descargar videos de youtube si necesita orientación sobre cómo extraer imágenes de la web. Recorta el material de archivo solo a la longitud que deseas que reproduzca el GIF. Dos o tres segundos es excelente, cinco es suficiente, y 10 o más son posibles con el corte correcto, pero el archivo será grande y difícil de trabajar. La regla general es transmitir su idea en la menor cantidad de cuadros posible.

Relacionado

  • Las mejores ofertas de Adobe Photoshop: obtenga el software de edición de fotos 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 video con Photoshop. Para hacer esto, navegue hasta Archivo > Importar > Fotogramas de video a capas. Seleccione el archivo de video que desee y Photoshop lo abrirá como una serie de fotogramas fijos. Puede elegir importar todo el video de principio a fin o usar controles deslizantes para seleccionar una porción más pequeña del clip. Puede limitar la importación a cada otro cuadro (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 entrecortado.

Importar un video a capas en Photoshop.

Etapa 4: Juega con la configuración. Puede ajustar el balance de color y otras cosas con Photoshop en este punto si lo desea. Cuando tengas todo perfecto, dirígete a Archivo > Guardar para web. Luego se encontrará con una ventana que se parece a esto:

Configuración de GIF en Photoshop.

Paso 5: Puede modificar esta configuración para hacer que su GIF sea más pequeño. Idealmente, querrá que no supere 1 MB para que no tarde años en cargarse en las páginas web. Juega con todos estos hasta que encuentres un punto dulce.

  • Colores: Esto limita la cantidad de colores utilizados para crear la imagen, por lo que cuanto mayor sea, mejor (los GIF están limitados a un máximo de 256 colores). Solo 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. Las configuraciones más altas producirán imágenes de mejor apariencia, pero esto también hará 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 es posible que se necesite cierta pérdida de calidad para que el 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 6: ¡Guardar y compartir! Selecciona el Ahorrar botón para finalizar su creación. Una vez hecho esto, puede 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 puede crear GIF animados en Photoshop uniendo imágenes fijas. Este proceso consiste en superponer cada cuadro 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 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 renderizadas 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 por lotes sus imágenes fijas como capas. Ejecute Photoshop y cree una nueva imagen seleccionando Archivo > Nuevo y luego seleccionando DE ACUERDO. Luego, desbloquee la capa de fondo seleccionando dos veces el Cerrar icono, cree una nueva capa abriendo Capa > Nuevo… > Capay diseñe cada cuadro 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 imágenes fijas en 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 Control + T), luego arrastre las esquinas para cambiar el tamaño del objeto).

Desea que su resultado se vea así, con cada cuadro de la animación separado como una capa y organizado cronológicamente de abajo hacia arriba:

Pantalla de capas en Photoshop.

Paso 5: Ahora que ha organizado sus capas en consecuencia, puede comenzar a secuenciar sus capas. Nuevamente, este proceso variará según la versión de Photoshop que esté utilizando. Si todavía está ejecutando CS5 o inferior (oye, no lo juzgaremos), acceda a la ventana de animación abriendo Ventana + Animación. Así mismo, 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 de la línea de tiempo y seleccione Crear animación de cuadro.

Paso 6: Una vez que haya abierto la herramienta de secuenciación de Photoshop, seleccione el Flecha pequeña hacia la derecha en la esquina superior derecha y, a continuación, 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 > alternativa > F).

Paso 7: Desde allí, seleccione el Ojo junto a 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á su GIF; configúrelo en Para siempre si quieres que se repita sin cesar.

Paso 9: ¡Felicidades! Ha creado un GIF animado usando imágenes fijas y ahora todo lo que tiene que hacer es exportarlo fuera de Photoshop usando 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, interpolación, pérdida y tamaño hasta que su GIF se haya redimensionado en consecuencia. Una vez que esté satisfecho, guarde su GIF recién acuñado.

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

Si no tiene acceso a Photoshop, hay metodos gratis puedes usar 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, por lo que permitiéndole crear imágenes fijas y reproducirlas en secuencia, y sitios web que le permiten cortar archivos GIF de video. Ninguno de estos procesos será tan efectivo como Photoshop; sin embargo, son más baratos y bastante sencillos.

Configuración de sus imágenes fijas primero

Varias aplicaciones integradas en el navegador le 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 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 debe hacer es cargar 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 trate de reducir la cantidad de cosas que caben en el lienzo. Más simple y más pequeño es a menudo mejor.

Paso 2: Una vez que tenga un lienzo, haga el primer cuadro de su GIF. Para este ejemplo, usaremos la herramienta de forma para crear una persona a partir de un círculo, rectángulos y líneas, guardando 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 hacer un GIF, deberá crear varias imágenes, cada una con una ligera variación de la anterior. En aras de la simplicidad, este GIF solo tendrá unos pocos cuadros, por lo que no será bonito, pero debería ilustrar el concepto.

Stick figura persona imagen fija.

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 cuadro.

Segundo cuadro fijo de la imagen GIF de la figura de palo. Esta figura de palo tiene ambos brazos en el aire.

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

Tercera imagen fija de 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 la figura de palo. Este tiene las palabras ¡He aquí! ¡Un GIF! añadido a la misma.

Hacer un GIF animado usando una herramienta gratuita

Con nuestros marcos listos, los subiremos a Ezgif. Aquí le mostramos cómo terminar de hacer su GIF usando Ezgif:

Paso 1: Seleccione la pestaña etiquetada creador de GIF 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 haz un GIF!. Cuando los archivos de imagen terminen de cargarse, asegúrese de que estén en el orden correcto. También puede establecer el tiempo de retraso, que es el tiempo entre fotogramas, y elegir cuántas veces (si es que lo hace) desea que se reproduzca el GIF.

Tutorial del creador de GIF del sitio web de EZGIF.

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

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

Guardando el GIF hecho en EZGIF.

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

Si desea usar un fragmento particular de un video para un GIF, numerosos sitios pueden ayudarlo a hacerlo con muy poca información de su parte. Ezgif, giphy, ImgFlip, Gfycat, y 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. Ingrese la URL o cargue su video y continúe con el paso 2.

Creador de GIF del sitio web de Giphy.

Paso 2: Una vez que haya hecho eso, puede elegir el punto en el video donde comenzará el GIF y elegir cuánto tiempo se ejecutará el GIF. También puede introducir un título si lo desea.

Edición de la longitud de un GIF en Giphy.

Paso 3: Una vez que te hayas decidido por esos elementos, selecciona 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 quedarse 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 a partir de un video de YouTube

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

¡Y eso es! Ahora eres un gurú de los GIF (o un GIF Jedi, 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. Elija sus momentos sabiamente y no inunde a sus amigos con una avalancha abrumadora de GIF de gatos de baja calidad, sin importar cuán lindos puedan ser. Hay un momento y un lugar, y la calidad siempre triunfa sobre la cantidad. El GIF puede ser modesto, pero también es una leyenda; se merece tu respeto. Estudiarlo, practicarlo, dominarlo.

Recomendaciones de los editores

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