Foros del Web » Creando para Internet » Flash y Actionscript »

Busco menu similar a este

Estas en el tema de Busco menu similar a este en el foro de Flash y Actionscript en Foros del Web. Hola muy buenas a todos, necesitaria de alguna web donde pueda descargar o muestre un tutorial de como hacer un menú lo mas similar posible ...
  #1 (permalink)  
Antiguo 06/11/2008, 15:31
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 13 años, 8 meses
Puntos: 28
De acuerdo Busco menu similar a este

Hola muy buenas a todos,
necesitaria de alguna web donde pueda descargar o muestre un tutorial de como hacer un menú lo mas similar posible a este:

http://www.flashden.net/item/dynamic...-menu-05/19897

Realmente estoy buscando un ejemplo lo mas parecido al menú verde que aparece en el enlace.

Toda ayuda será bienvenida.


Muchas gracias a todos
  #2 (permalink)  
Antiguo 06/11/2008, 16:35
Avatar de undess  
Fecha de Ingreso: diciembre-2007
Ubicación: Madrid
Mensajes: 84
Antigüedad: 10 años
Puntos: 1
Respuesta: Busco menu similar a este

Hola, es dificil que uno encuentre justo lo que busca, tendrás que verlo por partes. Esos botones son la animación del texto y la flecha por un lado y una función en actionscript que mueve la barra. No se que conocimientos tienes en flash, o si es para as2 o as3.

Un saludo.
  #3 (permalink)  
Antiguo 06/11/2008, 16:41
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 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
  #4 (permalink)  
Antiguo 07/11/2008, 10:39
pr0
 
Fecha de Ingreso: marzo-2004
Mensajes: 687
Antigüedad: 13 años, 8 meses
Puntos: 28
Respuesta: Busco menu similar a este

muchas gracias por vuestra intencionada ayuda. En realidad mas que el rectangulo que se mueve de sección en sección, lo que me trae de cabeza es como hacer el efecto del texto ya que creo que con una animación en linea de tiempo no quedaría bien.
  #5 (permalink)  
Antiguo 07/11/2008, 10:56
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: Busco menu similar a este

bueno podrias ponerle una accion de boton, pones un clip de película con efecto de blur sobre el texto en la primera accion de boton, y en la opcion de sobre del boton
le eliminas el mc, y en la otra se lo vuelves a poner.
__________________
"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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:19.