Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/11/2008, 16:41
Avatar de gVenom
gVenom
 
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.458
Antigüedad: 15 años, 9 meses
Puntos: 53
De acuerdo Respuesta: Busco menu similar a este

En este tutorial aprenderás a hacer un menú con botones creados por ti dentro de un "movieclip" en lugar de un "button" esto es con el fin de darle mas interactividad al botón, y que tenga mas efectos a la hora de estar activo, sobre o presionado :P

Paso 1Iniciaras creando un archivo nuevo, después ve al menú Insertar>Nuevo símbolo ó Crlt+F8 y crea el siguiente movie clip :


Paso 2Dentro de nuestro movie clip crea los siguientes fotogramas clave, cabe mencionar que para insertar un fotograma clave solo basta con colocarte donde lo quieras y presionar F6, para rellenar fotogramas presiona F5.

Paso 3Ahora asignaras una etiqueta a cada uno de nuestros fotogramas clave. Selecciona el fotograma clave ve al menú propiedades y dentro en español coloca la etiqueta _up (es necesario que se llame así).

Paso 4Haces lo mismo para los otros dos fotogramas clave y estos tendrán las etiquetas _over, _down.

Paso 5Crea una nueva capa la cual llamaras Acciones ( esto es por llevar un orden), e inserta los siguientes fotogramas clave.

Paso 6Selecciona el fotograma uno y dirijete a el menú de Acciones o Actions, una ves dentro marca un stop();, esto lo harás para que, cuando el botón este activo, se mantenga detenido detenido.

Paso 7 Insertaras un play en el fotograma 10 para cuando se este encima de el botón comience a correr la película a partir de donde marcamos nuestro _over

Paso 8En el fotograma 19 marca un stop(); para que deje de correr la pelicula.

Paso 9En el fotograma 20 solo basta con asignarle un play(); a nuestro fotograma

Paso 10Crea un layer por debajo de los demas este tendra la animacion que tendra cada posicion (activa-sobre-presionado), como tip utiliza las acciones como primer layer, etiquetas en el segundo y animacion en los siguientes.

Paso 11Ahora ve a la Escena 1 ,presiona F11 para sacar la biblioteca o Library en ingles, selecciona tu botón y arrástralo a el área de trabajo.

Paso 12Selecciona tu objeto ve a propiedades y cambia el nombre de la instancia por boton_mc (esto es variable tu puedes poner el que quieras, solo que tienes que programar con el nombre que preferiste)

Paso 13Para finalizar crea una nueva capa de acciones, ve a Actions o Acciones jeje y escribe el siguiente código... El código significa que cuando se "presione" nuestro movie clip ejecutara la función la cual contiene un getURL, esta ultima sentencia nos sirve para ligar una pagina a nuestro botón.

Paso 14Puedes crear cuantos botones tu quieras solo crea de nuevo un nuevo clip de película o movie clip y crea sus posiciones, cambiale el nombre de la instancia ahora que se llame boton2_mc (img1), en las acciones de la Escena 1 solo agrega lo que quieras que haga tu boton2_mc (img2)
Img.2

Paso 15CTRL+ENTER y obtendrás la siguiente animación

FinalmenteAplicando un poco de diseño, puedes obtener buenas creaciones, aquí termina este tutorial y espero que te haya gustado bytes.
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr