Bienvenidos a este nuevo tutorial aquí aprenderemos a crear un menú desplegable en flash.
1.- Creamos en Photoshop 2 botones que servirán como posición de reposo y sobre, estos los guardamos como formato jpg y los importamos a biblioteca en flash.
2.-Creamos un nuevo documento act.script 2.0
3.-Tomamos nuestro 1 botón y lo convertimos en símbolo botón, modificamos su posición X, Y =0 y en la posición sobre ubicamos F6 borramos el botón e insertamos el segundo botón y salimos al escenario y lo borramos del escenario.
4.-Vamos a Menú -Insertar-Clip de película y le ubicamos un nombre
5.- Arrastramos el botón del escenario al clip de película y denominamos a la capa con nombre botón
6.- En esa capa insertamos F6 hasta el fotograma #20
7.- Situados en el fotograma 20 en el final duplicamos el botón con Alt+Shift y repetimos según la cantidad de botones que necesitemos
8.-Insertamos una nueva capa llamada texto
9.- En el primer fotograma escribimos la frase que irá en el botón pero en la capa TEXTO y en el último fotograma 20 escribimos los nombres de los otros botones
10.-creamos una nueva capa y la llamamos acciones
11.-Nos situamos sobre el primer fotograma y click derecho acciones y le ponemos un stop ();
12.- Insertamos una nueva capa llamada etiquetas
13.-Damos click en el primer fotograma y nos dirigimos al menú propiedades en etiquetas e insertamos el nombre de closed y damos enter
14.-en la misma capa damos click al fotograma 20 y ubicamos F6 y vamos a propiedades+etiquetas y lo llamamos open y damos enter, se visualizarán unas banderas rojas en los fotogramas
15.-Bloqueamos todas las capas excepto la de botones
16.- Seleccionamos la capa botones en el primer fotograma y damos click al botón y activamos nuestro panel de acciones y escribimos el siguiente código
on (rollOver) {
gotoAndStop("open);
}
17.-Nos situamos sobre la capa texto y creamos una nueva capa que la llamaremos cerrar botones
18.-En esa capa nos vamos hasta el fotograma 20 y damos F6
19.-Tomamos la herramienta rectángulo y dibujamos un rectángulo del tamaño de la botonera
20.- Lo seleccionamos y vamos al menú+modificar+convertir en símbolo+botón
21.- Damos doble click sobre el nuevo botón creado y arrastramos el fotograma de la posición reposo hasta la zona activa
22.-Regresamos a nuestro clip de película dónde estamos trabajando nuestro botón
23.-Seleccionamos el botón y activamos las acciones en ella escribiremos el siguiente código
On(rollOver, dragOver) {
gotoAndStop("closed");
}
24.-Salimos de las acciones y duplicamos ese botón con Alt y las copias las ubicamos rodeando la botonera osea lado derecho, arriba y abajo
25.-Regresamos a escenario y arrastramos nuestro clip de película al escenario y lo probamos con Ctl+Enter
26.-damos doble click sobre nuestro clip de película y nos ubicamos en el último fotograma de los botones y seleccionamos copia por copia de cada botón
26.-Teniendo un botón presionado activamos las acciones y colocamos el siguiente código
