Cómo crear un gif animado en Photoshop

Publicado por Omar Castaneda

Un gif animado realmente da estilo y personalidad a las diferentes páginas web, blogs o post. En esta ocasión aprenderemos a realizar un simpático gif animado en Photoshop. Con estos pasos podrás realizar todos los gifs que se te puedan ocurrir para dar un carácter personalizado a tu post o página web.

En este caso haremos un simple pero muy simpático guiño:

Cómo crear un gif animado en Photoshop

Para comenzar abrimos un nuevo documento en Photoshop con las siguientes dimensiones:

Cómo crear un gif animado en Photoshop 

En ese documento diseñamos la primera expresión de nuestro gif animado. En este caso como queremos realizar un guiño nuestra primera expresión es un ojo abierto (izquierdo) y la boca.

Cómo crear un gif animado en Photoshop 

Creamos una nueva capa y dibujamos el primer movimiento de nuestro gif animado. En este caso sería un ojo abierto (el derecho).

Cómo crear un gif animado en Photoshop

 

Para crear el siguiente movimiento vamos a poner como invisible la capa recién creada. Para ello sólo tenemos que hacer clic en el icono con forma de ojo que se encuentra a la derecha de cada capa.

Cómo crear un gif animado en Photoshop 

De este modo sólo estaremos viendo la primer capa creada. Un ojo abierto y la boca.

Ahora vamos a diseñar el siguiente movimiento, en nuestro caso es el guiño.

Cómo crear un gif animado en Photoshop

 

Ahora llegó el momento de animar nuestro gif. Para ello abriremos la ventana Animación, haciendo clic en Animación de la pestaña Ventana.

Cómo crear un gif animado en Photoshop

 

En este caso vamos a utilizar la Animación por cuadros, si la ventana animación nos muestra la línea de tiempo tenemos que hacer clic en el icono que se encuentra en la esquina derecha inferior de la ventana animación.

Cómo crear un gif animado en Photoshop 

Ahora ponemos visible las capas que forman la primera expresión de nuestro gif animado. Para hacerlas visible tenemos que hacer clic en los iconos con forma de ojo que se encuentran en el costado izquierdo de cada capa.

Cómo crear un gif animado en Photoshop 

Es momento de crear el segundo cuadro para ello hacemos clic en Duplicar el cuadro y seleccionamos las capas que forman la segunda expresión de nuestro gif animado.

Cómo crear un gif animado en Photoshop 

Ahora sólo tenemos que programar el tiempo de animación. Para ello tenemos que Seleccionar el tiempo de retardo del cuadro en nuestro gif animado le asignamos 0,5 al primer cuadro y 0,2 al segundo cuadro. También debemos  Seleccionar opciones de repetición, en nuestro caso elegimos Infinito.

Cómo crear un gif animado en Photoshop

Y nuestro gif ya está diseñado y animado ahora lo tenemos que Guardar Como… Guardar para Web y Dispositivos

Cómo crear un gif animado en Photoshop

 

 

2 Respuestas »

Dejar un comentario

Tenga en cuenta: la moderación de comentarios está habilitada y puede retrasar su comentario. No hay necesidad de volver a enviar su comentario.

ACCESO A MIEMBROS



Registrar Una Cuenta Premium Aqui
Recuperar Contraseña

Nosotros

AskTutorial nace en Junio del 2010 en la ciudad de Chicago, IL con el fin de crear Tutoriales Educativos en Español dirigidos a la comunidad de habla hispana en Estados Unidos y alrededor del mundo. Gracias a la excelente respuesta del publico que diariamente ve nuestros videos nos hemos extendido a no solo crear video tutoriales, si no tambien ofrecemos información relevante de acuerdo a sus preguntas.

Archivos / Mes