Diseño multimedia

Flash

g.frances

¿Qué flash?

Macromedia Flash MX es una herramienta poderosa que permite crear contenido multimedia para la Internet. Su capacidad de trabajo y distintas herramientas para la manipulación de objetos la han convertido, en poco tiempo, en la aplicación favorita de los diseñadotes web. Más de 497 millones de usuarios del Internet tienen instalado en su navegador alguna versión de Flash Player.

Diseño multimedia 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.

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.

Diseño multimedia Flash

Así, Flash se sirve de las posibilidades que ofrece el trabajar con gráficos vectoriales, fácilmente redimensionables 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.

Diseño multimedia Flash

g.frances

¿Qué permite flash mx?

Sus características permiten:

• desarrollar aplicaciones con gran dinamismo en las interfaces de usuario

• usar potentes videos multimedia • crear fantásticas animaciones con poco peso de descarga• hacer publicidad en línea• diseñar cursos de aprendizaje electrónico • crear ilustraciones animadas para ser utilizadas en otras

aplicaciones o proyectos multimedia (Dreamweaver, Director)• construir aplicaciones para dispositivos móviles

Diseño multimedia Flash

g.frances

Consejos...

•Trate de trabajar con la mayor cantidad de gráficos vectoriales posibles, otro tipo de imágenes (BMP, GIF, JPEG) no ofrecen la calidad y facilidad de manipulación

•Si le es posible evite crear el proyector del archivo FLA (a SWF) en una versión inferior a la que dispone

•Si su trabajo es muy pesado trate de picarlo en varios archivos

•Evalué bien el proyecto antes de tomar la decisión de utilizar flash para el desarrollo, flash no es bueno para todo.

Diseño multimedia Flash

Describimos la interface de la aplicación Flash MX

Diseño multimedia

Flash

Dentro de esta interface, podemos distinguir tres partes principales:

• El escenario Se trata del espacio en el cual llevaremos a cabo todas las tareas de edición de gráficos. En cierto modo es como el papel en el cual dibujaremos lo que haga falta.

• La línea de tiempo Esta sección es donde podremos organizar en el tiempo cada una de las imágenes diseñadas en el escenario. Podemos subdividirla en dos partes: La parte izquierda, donde podremos organizar las capas y la parte de la derecha que queda reservada a la gestión de los fotogramás. Ambos elementos, capas y fotogramás serán tratados más adelante.

• La caja de herramientas Aquí encontraremos las herramientas de edición grafica que Flash pone a nuestra disposición. Como puede observarse, éstas son muy parecidas a las que podemos encontrar en otros programás de edición grafica que ya sea vectorial o no.

Diseño multimedia

Flash

Como hemos dicho, la línea de tiempo es donde podremos organizar la sucesión de imágenes que dan lugar a una animación. En este capítulo introduciremos los conceptos de capa y fotograma, vitales para una compresión del funcionamiento de Flash.

En cierta medida, Flash trabaja como si fuese una película. Una animación es una sucesión de imágenes fijas que, al pasar rápidamente unas detrás de otras, dan la impresión de un movimiento. Cada una de estas imágenes fijas es llamada también fotograma. Los fotogramas son representados bajo forma de rectángulos en la parte derecha del escenario.

En estos rectángulos podemos alojar tres tipos diferentes de imágenes:

•Imágenes clave Se trata de las imágenes que nosotros mismos dibujaremos

•Imágenes fijas Son las imágenes claves copiadas en los fotogramas siguientes al de la primera imagen clave de manera a producir un efecto de objeto estático.

•Imágenes de interpolación Se trata de imágenes calculadas por Flash que permiten la transición gradual entre dos imágenes claves. Este tipo de imágenes muy útiles ya que se generan automáticamente y proporcionan un efecto suave de movimiento o transformación.

Diseño multimedia

Flash

Por otra parte, una animación esta generalmente constituida de una variedad de objetos diferentes, cada uno de los cuales se introduce en un momento diferente y presenta un comportamiento independiente al resto de los objetos. De manera a organizar y editar todos estos elementos Flash permite el uso de capas o calcos.

Así, una animación Flash esta compuesta de una superposición de capas en cada una de las cuales introduciremos un objeto que tendrá su propia línea de fotogramas. Estas capas nos permiten trabajar la animación en distintos planos independientes.

Por defecto, al comenzar una nueva escena encontraremos en nuestra línea de tiempo una sola capa. Progresivamente iremos introduciendo más capas que nos permitan separar cada uno de los elementos de la animación: objetos, fondo, sonidos o trayectorias.

Un uso inteligente de las capas es la base para crear animaciones de calidad

Diseño multimedia

Flash

g.frances

Algunos ejemplos

de integración de aplicaciones > creación de animaciones >

diseño de interfaz > aplicaciones interactivas >

Diseño multimedia Flash