Crea un menu hecho en flash
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)
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.
Descarga los archivos utilizados.
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.
jav
el 08 Abr 2007 a las 1:48 #josefina gaete
el 12 Abr 2007 a las 19:55 #hola.
sabes que me pierdo en la explicacion 10.. todo bien hasta esa.
que hago? le doy las funciones al boton ahi mismo?
para onRelease, estará bien que ponga este codigo:
stop();botonmc_.onRelease=function(){
botonmc_.gotoAndStop(5)
}
gracias!
Rodrigo-Azul
el 12 Abr 2007 a las 21:48 #hola!!! josefina gaete bueno...
hasta el paso 10 hicimos un movie clip que contiene las propiedades de el boton --reposo-sobre-presionado-- estos tienen acciones como stop y play esto es para que siga con la animacion y se detenga en reposo, sobre o presionado segun sea el caso.
El movie clip del boton lo arrastramos de la biblioteca a la Escena1,Layer 1, fotograma 1 y las funciones que haran los botones (onRelease) la colocaremos en la Escena 1, capa Acciones, fotograma uno...Bueno espero que te sirva la ayuda, como apoyo dejo el archivo original descargar.
Kiaris
el 19 Abr 2007 a las 7:54 #Está muy bueno el tutorial. Ahora si en vez de que mi botón, me lleve a una pagina web, yo quisiera que me lleve a una imagen o un clip, dentro del mismo documento u otro swf. Que orden de accion le tengo que dar?
Besos y gracias
K.
gabriel
el 23 Abr 2007 a las 18:00 #bueno sabes como tambien le puedes si quieres que se vaya a una a parte de la escena principal pones nada mas en la accion on release la accion
_root.gotoAndPlay(numero de fotograma de la escena donde quieres q se vaya);
y si quieres que se reproduzca una movie clip solamente le pones nombre de instancia a ese movie clip y pones
_root.nombremovieclip.gotoAndPlay(numero de fotograma);
o bien dentro de la funcion del onrelease
Rodrigo-Λzul
el 23 Abr 2007 a las 20:44 #grax por la ayuda gabriel
jesus gabriel vazquez
el 23 May 2007 a las 12:15 #bueno la cosa es rodrigo que queria saber si sabes como hacer un sonido permanente en flash ya intente hacerlo con un loop y la verdad esq ue se oye entre cortado el sonido es decir se nota cuando empieza cuando termina y he visto paginas donde ni se nota.
algunos ejemplos los puedes ver aqui
http://www.templatemonster.com
gracias de antemano
Rodrigo-Λzul
el 23 May 2007 a las 19:10 #Que hay gabriel.
Para poder tener un sonido de fondo en flash, tienes que prestar atención en el inicio y el final del sonido, si si se escucha mezclado puedes importarlo a flash (esto es para que no suene cortado)
Una ves hecho esto selecciona el fotograma del sonido>dirijete a la barra de propiedades>Sinc>y selecciona loop
Ejemplo:
jesus gabriel vazquez
el 24 May 2007 a las 11:19 #rodrigo no puedo ver el .fla porque lo tienes en version 9 jejejej yo tengo el 8, me lo puedes bajar en esa version plis?
cuanto te costo la version 9?
gracias
Rodrigo-Λzul
el 25 May 2007 a las 1:49 #Actualizado Gabriel!! bueno pues lo Descargue la version Creative CS3(prueba) de la pagina oficial adobe y el crack de otro sitio.
jAV
el 25 May 2007 a las 14:48 #rodrigooooooooo! hola! dime como le hago para insertar un archivo flash al WP asi como tu lo has hecho
jesus gabriel vazquez
el 25 May 2007 a las 18:39 #oye eso quiere decir que es en ingles porque en español no ha salido no?
Rodrigo-Λzul
el 26 May 2007 a las 1:19 #jAV solo descarga e instala el plugin Flashifier.
Gabriel si esta en ingles
jAV
el 26 May 2007 a las 1:23 #rodrigo me siento ofendido porque no estoy en tus links de amigos
Rodrigo-Λzul
el 26 May 2007 a las 1:31 #Agregado venga no problem... solo necesitan decirme y agregarme :D.
jAV
el 26 May 2007 a las 1:35 #jajaja gracias :P te lo decia de broma... io ia te pongo..
solo debo solucionar el problema de los links .. que me trajo cuando actualice a la 2.2
Rodrigo-Λzul
el 26 May 2007 a las 1:48 #jAV
el 26 May 2007 a las 3:27 #Jimmy
el 10 Jun 2007 a las 15:35 #hola
Necesito su ayuda.El tutorial de arriba funciona en rollOver y presionado y que cambios hago para aumentar el rollOut
Gracias
Hola Rodrigo
el 19 Jun 2007 a las 15:22 #Hola rodrigo, soy nuevo en esto de la programación, estoy haciendo unos cambios para una pagina, quisiera saber si me puedes ayudar, sabes como hacer un link de un archivo en flash para otro, si alguien sabe el codigo se lo agradeceria mucho... solo quiero que cuando le de click a un boton que ya hice me mande a otro archivo de flash
gabriel
el 19 Jun 2007 a las 16:20 #a que te refieres qe abra otra pelicula de flash en otra pagina o en la misma?
o quieres abrir una pelicula dentro de otra
si es asi lo puedes abrirla poniendo dentro de tu boton la accion "loadMovie("nombre_de_tupelicula.swf");
y si quieres cerrarlo pones otro boton con la accion
unloadMovie("nombre_de_tupelicula.swf");
saludos
gabriel
el 20 Jun 2007 a las 19:38 #holla jimmy bueno mira
para aumentar el rollout puedes hacer los cambios que quieras. para empezar
que quieras que haga cuando hagas el rolloout que se vaya a un fotograma de la pelicula, o a un fotgrama de la escena principal.
que empieze una animacion o que se abra un .swf o una pagina web en fin primero asegurate de lo que quieres que haga y te ayudaremos a resolverlo.
Cesar
el 17 Ago 2007 a las 12:05 #hola rodrigo, muy bueno el tutorial me salio bastante bien pero me doy con una cosa, cuando elijo una imagen para poner en el menu y la dimensiono los tamaños (a las imagenes las trato con photoshop), bueno las pongo todo bien pero noc como sacarles el contorno como vos hiciste por ejemplo con el arroba, sino el efecto que me da es qu al pasar por arriba es como q tapa la otra imagen, si me podes dar una mano seria grandioso, desde ya muchas gracias
Rodrigo-Λzul
el 18 Ago 2007 a las 16:26 #Cesar te refieres al desenfoque que tiene el texto? o al borde cafe obscuro que tienen los botones ?
Cesar
el 20 Ago 2007 a las 21:58 #gracias por contestar, si me referia a los bordes, y tambien si sabes de un interesante efecto para obtener la forma de la imagen sin necesitada de un fondo cuadrado o rectangular, nose si me exiplico pero te doy un ejemplo, una figura de forma humana que tenga el contorno de la forma y no un cuadrado que se ajuste. Espero que no suene tan dificil de entender
cualquier cosa avisame, gracias
Angello
el 11 Oct 2007 a las 1:53 #Rodrigo-Λzul
el 12 Oct 2007 a las 16:50 #puedes darle las instrucciones que quieras, cuando se presione el boton que se vaya a otra escena o a otra etiqueta o que traiga un movieclip de la biblioteca, en fin lo que tu quieras no es necesario el getURL esta instruccion la puse para este ejemplo
Angello
el 18 Oct 2007 a las 14:16 #Gracias, tengo otra duda, tengo en mi escena una movie la cual adentro de ella tiene una secuencia y tengo un mini menu que esta tambien con Labels pero ella no me funciona creo que es por que esta adentro de la movie ya que si la pongo fuera de la movie en la misma secuencia de la escena trabaja super. mi duda es es un problema con el action o bien la regla indica que no puedo utilizar label adentro de una movie?
carlos
el 19 Oct 2007 a las 15:31 #Hola muy bueno pero necesito de tu ayuda man cree un movivlip ya dentro de los movivlip hay botones... mi pregunta es que cuando yo le doy a los botone sno me hacen nada no me llevan a la escena que yo quiero espero que me puedas ayudar
luis
el 01 Ago 2008 a las 15:17 #hola oye como le ago para que dun boton en flash me mande a otro documento de flash pero lo quiero ver en pantalla completa .swf y no en una ventana de internet espero que me puedas ayudar GRACIAS
Angello
el 03 Ago 2008 a las 21:50 #utiliza este AS en el boton que deseas llamar adentro de la movie debe estar en el fotograma 1 y alli mismo ponle de nombre a la instancia del fotograma ej: central o el nombre que desees:
on (release)
{
gotoAndStop("contenido");
}
recuerda que debes poner en el fotograma 2 en la instancia el nombre de contenido
y en el mismo fotograma 2 inserta este AS:
loadMovieNum("contenido.swf", 1);
recuerda que debes tener el swf de contenido en la misma carpeta.
para que se vea grande primero debes tener encuenta algo y es que el tamaño de la movie master por decirlo asi que sera ej. de 400*400 px la movie de contenido debera tener el mismo tamaño.
asi sera mas facil pues sabras donde pusiste las cosas y donde deseas ponerlas.
ahora para que se vea en tamaño grande debes crear una capa nueva en la que deberas ingresar en el primer fotograma este AS para que se auto maximize en tu pc:
fscommand("fullscreen", "true");
fscommand("allowscale", "true");
el primero te abrira la movie en el tamaño de tu monitor por completo y el otro lo ajustara