Introducción al Macromedia Flash 8:Menú sencillo /Botones con efecto Desenfoque

2. Vamos vamos a preparar cuatro imágenes de 100x70, que serán nuestros botones. Archivo/Importar/Importar a biblioteca y nos traemos las cuatro imágenes pequeñas :

3. vamos a arrastrar las cuatro imágenes al escenario: Calcula que queden a la misma distancia, para que queden a la misma altura puedes colocar en el eje Y el mismo valor:

4. A continuación pinchamos sobre la primera imagen , botón derecho y Convertir en Símbolo/Botón:

Sin quitar la selección nos vamos abajo al panel inferior : Inspector de Propiedades; y en Propiedades colocamos el nombre de la instancia: button1, es importante usar button1, button2, etc...para que funcione el script, observa que no hay ninguna separación entre el número y la palabra button.

Vamos a repetir este procedimiento con el resto de los botones.

5. Creamos una nueva capa, pinchamos sobre el primer fotograma y con el botón derecho seleccionamos Acciones:

Pegamos el siguiente Script en el panel de acciones:

import flash.filters.BlurFilter;
var blurred:BlurFilter = new BlurFilter(5, 5, 4);
var myFilters:Array = [blurred];
button1.filters = button2.filters = button3.filters = button4.filters = myFilters;
button1.onRollOver = button2.onRollOver = button3.onRollOver = button4.onRollOver = function() {
this.filters = null;
}
button1.onRollOut = button2.onRollOut = button3.onRollOut = button4.onRollOut = button5.onRollOut = function() {
this.filters = myFilters;
}

Prueba la película, deben verse los botones difuminados y luego al pinchar sobre ellos la imagen se hará nítida, como en el resultado final del ejercicio.

7. Vamos a colocar el texto de cada botón. Para el ejercicio seleccioné el color del borde de las imágenes de flores, luego apliqué un Bisel y a continuación un iluminado; es para que resalte el texto sobre las imágenes:

7. Vamos a enlazar los botones con la página Web. Pinchamos sobre el botón hasta seleccionarlo todo, no sólo las letras; seleccionamos Ventana/Comportamientos. Pinchamos sobre el signo +7Web/Ir a página Web; colocamos la dirección en URL, si queremos que abra en una nueva ventana colocamos "_blank", si colocamos "_self" abriremos en la misma ventana.

8. Cuelga en tu alojamiento los archivos .html y .swf

Mi espacio es :

http://clementinageisa.webcindario.com/flash8/

Le añadí el nombre de la firma a esa dirección , para que se vea en html:

http://clementinageisa.webcindario.com/flash8/menu.html

Abajo el resultado del tutorial: