Download F WWW Gif Amimator

F
WWW Gif Amimator
Una herramienta manejo sencillo que genera un fichero gráfico de animación con
notable facilidad, permite un uso práctico de la animación en el desarrollo de nuevas
formas de expresión y amplia la funcionalidad a las páginas HTML.
F.1 Instalación
Para instalar el programa WWW Gif Animator desde el CD-ROM del Curso Volumen I
(Internet_1) se requiere tener instalado previamente el programa WinZip, puesto que el
programa se presenta en un fichero comprimido de nombre wwgifapp.zip contenido en la
carpeta D:\Graficos\GIFAnimator. La instalación se inicia al situar el cursor del ratón
sobre el icono de dicho fichero y pulsar dos veces seguidas en el botón izquierdo del ratón,
y concluye con la creación de una ventana de nombre wwgifapp en la cual aparece el
programa Wwwgifa.exe
Figura F-1: Ventana creada al instalar el programa
Al ejecutar el programa Wwwgifa aparece una carátula del programa que da paso a una
pequeña ventana con tres cajas de texto en la cual se solicita el primer nombre, caja
rotulada con la expresión First Name, y el apellido del usuario, caja rotulada con la
expresión Last Name, así como el código de acceso al programa, caja rotulada con la
expresión Code. Además, aparecen tres botones: Ok Register, I Consider Registering y
View Order Form.
1
F WWW Gif Amimator
Figura F-2: Ventana inicial
Al pulsar el botón I Consider Registering aparece la ventana principal del programa
Figura F-3: Ventana de trabajo
F.2 Creación de una animación
Para crear una nueva animación de selecciona la opción New del menú desplegado al
seleccionar la opción File del menú principal. La ventana de trabajo aparece como en la
Figura 5- 3 ,remarcándose la palabra Root.
Se insertan tantos ficheros gráficos, estáticos o animados, que se deseen. En este caso se
realiza una animación con los ficheros gráficos correspondientes a las tres primeras figuras
del esta sección.
Al seleccionar la opción File y la subopción Open aparece una ventana de selección de
fichero
2
F.2 Creación de una animación
Figura F-4: Ventana de carga de ficheros
de la cual se selecciona el fichero GifAmimator1.bmp. Se procede igual forma para cargar
el segundo fichero GifAnimator2.bmp. También se puede seleccionar directamente el
fichero GifAnimator3.bmp al pulsar el icono
de la barra de íconos situada debajo
del menú principal.
Figura F-5: Ventana de trabajo después de cargar tres ficheros gráficos
Si se opta por la opción Animation y la subopción Start Animation, se inicia un cambio
de imágenes de una a otra siguiendo el orden establecido y ejecutándose dicha animación
con un periodo de cambio que se especifica en la caja de texto Local Delay de la subopción
Parameters de la opción Preferences. Esta animación elemental puede iniciarse utilizando
los íconos de vídeo de la barra de íconos.
3
F WWW Gif Amimator
A continuación se realizan algunas modificaciones en dicha animación de forma que sea
más impactante.
F.2.1 Inserción de un rotulo en la animación
Se desea introducir un rótulo animado constituido por el texto “Primera Animación”.
Para ello, se selecciona la opción Insert y la subopción Banner, o simplemente se pulsa en
el icono
, con lo cual aparece la ventana Banner
Figura F-6: Ventana Banner para creación de un rótulo animado
y se teclea el texto correspondiente en la caja de texto rotulada con la expresión Text.
Al pulsar el botón Ok se genera un conjunto de imágenes con título genérico Banner...
que corresponde a una animación del texto. El número de imágenes que se crean
corresponde al número que aparece en la caja de texto rotulada con la expresión Nr of
Frames
Figura F-7: Imágenes correspondientes a la animación del rótulo
4
F.2 Creación de una animación
F.2.2 Efectos especiales sobre una imagen
Se puede ejecutar efectos sobre una imagen estática de forma que se construya a partir de
ésta una auténtica animación. En este caso, se desea realizar un alejamiento de la primera
imagen de forma que esta rote 360º. Para ello, se selecciona la primera imagen que cuelgan
de Root, GifAmimator1.bmp, a continuación se selecciona la opción Insert y la subopción
Insert Effect, o simplemente se pulsa en el icono
, con lo cual aparece la ventana
Select Effect/Trasition
Figura F-8: Ventana de selección de efectos especiales
Se elige el efecto deseado, Zoom out, en la caja de elección situada al lado de la opción
exclusiva Effect y se teclea el ángulo correspondiente en la caja de texto rotulada con la
expresión Rotation Angle.
Al pulsar el botón Ok se genera un conjunto de imágenes con título genérico Zoom Out...
que corresponde a la animación deseada. El número de imágenes que se crean corresponde
al número que aparece en la caja de texto rotulada con la expresión Number of Frames
Figura F-9: Imágenes correspondientes a la animación del gráfico
5
F WWW Gif Amimator
F.2.3 Efectos de transición entre imágenes
Se puede actuar sobre la forma de cambiar de una imagen estática a otra imagen que se
muestra a continuación, de forma que se construya una animación que facilite la
exposición de esas imágenes. En este caso, se desea de la segunda imagen a la tercera como
si se pasara la hoja de un libro. Para ello, se selecciona la segunda imagen que cuelgan de
Root, GifAmimator2.bmp, a continuación se selecciona la opción Insert y la subopción
Insert Transition, o simplemente se pulsa en el icono
, con lo cual aparece la
ventana Select Effect/Trasition
Figura F-10: Ventana de selección de efectos de transición
Se elige el efecto deseado, Tilt In, en la caja de elección situada al lado de la opción
exclusiva Transition.
Al pulsar el botón Ok se genera un conjunto de imágenes con título genérico Tilt In... que
corresponde a transición deseada. El número de imágenes que se crean corresponde al
número que aparece en la caja de texto rotulada con la expresión Number of Frames
Figura F-11: Imágenes correspondientes a la transición entre gráficos
6
F.3 Guardar una animación
F.3 Guardar una animación
Una vez que se ha concluido el diseño de la animación esta debe ser guardada en un
fichero gráfico. Para ello, se selecciona la opción File y la subopción Save As y aparece la
ventana Save Animation
Figura F-12: Ventana de guardar una animación en un ficheros
Se teclea el nombre del fichero, animación, en la caja de texto rotulada con la expresión
Nombre de archivo. Al pulsar el botón Guardar se el fichero indicado.
Si se desea recuperar la animación contenida en un fichero gráfico, se selecciona la
opción File y la subopción Open, si bien es recomendable que previamente se haya optado
por la opción New.
Una vez recuperada la animación se observa que todas las imágenes aparecen con el
nombre genérico animación... correspondiente al nombre del fichero animacion.gif.
Figura F-13: Contenido de un fichero gráfico animado
7
F WWW Gif Amimator
8