Convertir una imagen en GIF animado con Photoshop

Paso 1: Diseño del elemento a animar

Antes de empezar la animación deben dibujar o seleccionar el elemento que desean animar. Pueden utilizar tanto una foto como un dibujo. Lo ideal es tener las partes móviles en capas separadas, de esta forma el trabajo de animación será más sencillo y rápido.




Paso 2: Haciendo la animación

Haré un GIF animado que exprese negación. En tal sentido, sólo necesito que se muevan los ojos y la boca de un lado hacia el otro para lograr el efecto deseado, puesto que la forma de mi personaje es un bombillo y su cabeza es circularmente uniforme. Tengo una capa con los ojos y la boca y otra capa con la forma base del emoticon.




Para realizar la animación deben dirigirse al menú: Window > Animation. Al hacer esto les aparecerá una ventana de animación con las capas que tienen y su correspondiente Timeline. Presionen el botón: Convert to frame animation, que se encuentra en la parte inferior de la ventana, para proceder a realizar los frames que tendrá la animación, es decir, las imágenes individuales que conforman la secuencia de la animación.



Secuencia de animación

Presionamos el botón Duplicates selection frames, que aparece en la parte inferior de la ventana, para duplicar la capa actual tantas veces como lo requiera la animación.




Para modificar los frames duplicados, sólo nos posicionados en el frame que queremos cambiar y sobre la capa que contiene el elemento móvil, en mi caso los ojos y la boca. Luego lo movemos (V, flechitas direccionales) hasta posicionarlo como nos convenga en cada caso para lograr la animación.




Tiempo de demora entre frame

Posteriormente, definimos el tiempo de duración de cada frame, es decir, el tiempo que se mostrará esa imagen particular antes de pasar a la siguiente que conforma la secuencia de la animación. Mientras menos tiempo más rápida se verá la animación. Para ello desplegamos la lista del tiempo en cada frame y escogemos el que nos convenga.




Para visualizar la animación antes de convertirla en GIF animado selecciona la opción de loop forever para que siempre se repita la animación, y luego presiona el botón Plays animation.




Paso 3: Salvar como GIF animado

Una vez que tenemos nuestra animación realizada salvamos el archivo en el menú: File > Save for web & Device. Les aparecerá una venta enorme, seleccionan GIF y salvan.

El resultado final es este:


Convertir una imagen en GIF animado con Photoshop
16 Puntos Score: 4/10
Visitas: 669 Favoritos: 2
Ver los usuarios que votaron...
6 Comentarios Convertir una imagen en GIF animado con Photoshop
muy buena explicacion bro  
Amigo, tengo la versi?
Cita alvaroruiz: Mostrar
Buen post. 5 puntos.
Gracias amigo.
Excelente explicaci?
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!