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
kcazares
2005-11-14 10:30
jgvcjgvc
2005-11-21 22:30
kacier
2005-11-28 02:30
manda100
2005-12-05 13:31
thomxmm
2006-01-10 11:31
neoo69
2006-02-19 21:28
neoo69
2006-02-19 21:28
cracrini
2006-11-01 15:38
fotiy
2006-12-13 14:52
carlos mikel
2006-12-15 22:52
maquitita
2007-01-08 23:45
miguel281178
2007-04-11 11:40
gabilinda
2008-06-23 16:25
macoy_25a
2008-07-17 00:10
nockturn0
2008-10-02 20:24
↑ Tutorial