Navegando por Internet, más de alguna vez nos habremos topado con botones, banners o imágenes que han despertado nuestra atención por su movimiento y animación. El uso de este tipo de imágenes ha sido muy promovido en Internet por impactar a los usuarios.

Existen varias formas de hacer este tipo de animaciones, pero debido a que las las modernas requieren de plugins especiales en el navegador, son las formas pioneras las que siempre van a predominar. El formato que todos los navegadores reconocen y que permite archivos con animaciones gráficas son los archivos GIF.

Estos archivos son una colección de imágenes que al ir cambiando según tiempos asignados al realizarlas, permiten hacer animaciones fácilmente.

Hacer nuestras propias animaciones no debe de ser complicado contando con las herramientas adecuadas. En esta ocasión, utilizaremos el programa Ulead Gif Animator, que puede ser descargado del sitio de http://www.webutilities.com/

Esta aplicación permite dibujar en el programa, crear animaciones e incluso asignarles efectos de una forma fácil y efectiva. Probaremos algunos de sus efectos para asignar una transición entre dos imágenes estáticas.

Gif1Así pues empecemos a realizar nuestra primera animación:

Gif2

Ingresando al programa, seleccionaremos la opción de “Blank animation” para tener un área de trabajo inicial. A continuación insertaremos la primera imagen con las que iniciaremos la animación pulsando “Layer > Add Images”

A continuación aparecerá una pantalla para que seleccionemos el archivo gráfico que deseamos insertar como la primera imagen de nuestra animación. Repitiendo el paso anterior tendremos ya dos imágenes en la animación.

Gi3
A continuación, nos dirigiremos a “Video F/X” para seleccionar que tipo de transición/animación queremos utilizar entre las dos imágenes que hemos colocado.

Este programa tiene la ventaja de que cuenta con muchas opciones, lo que nos permite tener gran variedad de efectos. Gif4Utilizaremos en esta oportunidad la opción de “Stretch > Cross Zoom-Stretch” que le dará un tipo de Zoom directo a la imagen.

Podemos modificar las opciones del tipo de efecto para ver otras opciones. También seleccionar la cantidad de Frames Intermedios que habrán en la transición y el tiempo de “Delay” que tardará la animación.

Gif5Luego de haber completado las opciones, presionamos “OK” para aplicar estos efectos. Finalmente veremos nuestro trabajo en acción, presionando la opción de ”Preview” lo cual cargará la imagen en pantalla junto a su animación. Desde allí es posible guardar la imagen para tener ya
nuestro primer archivo GIF animado.

Gif6

No solo el Ulead Gif Animator nos permite realizar estas animaciones.

Existen otros programas que pueden ser utilizados para la creación de este tipo de archivos como lo son el Animation Shop que es parte de Paint Shop Pro (http://www.jasc.com/) y también se encuentra el Gif Animator de Microsoft que es parte del Image Composer (http://www.microsoft.com/). Macromedia Fireworks (http://www.macromedia.com/) y Adobe Photoshop (http://www.adobe.com/) también traen incluidas en sus más recientes versiones, herramientas para la creación de este tipo de archivos.