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

Recientemente tomé algunas fotos divertidas de mi primo y quería crear mi propio GIF animado en lugar de usar el "Auto Awesome" creado automáticamente por Google+. Desde que tengo instalado Photoshop CS6, pensé en probarlo y ver 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. Incorrecto!

Si intenta crear el GIF de esta manera, notará que la sección de animación en el cuadro de diálogo Guardar para Web está atenuada. Para poder activar eso para que pueda elegir las opciones de bucle, debe crear lo que se llama una animación de fotogramas en Photoshop CS6. Suena complicado, pero es bastante fácil de hacer. En esta publicación, te mostraré los pasos para crear tu propio GIF animado utilizando 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 deberá 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 de inicio y la última capa debe ser la última de la animación..

Esta parte del proceso probablemente tomará el mayor tiempo posible 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 pegué manualmente cada imagen en un nuevo archivo de Photoshop. Si conoces una forma más rápida, por favor avísame en los comentarios..

Paso 2 - Crear animación de cuadros

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

Ahora verás el Línea de tiempo Ventana abierta en la parte inferior de la pantalla. Debe estar completamente vacío para empezar. Ahora para crear una animación de cuadros, simplemente haga clic con el botón derecho en cualquier parte del cuadro Línea de tiempo y elija 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 haya seleccionado en el panel Capas o será la capa agregada más recientemente (la última imagen en la animación). En este punto, es una animación de un cuadro, que no es lo que queremos.

En su lugar, 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 haces clic en eso, verás una opción llamada Hacer marcos de capas.

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

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

Una vez que haya seleccionado el tiempo para cada fotograma, está 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, ve a Expediente y haga clic en Guardar para Web. En la parte inferior del cuadro de diálogo de guardar, verá la sección Animación, que ya no debería estar atenuada..

Sus opciones aquí son bastante fáciles de entender. Realmente solo puedes elegir cómo quieres que se repita y luego previsualizar la animación antes de guardarla. ¡Eso es todo! Esperamos que esta guía te ayude a crear tu 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 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 puede reducir el tamaño de toda la imagen.

En segundo lugar, si tiene un video, puede importar los marcos de video en capas automáticamente yendo a Expediente, entonces Importar y haciendo clic en Video Frames a Layers.

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!