Sub Menú Flash Primera Parte

Solo Photoshop

Tutoriales y recursos Photoshop

Bienvenido a SoloPhotoshop, donde encontrarás la mejor información sobre tutoriales, recursos y artículos de Adobe Photoshop!

Anunciar en SoloPhotoshop

Sub Menú Flash Primera Parte | Solo Photoshop

Tutorial Flash

Tutorial por JMX

JMX envía la primera parte del tutorial sub menú en la cual solamente se aran los botones así como animación de los mismos.

Este tutorial es amplio por lo que hemos reducido el número de pasos al mínimo. Te recomendamos que antes de inciarlo, veas los tutoriales Botón Básico.

Creamos un Nuevo Documento de las dimensiones que sean adecuadas para tu Sub Menú, en esta ocasión fueron de 80X100 px.

En este ejemplo hemos usado las cordenadas X=0, Y=0 como ya lo hemos explicado en anteriores tutoriales.

Luego crea el botón que nos servirá de base para el sub menú. Inserta un Nuevo Símbolo presionando la tecla Ctrl + F8
o vía Insertar >> Nuevo Símbolo

Nombrado automaticamente como Símbolo 1 con un Comportamiento de botón ;-P

A este símbolo le damos 2 estados, reposo y sobre, editamos luego el segundo estado de nuestro boton cambiandole el color. Contrario al tutorial Botón Básico no agregaremos el texto aún.

Luego de que agregamos nuestros dos estados del botón procedemos a colocar una Zona Activa presionando F6 como se muestra en la imagen.

Ahora crea un Nuevo Símbolo que llamamos menú (o submenú) con un comportamiento de Clip de Película. Este servirá para hacer la animacion del sub menú que puede ser en cualquier dirección, en este caso será uno de caída vertical.

Abre la biblioteca presionando F11, luego arrastra el Símbolo 1a la capa 1, frame 1.

Toma la Herramienta de texto y escribe el nombre o título que desees, nosotros lo nombramos "Mostrar submenu" como lo puedes ver en la imagen a la derecha.

En el frame 4 de la capa 1 inserta un Fotograma Clave presionando F6 o desde
Insertar >> Línea de Tiempo >> Fotograma Clave.

Agrega una Nueva Capa, la Capa 2 y colocala debajo de la capa 1. Entonces inserta un fotograma clave en la capa 2, frame 2 y ahí arrastra el Símbolo 1.

Algunas veces, al no insertar adecuadamente el fotograma clave se pueden insertar fotogramas extra que se eliminan seleccionando los frames no deseados y presionando Shift + F5.

Agregale texto al primer botón del sub menú, en este caso es boton_01.

Agrega una tercer capa y acomódala debajo del resto como se ve en la imagen de la derecha. Inserta un fotograma clave en el frame 3 de la capa 3 y agrega nuevamente el símbolo 1 en el frame 3. Agrega el texto.

Repetimos el procedimiento pero en este caso en una Capa 4 y Frame 4, tal cual se ve en la imagen.

Ahora que ya tenemos nuestros botones selecciona el frame 4 de las capas 3 y 2 e insertamos un fotograma Clave Presionando F6.

Continúa con la segunda parte del tutorial

Continúa con la Segunda Parte

Comentarios de Sub Menú Flash Primera Parte | Solo Photoshop

↑ Tutorial

nosekfe

2005-10-28 17:31

bueno buenoM
kcazares

2005-11-14 10:30

HOLA SOY KARLA, SI ME SALIO EL MENU PERO ME GUSTARIA QUE TAMBIEN LE AGREGARAN EL CODIGO SOBRE EL BOTON Y QUE ESTE VAYA A LA ESCENA....POR FAVOR.M
jgvcjgvc

2005-11-21 22:30

ESTA BIEN PADRE PERO TENGO UNA PREGUNTA COMO LE HAGO PARA QUE POR EJEMPLO DEL BOTON_01 SALGA DESPLEGADO OTRO MENU LOINTENTE PERO NO ME SALEM
kacier

2005-11-28 02:30

no me sale _:( soi nuevo en esto i no le ayo ! :@M
manda100

2005-12-05 13:31

Necesito un poco mas de informacioon de estos tutorialesM
thomxmm

2006-01-10 11:31

noseM
neoo69

2006-02-19 21:28

hola he sido un lector de sus tutoriales de photoshop y descargue la version de `prueba de macromedia y me gustaría q uno de sus proximos tutoriales de flash dieran a conocer como realizar una simple pelicula de lo q sea para empezar a trabajar con animacionesM
neoo69

2006-02-19 21:28

hola he sido un lector de sus tutoriales de photoshop y descarge la vercion de `puebo de macromedia y me gustaria q uno de sus prosimos tutoriales de flash diean a conocer como realisar una simple palicula de lo q sea para empesar a trabajar con animacionesM
cracrini

2006-11-01 15:38

es lo mas facil de hacer en flash cualquier duda pueden contactar a mi correo edsonapaza@hotmail.comM
fotiy

2006-12-13 14:52

HOLA.... LO HICE SIN PROBLEMAS PASO A PASO, PERO AL FINALIZAR Y DARLE CONTROL+ENTER, ME TIRA UN CUADRITO CON ESTE ERROR: **Error** Symbol=SubMenú, layer=Layer 1, frame=1:Line 1: Mouse events are permitted only for button instances on (rollOver) { Total ActionScript Errors: 1 Reported Errors: 1 ¿¿ALGUIEN SABE QUÉ SIGNIFICA, O QUÉ DEBO HACER O RE-HACER PARA Q FINALMENTE ME RESULTE BIEN EL SUB-MENÚ??.... LES AGRADECERÍA UNA PRONTA RESPUESTA (sin querer ser caradura), PERO ESTOY HACIENDO UN TRABAJO TOTALMENTE CONTRA EL TIEMPO..... MUCHAS GRACIAS!!!M
carlos mikel

2006-12-15 22:52

ese error por lo general me aparece, no tengo idea porque. pero no te preocupes, por lo menos a mi, con todo y error, me quedan muy bien los archivos finalesM
maquitita

2007-01-08 23:45

tengo el mismo problema q fotiy, puedan explicar q es lo q estamos haciendo mal por favor, pero sean claros, soy super basica en esto.. gracias, maca.-M
miguel281178

2007-04-11 11:40

Estais intentando asignar un evento de boton a un movieclipM
gabilinda

2008-06-23 16:25

HOLA AMIGOS LO HICE SIN PROBLEMAS PASO A PASO, PERO AL FINALIZAR Y DARLE CONTROL+ENTER, ME TIRA UN CUADRITO CON ESTE ERROR: **Error** Symbol=SubMenú, layer=Layer 1, frame=1:Line 1: Mouse events are permitted only for button instances on (rollOver) { Total ActionScript Errors: 1 Reported Errors: 1 ¿¿SABE QUÉ SIGNIFICA, O QUÉ DEBO HACER O RE-HACER PARA Q FINALMENTE ME RESULTE BIEN EL SUB-MENÚ??....NO LO PUDE LOGRAR POR FA AYUDAA... GRACIAS MI CORREO ES gabrielafuste@hotmail.com M
macoy_25a

2008-07-17 00:10

esta todo bien creo.. pero al momento de pasar el mouse no pasa nada.. :(.. xk??M
nockturn0

2008-10-02 20:24

muy bueno solo que no encuentro la seguda parte buaM