WWW Gif Amimator. Figura F-1: Ventana creada al instalar el programa

Transcripción

1 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

2 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

3 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

4 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

5 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

6 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

7 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

8 F WWW Gif Amimator 8