Manual de flash

Probablemente, uno de los avances más importantes en materia de

diseño en el Web ha sido la aparición de la tecnología desarrollada
por Macromedia denominada Flash.

Flash es la tecnología más comúnmente utilizada en el Web que

permite la creación de animaciones vectoriales. El interés en el uso
de gráficos vectoriales es que éstos permiten llevar a cabo
animaciones de poco peso, es decir, que tardan poco tiempo en ser
cargadas por el navegador.

Como puede saber si , existen dos tipos de gráficos:

• Los gráficos vectoriales. En

los cuales una imagen es representada a partir de líneas (o
vectores) que poseen determinadas propiedades (color,
grosor...). La calidad de este tipo de gráficos no depende del
zoom o del tipo de resolución con el cual se esté mirando el
gráfico. Por mucho que nos acerquemos, el gráfico no se
pixeliza, ya que el ordenador traza automáticamente las líneas
para ese nivel de acercamiento.

• Las imágenes en mapa de

bits. Este tipo de gráficos se asemejan a una especie de
cuadrícula en la cual cada uno de los cuadrados (píxeles)
muestra un color determinado. La información de estos gráficos
es guardada individualmente para cada píxel y es definida por
las coordenadas y color de dicho píxel. Este tipo de gráficos son
dependientes de la variación del tamaño y resolución, pudiendo
perder calidad al modificar sucesivamente sus dimensiones.

Así, Flash se sirve de las posibilidades que ofrece el trabajar con

gráficos vectoriales, fácilmente redimensiónales y alterables por
medio de funciones, así que de un almacenamiento inteligente de las
imágenes y sonidos empleados en sus animaciones por medio de
bibliotecas, para optimizar el tamaño de los archivos que contienen
las animaciones.
Esta optimización del espacio que ocupan las animaciones,
combinada con la posibilidad de cargar la animación al mismo tiempo
que ésta se muestra en el navegador (técnica denominada
streaming), permite aportar elementos visuales que dan vida a una
Web sin que para ello el tiempo de carga de la página se prolongue
hasta límites insoportables por el visitante.

Además de este aspecto meramente estético, Flash introduce en su

entorno la posibilidad de interaccionar con el usuario. Para ello, Flash
invoca un lenguaje de programación llamado Action Script. Orientado
a objetos, este lenguaje tiene claras influencias del Javascript y
permite, entre otras muchas cosas, gestionar el relleno de
formularios, ejecutar distintas partes de una animación en función de
eventos producidos por el usuario, saltar a otras páginas, etc.

De este modo, Macromedia pone a nuestra disposición una tecnología

pensada para aportar vistosidad a nuestra Web al mismo tiempo que
nos permite interaccionar con nuestro visitante. Por supuesto, no se
trata de la única alternativa de diseño vectorial aplicada al Web pero,
sin duda, se trata de la más popular y más completa de ellas

Entorno de trabajo
Cuando abrimos el programa, lo primero que encontramos es la
pantalla en blanco, lo que llamamos comúnmente "STAGE", el
escenario, la pantalla donde vamos a realizar toda la animación. Por
arriba podemos observar, la linea de tiempo que está compuesta por
FRAMES (cuadros) y LAYERS (capas).

Automáticamente, se nos abren varias ventanas, donde podemos

tener al alcance de la mano todas las posibilidades y necesidades
para nuestro diseño en flash.
 La línea de tiempo nos sirve para darle el tiempo necesario a la
animación que vamos a diseñar; la sumatoria de frames equivale a
los segundos que queremos que dure nuestra animación. En forma
predeterminada, el Flash viene seteado con una velocidad de 12
cuadros por segundo. En forma particular les digo que uno se guía por
varios elementos para que sea eficiente una película: si el objetivo es,
por ejemplo, utilizarla en una página web, primero hay que
determinar si será larga o corta, y luego, que sea DIVERTIDA y
agradable para el observador, y no que éste diga: "Qué largo que
está esto". Otro factor a tomar en cuenta es el peso de la película:
más pesado, más tarda en bajar. (Tenemos que tener en cuenta que
estas películas bajan a la carpeta de temporales del explorador que
estemos utilizando para poder ser vistas).

En la parte izquierda de la ventana podemos observar (ver figura

anterior) la paleta de herramientas que vamos a utilizar para lograr
nuestra animación. Aquellos que ya han utilizado algún programa
gráfico reconocerán todas las herramientas.

Al utilizar las herramientas Lápiz, Línea, Óvalo, Rectángulo o

Pincel, para dibujar una línea sobre otra línea o forma pintada, las
líneas que se solapan se dividen en segmentos, en los puntos de
intersección. Puede utilizar la herramienta Flecha para seleccionar,
mover y remodelar cada segmento independientemente. Las líneas
que se solapan creadas con la herramienta Pluma, no se dividen en
segmentos en los puntos de intersección,sino que permanecen
intactas.
 Un relleno; el relleno con una línea que lo corta; los dos rellenos y
tres segmentos de línea creados por la segmentación.

LINEA DE TIEMPO

Línea de tiempo (Timelines)

La Línea de tiempo organiza y controla el contenido de una película a
través del tiempo, en capas y fotogramas. Los componentes
principales de la Línea de tiempo son las capas, los fotogramas y la
cabeza lectora.

Las capas de una película aparecen en una columna situada a la

izquierda de la Línea de tiempo. Los fotogramas contenidos en capa
cada aparecen en una fila a la derecha del nombre de la capa. El
encabezado de la Línea de tiempo situado en la parte superior de la
Línea de tiempo indica los números de fotogramas. La cabeza lectora
indica el fotograma actual que se muestra en el Escenario.

La información de estado de la Línea de tiempo situada en la parte

inferior de la Línea de tiempo indica el número de fotograma actual,
la velocidad de fotogramas actual y el tiempo transcurrido hasta el
fotograma actual.
 Nota: Al reproducir una animación, se muestra la velocidad de
fotogramas actual, que puede diferir de la velocidad de fotogramas
de la película si el sistema no puede mostrar la animación con la
rapidez apropiada.

Puede cambiar la manera según la que se muestran los fotogramas y

mostrar miniaturas del contenido de los fotogramas en la Línea de
tiempo. La Línea de tiempo muestra dónde hay animación en una
película, incluyendo la animación fotograma a fotograma, la
animación interpolada y los trazados de movimiento.

Modificación del aspecto de la

Línea de tiempo
De forma predeterminada, la Línea de tiempo aparece en la parte
superior de la ventana de la aplicación principal, encima del
Escenario. Para cambiar su posición, puede acoplarla tanto a la parte
inferior como a uno de los dos lados de la ventana de la aplicación
principal, así como mostrarla en su propia ventana. También es
posible ocultarla.

Puede cambiar el tamaño de la Línea de tiempo para cambiar el

número de capas y fotogramas visibles. Si hay más capas de las que
es posible mostrar en la Línea de tiempo, puede ver las capas
adicionales utilizando las barras de desplazamiento situadas a la
derecha de la Línea de tiempo.

Para mover la Línea de tiempo:

Arrástrela desde el área por encima del encabezado de la Línea de

tiempo.

Arrastre la Línea de tiempo hasta el borde de la ventana de la

aplicación para acoplarla. Presione Control (en Windows y en
Macintosh) mientras la arrastra para impedir que la Línea de tiempo
se acople a los bordes.

Para aumentar o reducir los campos de nombre de las capas:

Arrastre la barra que separa los nombres de capa y la Línea de

tiempo.
Para cambiar el tamaño de la Línea de tiempo, utilice uno de
los siguientes procedimientos:

Si la Línea de tiempo está acoplada a la ventana de la aplicación

principal, arrastre la barra que separa la Línea de tiempo de la
ventana de la aplicación.

Si la Línea de tiempo no está acoplada a la ventana de la aplicación

principal, arrastre la esquina inferior derecha (Windows)

Desplazamiento de la cabeza lectora

La cabeza lectora se mueve por la Línea de tiempo para indicar el

fotograma que se muestra en cada momento en el Escenario. El
encabezado de la Línea de tiempo muestra los números de fotograma
de la animación. Para que aparezca en el Escenario un determinado
fotograma, puede mover la cabeza lectora hasta ese fotograma en la
Línea de tiempo.

Si está trabajando con un número de fotogramas tal que no es posible

que todos aparezcan al mismo tiempo en la Línea de tiempo, puede
centrar la cabeza lectora en la Línea de tiempo para poder localizar
fácilmente el fotograma actual.

Para ir a un fotograma:

Haga clic en la posición del fotograma en el encabezado de la Línea

de tiempo o bien arrastre la cabeza lectora hasta la posición deseada.

Para centrar la cabeza lectora en el medio de la película:

Haga clic en el botón Centrar fotograma situado en la parte inferior

de la Línea de tiempo.

En la Línea de tiempo, se trabaja con fotogramas y fotogramas clave.