• Introducción
• Macromedia y la tecnología Shockwave
• Formatos vectoriales y formatos bitmap
• ¿Que podemos hacer con Flash?
• Un vistazo a la Interfaz
• Barra de Herramientas
• Enlaces de interés

Introducción

En los últimos tiempos hemos asistido a un espectacular crecimiento del número de usuarios y páginas que componen la “inmensa telaraña mundial”. Este crecimiento ha venido a confirmar, que Internet esta llamada a ser la gran revolución de la comunicación en el siglo XXI.

Los que conocemos este medio desde sus primeros momentos, hemos ido observando como las primeras páginas grises y formadas exclusivamente con texto, han ido evolucionando hasta presentar contenidos cada vez más interactivos que atrapen la atención del usuario, que lo entretengan, que lo guíen e incluso que lo “fuercen” a comprar o a quedarse en un sitio web. En este fenómeno, Flash ha tenido mucho que ver. Gracias a Flash, en los últimos tiempos muchos proyectos interactivos-multimedia han podido ver la luz en la red. A lo largo de estas cuatro entregas trataremos de introducirle adecuadamente en la producción de este tipo de proyectos.

 Macromedia y la tecnología Shockwave

Durante muchos años Macromedia ha liderado el mundo de la edición gráfica y las creaciones multimedia, gracias a sus aplicaciones Freehand (diseño vectorial) y Director (creación multimedia).

En los últimos años la evolución de Macromedia se ha orientado a liderar el mercado de creación de contenidos para Internet, y más concretamente para la WEB.

Actualmente Dreamweaver, Fireworks y Flash se cuentan entre las herramientas más utilizadas por todo webmaster.

Mientras que Dreamweaver y Fireworks son programas que cuentan con competencia en el mercado, Flash ha sido una herramienta pionera en su función, que no cuenta actualmente con ninguna aplicación competidora. Las posibilidades de Flash, las ventajas tecnología Shockwave y su asequible curva de aprendizaje, han hecho que el crecimiento del número de páginas creadas con Flash aumente espectacularmente en los últimos tiempos.

 Formatos vectoriales y formatos bitmap

Tradicionalmente los formatos gráficos utilizados en la web eran del tipo “bitmap”. Este tipo de formatos no acaban de ser la respuesta final a las necesidades gráficas de los diseñadores, debido a que su tamaño provoca grandes tiempos de descarga. Por tanto, todos aquellos proyectos que requieren un amplio tratamiento gráfico no son abordables con formatos gráficos “bitmap”.

Para llenar este vacio, surge la tecnología Shockwave. Esta tecnología permite publicar contenidos vectoriales en la web. Como primera ventaja obtendremos ficheros más pequeños y rápidos de descargar. Además, los ficheros Shockwave no necesitan ser descargados completamente antes de visualizarse. En cuanto existe una información mínima suficiente el fichero se puede mostrar mientras continua su descarga.

En resumen, esta tecnología permite tener ficheros de mayor calidad, más pequeños y rápidos de descargar. Flash se basa en esta tecnología para crear proyectos multimedia que se puedan publicar en Internet.

 ¿Que podemos hacer con Flash?

Flash es la versión informática de “chica para todo”. Bromas aparte, Flash fue creado fundamentalmente para editar y publicar contenidos multimedia interactivos para la web. Sin embargo, gracias a las nuevas capacidades incluidas en la versión 4.0, Flash puede servir para otras muchas cosas. Crear animaciones interactivas, elementos de navegación, botones y menús, sitios web completos o aplicaciones multimedia para distribuir en CD-Rom, son algunas de las cosas que podemos hacer con esta herramienta.

 Un vistazo a la Interfaz

Al abrir Flash por primera vez, se encontrará con una imagen similar a la que puede ver en la figura 01. Todo documento de Flash, se compone de las siguientes partes fundamentales:

Área de trabajo (2): En ella podrá crear y editar los elementos que cree con las herramientas de Flash. Dentro del área de trabajo, puede observar un rectángulo de color blanco que se diferencia del resto de la superficie. Ese rectángulo es la representación del Escenario (3). Lo que ocurra en el escenario será lo que el usuario verá en su proyecto final. Las dimensiones del escenario de su película se definen en menú MODIFICAR > PELÍCULA...

Timeline (4): Es la línea de tiempo que permite controlar lo que irá sucediendo en el escenario de su película. La Timeline es el corazón de todo proyecto interactivo en Flash.

Barra de Herramientas (1): En esta barra están las herramientas que le permitirán crear y editar elementos en Flash 4.0. A continuación veremos en mas detalle esta paleta de herramientas.

Junto a estas partes descritas, en la parte superior de la ventana, podemos encontrar los menús que completan la interface de Flash. Estos menús son: Archivo, Editar, Ver, Insertar, Modificar, Control, Bibliotecas y Ventana. En Flash 4.0 existen otros menús que no son visibles: son los menús contextuales. A estos menús se accede haciendo CTRL+Click (Mac) o Click derecho (PC) sobre algún elemento o parte de la pantalla. Estos menús incluirán acciones que se pueden aplicar o relacionadas con el objetos sobre el que se hizo click. Iremos profundizando en estos menús a lo largo de estas cuatro entregas.

 Barra de Herramientas

A la hora de crear y editar elementos, será necesario que conozca e identifique las herramientas que Flash pone a su disposición en la barra de herramientas.

Antes de detallar el uso de cada herramienta, conviene saber que la parte inferior de la paleta de herramientas, es una zona contextual que va cambiando en consonancia con la herramienta seleccionada en la barra. En esta parte contextual de la paleta de herramientas irán apareciendo controles y modificadores, que permitirán variar y ajustar los parámetros de la herramienta seleccionada. Por ejemplo, cuando selecciona la herramienta texto, en esta zona contextual aparecen los modificadores que permiten controlar el aspecto físico del texto, color, tamaño, así como el formato del párrafo, etc.

Veamos la función de cada herramienta:

Puntero: Permite seleccionar y editar objetos en Flash. En la zona contextual aparecen herramientas de curvar, angular, rotar y escalar. También se puede activar desde esta zona la opción “snap” que permite atraer unos objetos a otros cuando se esta trabajando en Flash.

Lazo: Selecciona zonas parciales de los objetos. En la zona contextual aparecen varitas mágicas que permiten seleccionar zonas por colores y el modificador para que el lazo seleccione en formato poligonal.

Líneas: Dibuja líneas rectas. En la zona contextual se pueden ajustar los valores de grosor, color y tipo de línea.

Texto: Sirve para introducir texto en el proyecto. Hay dos tipos de texto que se pueden incluir en un proyecto: texto normal y campos de texto editables. Esta segunda opción es útil para insertar campos en los que el usuario pueda introducir información y utilizar esta información en el proyecto para realizar cálculos y personalizar películas. En la zona contextual se puede ajustar el tipo, el tamaño y el color de la fuente. También se pueden ajustar desde aquí los parámetros del párrafo. El modificador “ab” conmuta entre texto normal y campo de texto.

Círculos: Genera círculos y elipses. En la zona contextual se puede ajustar el color, el grosor y el estilo del contorno, así como el color de relleno.

Cuadrados: Crea cuadrados y rectángulos. En la zona contextual se pueden ajustar los valores de color, grosor y estilo de contorno. También se puede definir el color del relleno.

Lápiz: Con esta herramienta se pueden dibujar contornos irregulares. Flash tiene un modo de dibujo asistido que permite “interpretar” lo que se va dibujando sobre el escenario y optimizar la herramienta final, en función al modo de asistencia que se haya escogido. Estos modos de asistencia al dibujo se eligen en el primer modificador de la zona contextual. Si elige el modo “enderezar”, flash redibujará su elemento para que este compuesto por el mayor número de rectas posible. Si elige la opción “suavizar” se sustituirán los ángulos por suaves transiciones curvas. Por último, si escoge la opción “tinta”, la forma final será muy parecida a la forma que dibuje. Los otros modificadores permiten ajustar el color, grosor y estilo del contorno.

Brocha: Con esta herramienta puede rellenar contornos o pintar rellenos directamente sobre el escenario. Flash 4.0 tiene varios modos de relleno que puede escoger en el primer modificador de la zona contextual. Si dispone de una tableta gráfica, puede activar el modificador de sensibilidad a la presión. Otros modificadores le permiten seleccionar el color, el grosor y la forma de la brocha.

Tintero: Permite reajustar los valores de un contorno ya existente. En la zona contextual puede elegir el color, el grosor y el estilo de línea que aplicará a los contornos que vaya a modificar.

Bote de pintura: Esta herramienta se utiliza para cambiar los valores de relleno de objetos ya existentes. En la zona contextual puede seleccionar el color a aplicar y el modo de pintura que utilizará, entre otros.

Cuentagotas: Con esta herramienta puede “leer” valores de elementos ya existentes, para poder aplicarlos en otros elementos. Puede leer colores, grosores o tipos de letra de un texto, entre otras cosas.

Goma de Borrar: Borra partes de los elementos. En la zona contextual puede ajustar los distintos modos de borrado, así como el grosor y la forma de la herramienta.

Mano: Sirve para trasladarse por la pantalla manualmente, como si estuviera “arrastrando” el documento que hay en el área de trabajo.

Zoom: Permite aumentar o disminuir la escala de visualización del documento. En la zona contextual se puede elegir entre “zoom in” o “zoom out”.

 Enlaces de interés

http://www.macromedia.com/software/flash/trial/
El sitio oficial de Macromedia, donde descargarse la versión TRIAL de 30 días, de FLASH 4.0.

http://www.macromedia.com/shockwave/download/alternates/index.fhtml
Páginas oficiales de Macromedia, en las que descargarse las últimas versiones de los "plugins" Shockwave, y controles ActiveX para IExplorer.

http://www.hillmancurtis.com/
http://www.egomedia.com/
Si nunca ha visto una página desarrollada en Flash, cualquiera de estos sitios le servirá de ejemplo.