[Tutorial]Boton con Fade-In y Fade-Out

Tema en 'Foro Libre' iniciado por GBalder, 22 Feb 2010.

  1. GBa

    GBalder
    Expand Collapse
    SM - G3 Design

    Mensajes:
    1.639
    Me Gusta recibidos:
    25
    Hola!

    En este tutorial les explico como realisar un boton con efecto Fade-In y Fade-Out, les explico el Fade-In es una animacion que ralisamos para que le suceda al boton cuando pasemos el mouse por encima y el Fade-Out es la misma animacion pero en reversa , osea que si esta en el fotoroma 20 va regresando al as fotorama 19 luego 18 ..hasta el 1, eso ocurre cuando el mouse se encuentra fuera de la zona activa del boton.

    Tutorial :




    YouTube - Tutorial Flash - Boton con Fade-In y Fade-Out 1/2


    YouTube - Tutorial Flash - Boton con Fade-In y Fade-Out 2/2


    Codigo del Action Script :


    Código:
    on (rollOver) {
            [COLOR=Red]nombre_mc[/COLOR].onEnterFrame = function () {              
                    
                    if (this._currentframe != [COLOR=RoyalBlue]20[/COLOR]) {
                            this.nextFrame();
                    }
            
                    else {
                            this.stop();
                            delete this["onEnterFrame"];
                    } // Tutorial By LBalder. GamerZlove
            };
    }
    
    on (rollOut) {
            [COLOR=Red]nombre_mc[/COLOR].onEnterFrame = function () {
            
                    if (this._currentframe != 1) {
                            this.prevFrame();
                    }
            
                    else {
                            this.stop();
                            delete this["onEnterFrame"];
                    } // Tutorial By LBalder. GamerZlove
            };
    
    }


    Nombre_mc : Esto lo cambiamos por el nombre de instancia que le ponen al MoviClip del boton.

    20 : Esto lo cambiamos por el numero del ultimo fotorama de la animacion que creamos, osea que si mi animacion tiene 50 fotoramas entonces cambiamos el 20 por 50.


    Resultado:

    *ese es en tamaño completo, osea que la animacion se agranda a todo el navegador.
    Cambiaria el tamaño en el HTML pero me da flojera xD!!


    Atentamente,
    LBalder.
     
  2. dos

    dosdeenero
    Expand Collapse
    Recluta

    Mensajes:
    18
    Me Gusta recibidos:
    2
    Gracias Por el Tuto n_n



    aver si me sale aunque lo veo algo dificil xD!
     

Compartir esta página