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!
¿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.
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.
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 .
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.
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ú.
Verá que la capa superior aparece en la ventana de la línea de tiempo.
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.
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.
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.
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.
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) .
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 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.
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.
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.
