Inicio > Flash > luchofoxperu > BOTONES ANIMADOS

BOTONES ANIMADOS

Experto:
Usuario:
Fecha: 26/06/2003
Valoración: (5,00 sobre 5) Categoría: Flash
26/06/2003
danielonx, usuario preguntando en Flash
Usuario
¿como conseguir hacer unos botones coo los de la página www.neoes.com? pues son unos botones que se animan cuando pones el cursor encima pero cuando lo retiras la animación vulve a su estado original no bruscamente sino paulatinamente, es como si cargara una animación, la mantuviese parada en un frame mientras el cursor está encima del botón y cuando se retirase el cursor continuara esa animación. No es un boton animado habitual. ¿Qué intrincada programación posee?jeje.Gracias
26/06/2003
danielonx, experto respondiendo en Flash
Experto
Un efecto muy agradable a la vista indudablemente... :)

Pues bien, te explico un poco como funciona esto. Como sabrás, los botones en flash, tienen 4 estados. Out, Over, Click y Area Clickeable (Normal - Sobre - Click - Area Clickeable -esta ultima es invisible-)

Bien, estos botones son bastante trabajados por lo que requieren hasta de 3 movie clips.

- El Primero Movie clip vamos a llamarlo "APAGADO" (OUT o boton en descanso) por ejemplo podría ser un breve parpadeo del boton en color gris... algo sutil. Hacer esto requiere hacer ese efecto (animacion) dentro de este movie clip.

- El Segundo Movie Clip vamos a llamarlo "SOBRE" el cual comienza justamente con la misma imagen en donde terminó el clip "apagado" a fin de que no haya ningun cambio brusco de colores. En este clip por ejemplo, podemos poner el texto el oscuro para que resalte.

- El Tercer Clip vamos a llamarlo "FUERA" que se activa cuando quitamos el puntero del boton. En esta animacion el primer Frame, es el mismo que el ultimo frame del clip SOBRE, nuevamente para que no haya cambio brusco y le creas una animacion que vaya desde ese texto en negrita, hasta el texto gris o sutil del estado APAGADO.

Mas o menos completando un ciclo.

Luego, a tu boton le das "Edit in Place" (en Flash) y en cada estado del Boton, arrastras el respectivo movie clip. y listo!

Aqui unos links donde puedes bajarte algunos archivos para que los edites y entiendas mejor!

http://www.flashkit.com/movies/Interfaces/Buttons/2_ways_B-JonCreat-7100/index.php?chk=no

http://www.flashkit.com/movies/Interfaces/Buttons/cool_but-james_lo-8150/index.php?chk=no

http://www.flashkit.com/movies/Interfaces/Buttons/rollover-DannySpa-7931/index.php?chk=no

Exitos

LuchoFox
26/06/2003
danielonx, usuario preguntando en Flash
Usuario
No te pongo 7 estrellas porque no puedo, una genial idea. Muchas gracias.
Más opciones
Enlaces patrocinados