Cómo Crear GIFs 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 utilizar el “Auto Increíble” creada automáticamente por Google+. Desde que tengo el Photoshop CS6 instalado, pensé en darle una oportunidad y ver qué pasa. Al principio, pensé que sería bastante sencillo: la importación de las imágenes en capas separadas y, a continuación, sólo tienes que guardar como un archivo GIF con animación. Mal!

Si usted intenta crear el GIF de esta manera, te darás cuenta de que la Animación en la sección de diálogo Guardar para Web es de color gris. Con el fin de conseguir que activa así que usted puede elegir las opciones de repetición, usted tiene que crear lo que se llama un Fotograma de la Animación en Photoshop CS6. Suena complicado, pero es bastante fácil de hacer. En este post, voy a caminar a través de los pasos para crear tu propio GIF animado utilizando imágenes fijas.

también voy a hablar de cómo importar un vídeo y convertirlo en un GIF animado. Sólo el proceso de importación es distinto cuando la importación de un video, el resto de los pasos siguen siendo los mismos.

Paso 1: Importar Todas las Imágenes

La primera cosa que usted va a tener que hacer es importar todas tus imágenes en capas separadas en un archivo de photoshop. Así que si usted tiene 6 imágenes, por ejemplo, abrir todos ellos en Photoshop y, a continuación, cree un nuevo archivo y copiar y pegar cada una de las imágenes en una capa separada en el nuevo archivo. La capa 1 debe ser su punto de partida de la imagen y la última capa debe ser la última imagen en la animación.


 blank

Esta parte del proceso probablemente se llevará la mayor parte del tiempo de todos los pasos. Probablemente hay una forma más fácil y rápida para hacer esto en Photoshop, pero como no soy usuario pro, yo manualmente copiar y pegar cada imagen en un nuevo archivo de Photoshop. Si usted sabe de una manera más rápida, por favor, hágamelo saber en los comentarios.

Paso 2 – Crear un Marco de Animación

El segundo paso es crear la animación final en Photoshop en sí. Para hacer esto, primero se tiene que abrir la ventana de línea de tiempo. Ir hasta
Windowsy seleccione
línea de tiempo.


 photoshop-timeline.jpg.optimal

Ahora, verá la
línea de tiempode la ventana abierta en la parte inferior de la pantalla. Se debe estar completamente vacío para empezar. Ahora para crear un fotograma de la animación, simplemente haga clic derecho en cualquier lugar en la línea de tiempo y elija
Crear una Animación Fotograma.


 create-frame-animation.jpg.optimal

Cuando usted hace esto, ahora vamos a ver solo una imagen en la línea de tiempo con un poco pequeña, 1 en la esquina superior izquierda. Será la imagen que se haya seleccionado en el panel Capas o es que va a ser el recientemente agregado (capa de la última imagen de la animación). En este punto, es un fotograma de la animación, que no es lo que quieres.


 timeline-animation.jpg.optimal

en Lugar de eso, queremos que todas las capas para ser incluido 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 línea de tiempo. Tiene una pequeña flecha hacia abajo y, a continuación, un par de líneas horizontales junto a él. cuando haga clic en ese, verás una opción llamada
crear Cuadros a partir De Capas.


 make-frames-layers.jpg.optimal

Ahora usted debería ver un cuadro para cada capa que tiene en su archivo. Cada fotograma también tendrá un pequeño desplegable debajo de la imagen, que nos permite seleccionar la longitud de tiempo que cada imagen debe ser mostrado.


 frame-animation.jpg.optimal

Como se puede ver arriba, el primer fotograma es de 5 segundos y, a continuación, el resto a 0. Usted tendrá que ajustar en consecuencia, pero usted puede elegir una cantidad de tiempo también.


 frame-animation-time.jpg.optimal

una Vez que haya seleccionado el tiempo de cada cuadro, usted está listo para el paso final, que es el ahorro de su nueva animación en un archivo GIF.

Paso 3: Guardar Archivo GIF

Ahora es el momento de guardar el archivo GIF animado. Para hacer esto, vaya a
Archivoy haga clic en
Guardar para Web. En la parte inferior del cuadro de diálogo guardar, podrás ver la Animación de la sección, que ya no debe ser de color gris.


 animation-options-gif.jpg.optimal

Sus opciones son bastante fáciles de entender. Usted sólo puede elegir cómo quiere que se de bucle y, a continuación, vista previa de la animación antes de guardarlo. De eso se trata! Esperamos que esta guía te ayudará 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 encuentras el GIF animado es demasiado grande, entonces usted primero tendrá que reducir el tamaño de las imágenes individuales antes de crear el final de archivo de Photoshop con capas múltiples. Puede recortar las imágenes si usted sólo necesita una parte de las fotos para crear la animación, o usted puede reducir el tamaño de la imagen completa.

en Segundo lugar, si usted tiene un vídeo, a continuación, puede importar los fotogramas de vídeo en capas automáticamente por ir a
Archivo, a continuación,
Importy haciendo clic en
Cuadros de Video a Capas.


 video-frame-to-layers.jpg.optimal

de Modo que es todo allí está a él. De nuevo, con el fin de administrar el tamaño, usted podría tener que reducir la calidad de las imágenes con el fin de crear un pequeño archivo GIF. ¡A disfrutar!

Preguntas frecuentes

¿Como Cómo Crear GIFs Animados a partir de Imágenes con Photoshop CS6?

Entra en nuestra web y descubre como Cómo Crear GIFs Animados a partir de Imágenes con Photoshop CS6, si tienes dudas, deja un comentario y te ayudaremos gustosamente.

¡Tenemos la solución!

Seguramente, podamos ayudarte a solucionar tu problema, igual que a todas las personas que ya hemos ayudado.

Cómo Crear GIFs Animados a partir de Imágenes con Photoshop CS6

Somo expertos en todo lo relacionado con la tecnología y podemos ayudarte con tus problemas tecnológico. No dudes en ponerte en contacto con notros.

Deja un comentario

Este sitio web utiliza cookies para mejorar tu experiencia. Si continuas utilizando este sitio, consideramos que estás de acuerdo con esto. Más información

Los ajustes de cookies de esta web están configurados para «permitir cookies» y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en «Aceptar» estarás dando tu consentimiento a esto.

Cerrar