Guía práctica de HTML

Gráficos Animados

Regreso a Guía de HTML

Las gráficas animadas se realizan utilizando el método GIF89a que permite la superposición en capas de varias imágenes en el mismo archivo y que los visualizadores están en capacidad de leer alternadamente, dando la sensación de movimiento. Hay varias utilidades de fácil aprendizaje que permiten su creación, entre ellas Gif Constructor Set, PhotoImpact Gif Animator y Microsoft Gif Animator. Todas están disponibles para ser bajadas gratuitamente de Internet.

GIF89a también permite las gráficas interlazadas, que guarda el archivo con intercalamiento de cuatro direcciones de las líneas de datos de la imagen y el visualizador las reproduce en la misma forma, creando primero una imagen borrosa que al final se define. Igualmente se puede crear un fondo transparente, dando la sensación de que la imagen flota en la pantalla. Estos efectos se consiguen con los programas de tratamiento fotográfico como Corel Photo Paint, Paint Shop Pro, Altamira Composer y Adobe Photo Shop, entre otros.

Los ejemplos presentados abajo reunen todas las técnicas mencionadas:


La Vaca Lola

La vaca Lola fue el primer gráfico animado de la página de Montería. De una imagen inicial se creó un espejo o mirror y con la dos gráficas resultantes se hizo la animación. Dentro de la etiqueta <img > se colocó además lowsrc="cebu.gif" para que se cargue primero una imagen fija más rápidamente.

Vista del Edificio Administrativo y la Biblioteca
Espera a la pantera negra....

Esta animación mantiene en pantalla durante toda la ejecución la primera gráfica de fondo con los edificios de la Universidad de Córdoba, que es la más grande, para que el archivo tenga un tamaño moderado.


Marylin

Gráfica animada de Marylin Monroe realizada por Diva Santana, estudiante de Informática Educativa y Medios Audiuovisuales de la Universidad de Córdoba, a partir de una imagen fija bajada de Internet. El original es de 320x200 pixels con tamaño de 264 Kb y creado en Gif Constructor Set. Esta versión fue reducida a 100x63 pixels con 23 Kb y montada con Microsoft Gif Animator.

Si quieres ver el original, haz click aquí.


Colombia Internet Explorer Active X

Gráficos de la página de Microsoft:


Coldeportes Colombia

Gráfico animado del Instituto Colombiano de la Juventud y el Deporte Coldeportes. Se incluyó en una tabla de fondo negro para apreciarlo en toda su magnitud.


Antorcha Relojes Antorcha
Puedes guardar los archivos pulsando el botón derecho del mouse y seleccionando "Guardar imagen como...", para practicar su montaje con los programas Gif Constructor Set, PhotoImpact Gif Animator y Microsoft Gif Animator.

Esta Guía fué preparada por Carlos Crismatt Mouthon

E-mail: crismatt@hotmail.com

1