Tutoriales en la Web

Menu con efecto iluminado

Posteado el 02. Dec, 2010 por tuto in Flash

Nunca hay menus suficientes para aprender así que confiamos que este te sirva.
Esto es lo que aprenderás a realizar en Adobe Flash, pasa el mouse encima de los vínculos y verás el efecto. Esperamos te guste

PASO 1
Creamos un nuevo documento de Adobe Flash (ActionScript 2.0)

PASO 2
Vamos a la ventana Properties y colocamos los valores que se ve en la imagen.

PASO 3
Arrastramos a nuestro documento la imagen que nos servirá de fondo, asegurémonos que este en la posición 0.0 y que tenga un tamaño de 500 x 500 píxeles.

PASO 4
Creamos una nueva capa llamada Cuerpo y a la capa anterior le colocamos el nombre de fondo.

PASO 5
Con la herramienta Rectangle Tool creamos un rectángulo con los bordes redondeados como se ve en la imagen.

PASO 6
Seleccionamos el rectángulo y al color de relleno le colocamos una opacidad de 50%.

PASO 7
Damos clic derecho sobre el botón y vamos a la opción Convert To Symbol… en la ventana le colocamos el nombre de inicio.

PASO 8
Vamos a la ventana Filter, hacemos clic en el signo más y vamos a la opción Glow.

PASO 9
Al efecto le aplicamos los valores que se ven en la imagen.

PASO 10
Nuevamente convertimos a Símbolo nuestro rectángulo pero esta vez seleccionamos la opción Botton.

PASO 11
Hacemos doble clic sobre el botón y dentro de el con la herramienta Text Tool escribimos el texto de nuestro botón.

PASO 12
Ahora vamos a la Timeline y en la opción Over hacemos Clic derecho y vamos a la opción Insert Keyframe.

PASO 13
Seleccionamos el rectángulo y lo convertimos en un Movie Clip con el nombre de botón animado.

PASO 14
Hacemos doble clic sobre el rectángulo para ingresar en el movie clip y en el frame 1 damos clic derecho y vamos a la opción Create Motion Tween.

PASO 15
Vamos al la ventana Properties y en la opción Color seleccionamos la opción Alpha y colocamos un valor de 70%.

PASO 16
Vamos la Línea de Tiempo y nos posicionamos el frame 20 y presionamos la tecla F6.

PASO 17
Ahora vamos a la ventana Filters y aplicamos los valores que se ven en la imagen.

PASO 18
Presionamos la tecla F9 y en la ventana Actions copiamos el siguiente código Actions Script.

Stop();

PASO 19
Regresamos a la Scene 1 y seleccionamos el botón y presionamos le tecla F9 y en la ventana Actions copiamos el siguiente código Actions Script.

Code block

on(release) {
	getURL("http://www.tutorialesenlaweb.com", _blank);
}

PASO 20
Listo ya tenemos nuestro botón terminado, repetimos el mismo proceso para realizar los demás botones.

Descarga el editable de Flash Menu

Articulos relacionados:

Tags: Flash, Tutoriales Flash