uno mas

Artículo que explica paso a paso la creación de un GIF animado utilizando Photoshop y su aplicación asociada Image Ready.
Por Juliana Monteiro Lazaro
Atención: Contenido exclusivo deDesarrolloWeb.com. No reproducir. Copyright.
A partir de la versión 5.5 de Photoshop tenemos a nuestra disposición un programa muy interesante para realizar, entre otras cosas, trabajos específicos para el web,como pueden ser la creación de GIFs animados o imágenes que cambien al pasar el ratón por encima (Rollover).
El producto en concreto es Image Ready y vamos a estudiar la manera de trabajar con él,junto con el propio Photoshop, para realizar un GIF animado.
Referencia: Podemos saber lo que es un GIF animado en un artículo de DesarrolloWeb.com.
Vídeo: Puedes ver todo este proceso de creacióndel Gif animado en un videotutorial.

Crear un archivo .psd con los distintos fotogramas

La primera tarea para realizar un GIF animado con Photoshop es crear un archivo .psd, que es el formatopropio de Photoshop donde podemos mantener capas, que serán necesarias para realizar el GIF animado.
Nota: Las capas son propias de Photoshop y de otros programas de diseño gráfico y permiten editarpartes del gráfico de manera independiente. Quien quiera dominar Photoshop y similares deberá familiarizarse con el trabajo con capas.

Cada capa creada con Photoshop puede ser un fotograma del GIFanimado, así que podemos crear tantas capas como imágenes queramos que haya en la animación. Luego con Image Ready podremos intercalar esas capas en el orden que queramos y asignarles un tiempo devisualización a cada.



Una vez creada la imagen con las distintas capas con Photoshop, podemos guardarla con extensión .psd, para que guarde toda la información de las capas. Una vez guardadapodemos pasar el archivo a Image Ready, que es el programa que utilizaremos para animar las capas en un GIF animado.

Para pasar el archivo desde Photoshop a Image Ready cómodamente, podemos...