Marketing Web Consulting. Agencia de Marketing Online en Madrid | Tfno: 914 71 25 40 | Contactar | Dónde estamos

Cómo hacer un GIF Animado con Photoshop paso a paso

como hacer un gif animado photoshop

 

Aunque no suelo escribir sobre esta temática, hoy me ha dado por escribir sobre cómo hacer un GIF animado con Photoshop, porque creo que a más de uno le puede ser de utilidad. Así que hoy dejamos de lado temáticas como SEO, Adwords, Link building, etc.

¿Cómo creamos paso a paso un GIF con Photoshop?

Antes de nada, tenemos que preparar las fotos que van a componer el gif animado haciéndolas de las mismas dimensiones.

Una vez preparadas abrimos las imágenes en Photoshop:

1.- Abrimos la primera imagen

Archivo > Abrir o si el programa está en inglés File > Open

hacer gif con photoshop

2.- Abrimos las demás imágenes

Para abrir las demás imagenes podemos hacerlo de dos formas:

a) Archivo > Colocar (en inglés: File > Place). Ésta es la más eficaz, pues te coloca la imagen perfectamente centrada, sólo hay que dar intro y cada imagen en una nueva capa.

hacer-gif2
b) La otra forma, y más habitual, es abrir las imágenes como hemos hecho con la primera y después vamos seleccionando cada imagen para pegarla en la primera, donde al pegarla se añade como una nueva capa. O bien arrastrando cada imagen a la primera.

3.- Animación

Una vez que tenemos todas las imágenes como capas en un único archivo abrimos Ventana > Animación (o en inglés Window > Animation. De esta forma abajo nos aparecerá el espacio para meter las miniaturas que formarán el GIF.hacer-gif3

4.- Capas visibles

Necesitamos tener visibles las capas (Layers), si no aparecen pulsamos F7.

5.- Relacionamos miniaturas y capas con ojo

Al activar la Animación hemos activado la primera miniatura. En ella veremos la capa que tenga el ojo. Si hay varias con el ojo veremos la que esté más arriba. Por tanto debemos dejar cada miniatura con la capa que nos interese con el ojo puesto.

hacer-gif4

6.- Añadimos las miniaturas

Vamos añadiendo miniaturas hasta tener tantas como imágenes tengamos. En la siguiente imagen vemos dónde pulsar para añadir miniaturas.

hacer-gif57.- Adjudicamos imágenes a las miniaturas

Para adjudicar imagen a la segunda miniatura: pulsamos en la segunda miniatura y ponemos el ojo sólo a la capa cuya imagen queremos que aparezca.

hacer-gif6

8.- Seguimos asignando miniaturas

Para la tercera miniatura seguimos los mismo pasos.

hacer-gif79.-Fijamos

Para fijar el tiempo de cada imagen podemos hacerlo en bloque o una por una.

Vamos a hacerlo en bloque. Para ello hacemos clic en la primera miniatura y pulsando shift hacemos clic ahora en la última miniatura. Una vez que tenemos todas seleccionadas hacemos clic en la flechita que hay en cualquiera de las miniaturas en su parte inferior derecha donde podemos seleccionar uno de los tiempos que nos ofrece o poner uno personalizado.

hacer-gif8Ya tenemos elaborado el GIF.

10.- Prueba el GIF antes de guardarlo

Vamos a probarlo. Para ello hacemos clic en el icono del play.

Si lo necesitamos podemos modificar el tiempo de cada imagen.

11.- Por último guardamos

Archivo > Salvar para web > elegimos GIF > pulsamos Guardar

hacer-gif9
Al hacer doble clic en el archivo creado se abrirá nuestro navegador predeterminado y veremos el GIF funcionando.

Ya lo hemos terminado. ¡Paso a paso es fácil crear un gif con Photoshop!

Cómo hacer un GIF Animado con Photoshop paso a paso
5 (100%) 2 votos

Luis Rodríguez Cid

Consultor de Márketing Online y especializado en SEO (Posicionamiento Web) y en SEM (certificado en Adwords). Blogger en marketingwebmadrid.es/blog y en otros blogs escribiendo sobre marketing online y social media.

Deja un comentario

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