Pasos para la creacion:

  • Abrimos un nuevo documento flash, seleccionamos archivo, nuevo, documento flash.

  • Utizamos la opcion ajustar a ventana que aparece un poco arriba de la pagina.
  • Utilizamos la herramienta de rectangulo y lo rellenamos con el color que deseamos.

  • luego seleccionamos la herramienta de selección y elegimos la herramienta de degrado.

  • Añadiremos un texto y utilizamos la herramienta de selección.

  • Ahora copiaremos este rectangulo con texto presionando la tecla CTRL sin soltar y bajamos con el mause, repetiremos esta accion dependiendo cuantos botones queramos.

  • Ahora solo cambiaremos texto a los demas  rectangulo, para ahorrar tiempo le agregue numero .

  • Muy bien ahora solo acomodaremos los rectangulos.

  • Para esto vamos a darle el nombre de instancia pero solo a los botones  que  van estar ocultos.

  • Selecionamos con un clip el rectangulo que le pondremos su nombre de instancia asi aremos con todas.

  • NOTA: siempre recuerden el nombre de instancia que se le dan a sus simbolos , recordar solo a los botones q vamos a ocultar los demas no.

  • insertaremos una capa nueva . la 1er capa la llamaremos botones y la 2da capa acciones.

  • Seleccionamos la capa de acciones y seleccionamos la opcion acciones-fotograma.

  • Luego escribiremos los nombres de instancia que le asignamos a los botones que vamos a ocultar.

  • seleccionamos la opcion revisar sintaxis para ver si no hay herrores.

  • Presionamos la tecla CTRL + ENTER para probar la pelicula.

Como se observa los botones desaparecieron, y solo hay uno visible. Esto es lo que paso con el codigo mencionado.

  • Ahora vamos animar los botones desaparecidos, siempre es bueno poner comentarios para no perderse.

  • copiamos este codigo y lo pegamos  despues del primer codigo, ahece pegar y copiar con el fin de ahorrar tiempo.

  • Ahora bien solo cambiaremos el nombre de intancia por el nombre de instancia de 2 boton. Aremos lo mismo de pegar y cambiar propiedades con el otro boton o el numero de botones que tengan.

  • Cuando tengamos los botones terminados le damos clip en la opcion revisar sintaxis para ver si hay errores.

  • Seleccionamos la opcion linea de tiempo.

  • Ahora animaremos y programaremos la aparicion de los botones al click.

  • Le damos doble click al primer boton , luego seleccionamos el boton nuevamente y lo convertimos en clip de pelicula. Le pondremos de nombre de boton5 y de nombre de instancia b_btn. NOTA pueden ponerle cualquier nombre yo le puse esos para que se guien.

  • Ahora añadiremos un nuevo fotograma clave presionando la tecla F6. Como pueden ver tiene el nombre de instancia que esta en el fotograma 1. Ahora en el fotograma 2 se lo cambiaremos. OJO esto es muy importante.

  • Ahora insertaremos una nueva capa y luego un fotograma clave, recuerden seleccionar el fotograma y presionar F6.

Seleccionamos la capa2 del fotograma1, le damos clip derecho para desplegar opciones y le damos clip en la opcion acciones. Ahora programaremos nuestro boton recuerden estamos en el fotograma1.

Onrollover:  aki indico que al pasar por el boton se apague un 45%.

Onrollout: esta funcion hace que cuando no pase el puntero por aki regrese a su capacidad a 100%.
Presionamos CTRL + ENTER  para probar pelicula.

  • Ahora aremos que al click a este boton aparescan los demas.

NOTA: aki estoy diciendo que al presionar el boton este se vaya al fotograma2 de nuestro boton que no esta oculto y que haga alos demas botones visibles.

  • Presionamos CTRL + ENTER  para probar pelicula.

  • Ahora seleccionamos linea de tiempo le damos clip a escena1 y nos hubicamos en la capa de acciones , fotograma1.

  • Muy bien ya es visible ahora vamos a ocultarla.

  • Seleccionamos acciones-fotograma, ahora vamos a programar en el fotograma2 de nuestro boton principal para ocultar los botones.

  • Luego nos vamos a linea de tiempo capa2, fotograma1.

  • Ahora vamos a programar en el fotograma2 de nuestro boton principal para ocultar botones.

  • Para esto copiamos el codigo del primer fotograma de nuestro boton principal y lo pegamos en el segundo fotograma.

  • Ahora solo cambiamos el nombre de instancia por el nombre de instancia que pusimos en el segundo fotograma.

  • Cambiamos el 2 por el 1 y cambiamos true por false, presionamos CTRL + ENTER para probar pelicula. Y listo ya esta

  • nuestra botonera con action script 2.0.

 

Así es como se vería la botonera: 

[swf:http://www.trucosmultimedia.tk/Files/botonera.swf 800px 534px]

Parte #1

Parte #2

 

Descargar el manual en formato pdf en  este Link

Descargar archivo del código fuente en este Link

Compartir
www.000webhost.com