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.
Tutoriales
