Confeccionando el gif Animado
Por cierto, tú
querrías imprimir esta página ahora. Lo hará tanto más fácil para animar el gif si
tienes las instrucciones delante de ti.
Primero vas a requerir unos gifs para animar. Te
daré cuatro de mi colección para tu uso. Éstas son cuatro flechas, todas del mismo
tamaño, todas preservadas al nivel 256 colores. Lo que haceremos es una animación
del cuatro-tablero de una flecha hilando a la derecha, girando y girando. Torpe sí,
pero bueno para tus primer disparo al proceso. Descarga las cuatro y colócalas
todas en un directorio. No cambies los nombres de las imágenes. También, no te
inquiete que los números aparecen estar fuera de orden. Arreglaré eso cuando
hagamos la animación. Mi sugerencia es ponerlos todos en un directorio vacío
como TEMP. Esto sólo lo hace más fácil.
Pulsa el botón para Descargar cada:
[Flecha Izquierda]
[Flecha Derecha] [Flecha Arriba]
[Flecha Abajo]
Ahora todos están descargados.
Hagamos la animación. Sigue las instrucciones continuamente:
- Salte de tu hojeador y abre el programa de la Construcción del gif que
descargaste.
- Una caja abrirá con unos botones a lo largo de la cima. Los botones
dicen "VIEW, INSERT, EDIT, DELETE, etc., etc.". Se parece a éste:
Si lo que tienes está cerca de este, estás listo para ir.
- Ve bajo el menú FILE y escoge NEW.
- Una línea destacada aparecerá que indica HEADER gif89a
SCREEN 640x480. 640x480 trata del número de pixels que hacen la imagen.
Recuerda, ésta es una imagen de la computadora. Se hace de puntos pequeños de
color. Esos puntos pequeños se llamaban "pixels", corto para "picture elements"
(elementos del cuadro).
- Éste no es el tamaño correcto. Las cuatro flechas que descargaste son
sólo 30x30 pixels. Pulsa el botón dos veces en la línea destacada
HEADER gif89a.
- Una caja debe hacer estallar arriba donde verás de nuevo los
números 640 y 480. Se parece a éste:
Cambia esos números a 30 y 30 y pulsa el botón OK.
- Estás de vuelta a la pantalla del original y la línea ahora debe leer
30x30. ¿Lo hace? Si no, prueba de nuevo cambiar los números. Estos números
denotarán el tamaño de las imágenes que estás usando.
- Ahora debes decir al sistema lo que quiere pasar con respecto al
movimiento de los gifs. Puedes hacer otras cosas, y puedes aprenderlos en
tu propio, pero por ahora vamos a GAZAR
la animación, significa que los cuadros continuarán iendo uno después del
otro todas las veces. El gif de arriba está gazado.
- Pulsa el botón marcado INSERT. Una caja estallará hacia
arriba. Se parece a éste:
Escoje LOOP. ¡Puf! Ahora debe decir LOOP bajo la linea HEADER.
- Ahora es el momento de comenzar colocando imágenes. Recuerda esto:
Todas las imágenes deben tener una orden CONTROL antes de ellas.
Siempre... ninguna excepción.
- Pulsa el botón INSERT y escoge CONTROL. CONTROL
ahora debe estar en la pantalla.
- Pulsa el botón en el destacado CONTROL. Otra caja
debe aparecer. Debe parecerse a éste:
- ¿Ves en la caja donde dice 1/100th of a second (a 1/100 de un segundo)?
Ése está el lapso del tiempo entre el gif presente y cuando el
próximo cargará. Más de 100 lo hace más lento, menos lo hace
más rápido. Por ahora, inserta "15"/100-esimas de un segundo.
Escoje OK.
- Pulsa el botón de nuevo en INSERT y escoge IMAGE.
- Otra caja hará estallido arriba dándote la habilidad para
encontrar y escoger las imágenes que descargaste de mí. Halla "arrow1.gif"
y escógelo. Debe aparecer en la pantalla.
- Escoje INSERT de nuevo y selecciona CONTROL.
- Pulsa el botón dos veces en la línea y de nuevo cambia
el 100-esimas de un segundo a 15. Pulsa el botón OK.
- Escoje INSERT de nuevo y escoge IMAGE.
- Cuando la caja haga estallido arriba, halla "arrow3.gif" y escógelo.
- Sigue el formato de arriba otra vez y coloca otro
CONTROL, cambiándolo a 15/100-esimas de un segundo.
- De nuevo, escoge INSERT e IMAGEy coloca
"arrow2.gif".
- Coloca otro CONTROL, cambiando 100-esimas de un
segundo a 15 de nuevo.
- Coloca la última imagen "arrow4.gif".
(Ves, estás
haciendo la misma cosa de nuevo y de nuevo... control, image,
control, image, control, image, etc., etc.)
- Ésto es lo que debe estar escrito delante de ti:
HEADER gif89a SCREEN 40x40
LOOP
CONTROL
IMAGE
ARROW1.gif 30X30,256
CONTROL
IMAGE ARROW3.gif
30X30,256
CONTROL
IMAGE ARROW2.gif
30X30,256
CONTROL
IMAGE ARROW4.gif 30X30,256
- ¿Quieres verlo? Pulsa en el botón VIEW. La pantalla irá
negro y la flecha girará alrededor.
- Para volver, golpea la tecla ESC.
- Preserva la animación de la imagen escogiendo SAVE AS bajo el menú
FILE.
- Si tienes cualesquier problemas, ahora obtendrás una advertencia y
que arreglar. Si no, buen trabajo. Presérvalo bajo un nombre que puedas recordar.
- El programa sufrirá una lista larga de movimientos para tu
distracción mientras compila tu animación. Entonces está hecho...
nada para él.
Colocándolo en una Página
Coloca la animación (el último nombre que le diste) lo mismo
que harías con cualquier imagen. Emplea el formato de la Orden de la Imagen:
<IMG SRC="animation.gif">
No intentes cambiar el tamaño o cualquier otra cosa. Permite
que sea lo mismo que tú preservaste.
¡No Está Funcionando!
¿Extraño, eh?
¿Pero trabajaba cuando pulsaste el botón en VIEW? Sí, he encontrado
eso, también. Prueba subir la animación por FTP y todas las imágenes pequeñas
que usaste para hacerlo hacia tu servidor y entonces ve y míralo. Te apostaré
que trabaja.
Estas cosas son muy susceptibles. Le he
encontrado a mi 486 Netscape 1.1 que sólo los correrá cuando son cargados en
el servidor. 2.02b lo correrá apartado de la unidad de disco duro. Mi W95
computadora lo correrá todo directamente. ¿Raro, eh?
Espero que esto ayude. Verdaderamente es más
fácil de lo que parecería al principio. Buena Suerte.
[El Recopilador del gif] [Los gifs]
[Confeccionando las Imágenes] [Confeccionando el gif Animado]
[Colocándolo en una Página] [¡No Está Funcionando!]
[Volver a la Página Hogar de
HTML Goodies]