-----Foro----

 
GIF ANIMADOS - Curso básico

La base de un bonito y efectivo Gif animado es un buen diseño en cualquier programa que maneje fotos y textos- (PhotoImpact - PhotoShop - CorelPaint - PaintShop - etc.).

El Gif animado tiene varias ventajas (y una en contra) respecto a la nueva herramienta Flash. A favor: a) No  necesita plugins en la PC cliente para correr. En consecuencia no debe descargar nada. b) Todos los browser (navegadores) son compatibles y lo "ven igual". c) Es rápido para cargarse. d) Se puede dominar el "peso" de los Gif fácilmente. e) Se puede hacer cualquier cosa que ud. imagine - La desventaja son los pocos colores para trabajar (256 máx.).

Confeccionando un GIF animado
1: Debe confeccionar y guardar en formato nombre.gif todas la imágenes que deseé estén en la animación. O sea; si Ud. decide que una palabra debe atravesar horizontalmente el anuncio Gif debe hacer todos los cuadros uno por uno desplazando el texto en cada cuadro que pasa a horizontalmente y luego guardarlos en el HD (disco duro).
Por ejemplo aquí abajo le mostramos los pasos de una pequeña y básica animación:

este banner más el siguiente producen el tercero

=


OTRO EJEMPLO:

note en cada frame como va aumentando la salida de la pintura

note que los cambios son sólo en la palanca que sube y baja y en la pintura que sale

note que, en cada cuadro se debe manipular la parte que se desea mover en la animación fina.

No hay otra manera de hacer una animación con gif (que conozcamos a menos que use un programa de animación (Autocad, UleadCool, Adobe Premier, FX, Imagine, DPaint, etc.) que producen generalmente xxx.avi y que luego deberá pasar a xxx.gif - muchas veces el mismo programa lo hace y guarda en este formato desde el principio-) Si quiere un programa fácil, donde solo debe arrastrar encima cada cuadro y nada más, busque el soft gratuito de nombre "UnFREEz" jam´sa encotrará nada más facil, eso si solo tiene la opción de retardar los cuadros y nada más pero sirve se lo aseguramos.

Cuando finalice de hacer cada uno de los cuadros debe llevarlos (de a uno por vez) hasta un programa que los junte y así poder ver y guardar la animación para usarla en las página web (o cualquier lado).
¿Qué programas? Hay muchísimos y gratis. Por ejemplo dentro de los CDs del soft de los escáner ScanMaker suele venir alguno estos forman parte del paquete de edición de fotos.
También los puede conseguir gratis en la red ( www.todogratis.com  , www.logratis.com  , www.donfreware.com  y muchos lugares más) por supuesto es posible que varíen los nombres pero el funcionamiento es el mismo. (cargar cada imagen en el programa y luego guardar el archivo -xx.gif - y luego insertarlo en la página web como cualquier imagen común (incluso funciona de fondo del escritorio en Windows 98 y ME). Algunos software permiten cargar una animación avi y lo convierten a una animación Gif. Otro programa posible es Corel Paint / Opción Crear animación-película. Al salvar/guardar la animación se selecciona el formato Gif. A posteriori aparece un cuadro de diálogo donde seleccionamos el color transparente -si queremos- y cuantos colores máx. usará la animación.

Verá en alguna parte del soft - durante la confección del Gif - la orden "Delay" (retardo) esto significa que usted le indica al cuadro seleccionado cuanto demorará en pantalla antes que aparezca el siguiente. Esto produce -además de una archivo más grande si exagera con el tiempo- que menos cuadros se muevan más lento. Por defecto cada cuadro de la animación final demorará más en pantalla antes de cambiar al próximo, esto produce la velocidad final. (En el primer banner arriba, el "delay" de cada uno de los 2 cuadros que componen la animación está en 5 y cada banner tiene 24 colores). 

Otra orden de la que disponen los programas que hacen este trabajo es "Loop" o en español "Bucle" que significa que usted puede ordenarle a la animación que cuando se haya descargado en el navegador del cliente se ejecute tantas veces como usted quiera. Si marcamos la opción siempre / continua o simplemente la marcamos esto significará que nunca parará el movimiento. Cuando llegue al último cuadro volverá a comenzar hasta que el cliente se vaya de la página que la contiene.

Después que aprenda esto estudie las opciones de transparencia que tiene el programa. Es decir usted puede indicar que tal color es transparente en la animación final (generalmente el fondo). ¿La ventaja? es que cualquier animación gif sirve para cualquier color de fondo en las páginas, muy importante sino queda esclavo de los colores del fondo y no todos sirven para el web en formato gif (no confundir jpg).

¿Los problemas?
a) Debe trabajar con la menor cantidad de colores posibles. 24 o 32 en cada cuadro. 32 a 64 en la animación final (128 colores produce un gif pesado pero 256 colores es increíblemente pesado e inservible para quienes tienen conexión dial-up). 
b) No pasarse de los 400 o 500 píxeles de ancho (no todos tienen configurado el monitor en 800 x 600) por 50 píxeles de alto. -Aunque puede hacer lo que quiera-.
c) Si el uso es en una página Web, este archivo total "no debería" pasar los 10 o 15 kb (20 máx.).
d) Los gif animados  más bonitos son artesanales (cuadro a cuadro) y con una acertada selección de colores. Se sorprenderá -si observa- la cantidad de Gif hermosos con sólo 16 colores-

Creemos que es todo lo que necesita saber (básicamente) para empezar a confeccionar sus Gif animados.