Taller de Adobe Photoshop: Animaciones con Image Ready

¡Bienvenidos a una de las últimas clases del Taller de Adobe Photoshop! Realmente voy a extrañar pasar este tiempo con ustedes, pero bueno, todo concluye al fin, como dice una canción.

Pero a no desanimar, que este taller termine significa que habrán aprendido muchísimo desde aquella primera clase en febrero y, a esta altura, ya sabrán crear un sitio web completo ustedes solitos. En fin, vamos a lo que nos compete: hoy conoceremos cómo crear gifs animados con Photoshop. ¡Comencemos!

Lo primero que hay que hacer es tener en cuenta que hay dos posibilidades, una es crear una o varias imágenes que luego modificaremos para crear una animación (algo así como los fotogramas que vieron en el Taller de Flash de Alejandra. Otra es partir de un video corto, generando un gif animado.

Lo del video es medio raro que lo usen, generalmente si quieren usar un video van a trabajar con Flash. Veamos entonces cómo hacer una animación “normal”.

Vamos a Ventana->Animación.

Ahora, los que estén familiarizados con Image Ready reconocerán la típica ventana de animación con los cuadros.

Haciendo clic sobre cada fotograma podremos modificar esa “capa de fotograma” por separado (trabajando con el panel capas, por ejemplo, para tocar la posición, opacidad, etc, etc, etc.

Por medio de la pequeña flechita negra que hay bajo los thumbs podremos asignar el tiempo de duración de cada fotograma, o sea, lo que tardará en pasar al siguiente.

No hay mucha ciencia en esto, como pueden apreciar. Una vez que tenemos lista nuestra animación, vamos a Guardar para la web y dispositivos.

Allí veremos en la opción gif que debajo del panel de la derecha tenemos una botonera para controlar la animación. Guardamos el archivo y ¡listo! ya tenemos nuestra animación para incluir en nuestro sitio web.