Inicio » Cómo crear GIF animados a partir de imágenes usando Photoshop CS6

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

  • por
Capas de Photoshop

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+. Desde que se instaló Photoshop CS6, pensé que lo probaría y vería qué pasaba. 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. ¡Falso!

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

También mencionaré cómo importar videos y convertirlos a GIF animados. 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 debe 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, 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 fotograma inicial y la última capa debe ser el último fotograma de la animación.

Esta parte del proceso probablemente será la más larga 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, copié y pegué 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 imagen

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

Línea de tiempo de Photoshop

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

crear animación de imagen

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

animación de la línea de tiempo

En cambio, queremos que se incluyan todas las capas en la animación. Para hacer esto, necesitamos 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. Hay una pequeña flecha hacia abajo, luego algunas líneas horizontales al lado. cuando hagas clic en él, verás una opción llamada Crea marcos a partir de capas.

crear capas de marcos

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

animación de imagen

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

duración de la animación de la imagen

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

Paso 3: guarde el archivo GIF

Ahora es el momento de guardar tu GIF animado. Para hacer esto, vaya a Depositar 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. ¡Es más o menos eso! ¡Espero que esta guía te ayude a crear tu GIF animado en Photoshop CS6 sin ningún problema!

Conclusión

Hay algunos puntos que mencionar. Primero, 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 final de Photoshop con las múltiples capas. Puede recortar las imágenes si solo necesita una parte de las fotos para crear la animación o reducir el tamaño de la imagen completa.

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

imagen de video en 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!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *