Cómo hacer un GIF animado en Photoshop

Un GIF es una imagen con movimiento. Un GIF puede ser un videoclip corto o una serie de imágenes fijas que parecen estar en movimiento. Los GIF no tienen que ser complicados para ser efectivos. Incluso los movimientos simples son llamativos. Los GIF se utilizan en marketing o para crear un meme, a menudo con un efecto humorístico o para hacer una declaración. En este artículo, le mostraremos cómo hacer un GIF en Photoshop. Cada paso es fácil. ¡Así que deja volar tu imaginación!

GIF con Photoshop de un barco faro y reflejos en el agua
Este GIF consta de tres imágenes tomadas en un trípode.

¿Qué es un GIF?

GIF significa formato de intercambio de gráficos. Existe cierto debate sobre cómo pronunciar el término. Algunos lo pronuncian con una ‘G’ fuerte como en ‘gráfico’. Otros lo pronuncian con una ‘J’ como en ‘jiffy’.

Es un tipo de archivo como JPEG o PNG. Sin embargo, el archivo contiene muchos marcos de imagen separados y los muestra rápidamente en una secuencia. Esto crea la ilusión de movimiento. Se convierte en un «GIF animado».

Cómo crear GIF animados a partir de imágenes fijas

Los GIF crean la ilusión de movimiento mediante el uso de dos o más fotogramas. La mayoría de los elementos de la imagen siguen siendo los mismos. Pero al menos un elemento cambia entre fotogramas. Puede ser un objeto o una persona que se mueve. Un GIF animado no tiene por qué ser complicado. Un cuadro puede contener una palabra o un símbolo, el otro no.

Puede utilizar una serie de imágenes fijas capturadas como parte de un lapso de tiempo. O puede crear el cambio usted mismo en el procesamiento posterior. Muchos fotogramas con pequeños movimientos producen un GIF más fluido. Menos fotogramas con movimientos más grandes aparecen como stop motion.

Cómo hacer un GIF en Photoshop: retrato GIF de una mujer con los ojos cerrados y abiertos
Dos imágenes, ojos abiertos y cerrados, componen este GIF.

Paso 1: Seleccionar imágenes

Seleccione las imágenes que desea usar en el GIF animado. Solo necesitas 2 imágenes para crear la ilusión de movimiento. Y puedes seleccionar hasta 100. Más de 100 pueden hacer que su GIF se cargue lentamente en un sitio web.

Vamos a crear un GIF en Photoshop que muestre una foto en diferentes etapas de procesamiento posterior con una comparación de antes y después.

Cómo hacer un GIF en Photoshop: tres imágenes de un faro antes y después del procesamiento posterior
La imagen terminada a la izquierda. A la derecha está el archivo RAW.

Paso 2: abre imágenes como capas en Photoshop

Cargue archivos en un archivo de Photoshop como capas individuales. En Lightroom, resalte las imágenes y seleccione el menú desplegable Foto. Elija Fotografía Editar en Abrir como capas en Photoshop.

Si abre archivos directamente en Photoshop, guárdelos en la misma carpeta. En Photoshop, vaya al menú desplegable Archivo y seleccione Archivo Scripts Cargar archivos en lote .

Luego haga clic en Examinar y navegue hasta las imágenes que conformarán su GIF. Haga clic en Abrir. Y haga clic en Aceptar.

Puede alinear capas automáticamente yendo al menú desplegable Editar y seleccionando Editar Alinear capas automáticamente . Tiene varias opciones, pero Auto generalmente hace un buen trabajo.

Puede duplicar una capa y agregar texto o gráficos. Combine el texto con la capa duplicada yendo al menú desplegable Capa. Elija Capa Fusionar .

Recomendado:  Las mejores tarjetas SD para fotografía (¡para todos los presupuestos!)
Cómo crear un GIF en Photoshop: panel Capas de captura de pantalla de Photoshop para fusionar texto
Agregue texto a una capa duplicada y combine capas cuando haya terminado.

Paso 3: dimensiona las imágenes para la web

Puede abrir archivos RAW u otros tipos de archivos en Photoshop. Pero para crear un GIF, todos esos píxeles adicionales no son necesarios. Las imágenes grandes ralentizarán la animación y el archivo será demasiado grande para verlo fácilmente en la web. El tamaño ideal para un GIF es de 480 píxeles en el lado largo. Pero puedes hacerlo hasta 720 píxeles.

Vaya al menú desplegable Imagen. Elija Imagen Tamaño de imagen. En la ventana Tamaño de imagen, ingrese el tamaño de píxel más pequeño. Y haga clic en Aceptar.

Introduzca los píxeles en la ventana Tamaño de imagen.

Paso 4: Crea una animación de cuadro

Necesita la ventana de la línea de tiempo de Photoshop cuando trabaja con video o animación. Para abrirlo, vaya al menú desplegable de Windows. Elija Ventana Línea de tiempo . Aparecerá una nueva ventana de línea de tiempo en la parte inferior de su espacio de trabajo. Haga clic en la flecha en el medio de la ventana. Seleccione Crear animación de cuadros en el menú.

Cómo hacer un GIF en Photoshop: Captura de pantalla de Photoshop del panel de la línea de tiempo y opciones de animación para un GIF

Verá que la capa superior aparece en la ventana de la línea de tiempo.

Cómo hacer un GIF en Photoshop: captura de pantalla de Photoshop del panel de la línea de tiempo con una capa de animación superior para un GIF

Paso 5: crea marcos a partir de capas

Para ver todas las capas, haga clic en las tres líneas en la esquina superior derecha de la ventana de la línea de tiempo. Esto abre un nuevo menú. Elija Crear marco a partir de capas.

Cómo crear un GIF en Photoshop: captura de pantalla de Photoshop del menú de la línea de tiempo que se usa para crear marcos a partir de capas para un GIF

Las capas aparecen como fotogramas individuales en el panel Línea de tiempo. Ahora debería ver todas las capas. Arrastre los marcos a una posición diferente para cambiar el orden.

Cómo crear un GIF en Photoshop: Captura de pantalla de Photoshop del panel Línea de tiempo que muestra capas de cuadros individuales para un GIF
Cada capa en la ventana de la línea de tiempo.

Paso 6 Establece un tiempo para cada cuadro

De forma predeterminada, el tiempo se muestra con 0 segundos debajo de cada cuadro. Haga clic en el signo de intercalación junto a la hora debajo de cada cuadro. Puede cambiar el tiempo de fotogramas individuales o marcar y cambiar todos los tiempos a la vez.

Haz clic en el control de reproducción para obtener una vista previa de tu GIF.

Pruebe diferentes opciones de tiempo. Si tiene muchos cuadros y desea un movimiento suave, elija tiempos cortos. Si desea un efecto de parada y arranque, elija un tiempo más largo. Un excelente tiempo total para un GIF es de alrededor de 6 segundos, aunque el ciclo puede ser más corto. Muchos GIF son solo un gesto o movimiento que no dura más de un segundo.

Cómo hacer un GIF en Photoshop: Captura de pantalla de Photoshop del menú de tiempo de la línea de tiempo y controles de reproducción para un GIF
El símbolo de intercalación junto al marco para cambiar la hora. Y los controles de reproducción para mostrar una vista previa de GIF.

Paso 7: elige un bucle

De forma predeterminada, el GIF se repetirá para siempre. Para cambiar esto, abra el menú de bucle. Puede reproducir el GIF una vez, tres veces o elegir otra opción.

Vuelva a hacer clic en los controles de reproducción para obtener una vista previa de su GIF.

Cómo hacer un GIF en Photoshop: captura de pantalla de Photoshop del menú de bucle de fotogramas de la línea de tiempo para un GIF
Abra el menú de bucle para cambiar cuántas veces se repite el GIF. Haga clic en los controles de reproducción para ver una vista previa de GIF.

Paso 8: Guardar para Web

Para guardar su archivo GIF animado para la web, vaya al menú desplegable Archivo. Haga clic en Archivo Exportar Guardar para web (heredado) .

Cómo hacer un GIF en Photoshop: Captura de pantalla de Photoshop de las opciones de guardado para la ventana web Lighthouse GIF
Elija un ajuste preestablecido, guarde y vea el GIF en una ventana del navegador.

En la ventana Guardar para Web, seleccione el ajuste preestablecido GIF 128 Interpolado. Esto limitará la cantidad de colores en su imagen y hará que el GIF se cargue más rápido. Sin embargo, los degradados de su foto permanecerán.

Al hacer clic en el botón «Vista previa», se abrirá su GIF en una ventana del navegador.

Haga clic en «Guardar». Elija una ubicación para guardar y haga clic en Guardar nuevamente.

Cómo crear un GIF en Photoshop: GIF antes y después del procesamiento posterior Lighthouse creado en Photoshop

Cómo crear un GIF animado a partir de un vídeo

Puede crear un GIF animado en Photoshop repitiendo videoclips cortos. Solo necesitas uno o dos segundos de video. La parte más difícil es decidir dónde comenzar y terminar el ciclo.

Paso 1: Abre el video en Photoshop

Puedes abrir todo el video en Photoshop. O puede importar cuadros seleccionados del video.

Recomendado:  Guía rápida de gestión del color en fotografía

Lightroom importa videoclips. Sin embargo, no puede enviar videos de Lightroom a Photoshop. Abra el video directamente en Photoshop yendo al menú desplegable Archivo y seleccionando Archivo Abrir .

Busque el archivo de video y haga clic en Abrir. El video se abrirá automáticamente directamente en la ventana de la línea de tiempo.

Cómo hacer un GIF en Photoshop: Captura de pantalla de Photoshop del video en el panel Línea de tiempo para un GIF

Para importar cuadros seleccionados de un video, vaya al menú Archivo. Elija Archivo Importar Fotogramas de video a capas . Luego navegue hasta el archivo de video y haga clic en Abrir.

En la ventana Importar video a capas, mueva los controles deslizantes Inicio y Fin en la parte inferior para seleccionar la sección de video que desea importar.

La mayoría de los archivos de video capturan 30 cuadros por segundo. Pero no necesitas tantos marcos para hacer un GIF. Así que marque la casilla Limitar a cada e ingrese un número. Cada 4 o 5 cuadros es bueno. Usa la menor cantidad de fotogramas para obtener el movimiento que deseas.

Marque la casilla junto a Crear animación de cuadro. Y haga clic en Aceptar. Cada cuadro del video se convierte en una capa.

Luego, siga los pasos anteriores para crear un GIF a partir de imágenes fijas.

Cómo hacer un GIF en Photoshop: Captura de pantalla de Photoshop del video importado en el panel Capas para un GIF

CURSOS PARA FOTÓGRAFOS

Planeá tu próximo shooting

¿Cuánto cobrar?

POST MAS VALORADOS

Cuanto cobrar por fotografia en Argentina
Cuanto cobrar por fotografia en Argentina Una de las preguntas más habituales en nuestra comunidad es “¿cuánto cobrar por una ...
Snapseed Google - App para editar fotos
Lograr una foto impactante de ropa e indumentaria es clave para aumentar tus ventas en redes sociales. Es importante contar ...
¿Cómo sacar buenas fotos para vender ropa?
¿Cómo sacar buenas fotos para vender ropa? Si tu objetivo es Vender en Internet, vas a necesitar buenas fotos. Todos ...
¿Qué es un ensayo fotográfico? Ideas y ejemplos
Un ensayo fotográfico está destinado a contar una historia o evocar una emoción en el espectador a través de una ...
Las 8 Mejores Cámaras para Fotografía Deportiva 2023
La fotografía deportiva puede ser frustrante sin el equipo adecuado. Todos conocemos los malos resultados. Algunas fotos están muy borrosas, ...
¿POR QUÉ MIS FOTOS SE VEN AZULADAS?
Cuando tomamos fotografías a menudo nos encontramos con este problema. Nuestras fotos se ven azuladas o amarillas y no sabemos ...
Alquiler equipos de fotografía
Cuando encaramos un nuevo proyecto fotografico, contar con los equipos adecuados para cada producción es indispensable para un resultado profesional ...
permiso fotografia
Bienvenidos nuevamente a FOTEAR, un punto de encuentro para fotógrafos/as de Argentina, dónde hablamos de todo lo relacionado a la ...
¿Cómo hacer un contrato para fotografía? [CON PLANTILLA DESCARGABLE]
Como fotógrafo, debes conocer tus derechos. Y ponga los términos de cada asignación de fotos por escrito. Aquí es donde ...
Cómo ampliar una foto para imprimirla
Ya sea para uso personal o para la venta, es importante saber cómo ampliar una foto para imprimirla. Esperaría que ...
presupuesto foto
Si estás acá seguramente tengas un cliente esperando. Te pidieron un presupuesto de fotografia, accediste a pasarlo y estás un ...

ÚLTIMOS POST

Deja un comentario