Cómo crear GIF animados a partir de imágenes con Photoshop CS6

También cómo importar video y hacer lo mismo

Recientemente, tomé algunas fotos divertidas de mi primo y quería crear mi propio GIF animado en lugar de usar el “Efectos automáticos” creado automáticamente por Google+. Como tengo Photoshop CS6 instalado, pensé que lo probaría y vería qué pasa. Al principio, pensé que sería bastante sencillo: importar las imágenes en capas separadas y luego guardarlas como un archivo GIF con animación. ¡Incorrecto!

Si intenta crear el GIF de esta manera, notará que la sección Animación en el cuadro de diálogo Guardar para Web está atenuada. Para activarlo y poder elegir las opciones de bucle, debe crear lo que se llama una animación de cuadro en Photoshop CS6. Suena complicado, pero es bastante fácil de hacer. En esta publicación, lo guiaré a través de los pasos para crear su propio GIF animado usando imágenes fijas.

También mencionaré cómo importar un video y convertirlo en un GIF animado. Solo el proceso de importación difiere al importar un video, el resto de los pasos siguen siendo los mismos.

Paso 1: importar todas las imágenes

Lo primero que tendrá que hacer es importar todas sus imágenes en capas separadas en un archivo de Photoshop. Entonces, si tiene 6 imágenes, por ejemplo, ábralas todas en Photoshop y luego cree un nuevo archivo y copie y pegue cada una de las imágenes en una capa separada en el nuevo archivo. La capa 1 debe ser su imagen inicial y la última capa debe ser la última imagen de la animación.

capas de photoshop

Esta parte del proceso probablemente tomará la mayor parte del tiempo de todos los pasos. Probablemente haya una forma más fácil y rápida de hacer esto en Photoshop, pero como no soy un usuario profesional, copio y pego manualmente cada imagen en un nuevo archivo de Photoshop. Si conoce una forma más rápida, hágamelo saber en los comentarios.

Paso 2: crear una animación de fotogramas

El segundo paso es crear la animación real en Photoshop. Para hacer esto, primero debe abrir la ventana Línea de tiempo. Vaya a Ventana y elija Línea de tiempo .

línea de tiempo de Photoshop

Ahora verá la ventana de la línea de tiempo abierta en la parte inferior de la pantalla. Debería estar completamente vacío para empezar. Ahora, para crear una animación de fotogramas, simplemente haga clic con el botón derecho en cualquier lugar del cuadro Línea de tiempo y elija Crear animación de fotogramas .

crear animación de cuadros

Cuando haga esto, ahora verá solo una imagen en la línea de tiempo con un pequeño 1 en la esquina superior izquierda. Será la imagen que ha seleccionado en el panel Capas o será la capa agregada más recientemente (última imagen en la animación). En este punto, es una animación de un cuadro, que no es lo que queremos.

animación de línea de tiempo

En cambio, queremos que todas las capas se incluyan en la animación. Para hacer esto, tenemos que hacer clic en el pequeño botón de flecha hacia abajo en el extremo derecho de la ventana de la línea de tiempo. Tiene una pequeña flecha hacia abajo y luego un par de líneas horizontales al lado. cuando haga clic en eso, verá una opción llamada Crear marcos a partir de capas .

hacer marcos de capas

Ahora debería ver un marco para cada capa que tiene en su archivo. Cada cuadro también tendrá un pequeño menú desplegable debajo de la imagen que le permite seleccionar el tiempo que debe mostrarse cada cuadro.

animación de cuadros

Como puede ver arriba, el primer fotograma es de 5 segundos y luego el resto se establece en 0. Deberá ajustarlos en consecuencia, pero también puede elegir una cantidad de tiempo personalizada.

tiempo de animación de fotogramas

Una vez que haya seleccionado el tiempo para cada fotograma, estará listo para el paso final, que es guardar su nueva animación en un archivo GIF.

Paso 3 – Guardar archivo GIF

Ahora es el momento de guardar tu GIF animado. Para hacer esto, vaya a Archivo y haga clic en Guardar para Web . En la parte inferior del cuadro de diálogo para guardar, verá la sección Animación, que ya no debería estar atenuada.

opciones de animación gif

Tus opciones aquí son bastante fáciles de entender. Realmente solo puede elegir cómo desea que se repita y luego obtener una vista previa de la animación antes de guardarla. ¡Eso es todo! ¡Esperamos que esta guía lo ayude a crear su GIF animado en Photoshop CS6 sin problemas!

Conclusión

Hay un par de cosas que vale la pena mencionar. En primer lugar, si encuentra que el GIF animado es demasiado grande, primero deberá reducir el tamaño de las imágenes individuales antes de crear su archivo de Photoshop final con las múltiples capas. Puede recortar las imágenes si solo necesita una parte de las fotos para crear la animación o puede reducir el tamaño de toda la imagen.

En segundo lugar, si tiene un video, puede importar los fotogramas de video en capas automáticamente yendo a Archivo , luego Importar y haciendo clic en Fotogramas de video a capas .

fotograma de video a capas

Así que eso es todo lo que hay que hacer. Nuevamente, para administrar el tamaño, es posible que deba reducir la calidad de las imágenes para crear un archivo GIF pequeño. ¡Disfrutar!

Leave a Comment

Your email address will not be published.