2. Diseño multimedia
Flash
¿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.
3. 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.
4. 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.
5. g.frances
Diseño multimedia
Flash
¿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
6. g.frances
Diseño multimedia
Flash
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.
10. 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.
11. 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.
12. 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
13. g.frances
Algunos ejemplos
Diseño multimedia
Flash
de integración de aplicaciones >
creación de animaciones >
diseño de interfaz >
aplicaciones interactivas >