Comunidad de diseño web y desarrollo en internet online

¿Fondo de pantalla degradados?_AS2

Citar            
MensajeEscrito el 11 Feb 2009 10:00 pm
Hola a todos,

Estoy creando una web, ésta tiene un flash como inicio, sencillo es sólo un par de botones con enlaces y un menú en cada uno.. fondo negro, blalala...

Lo tengo todo preparado pero me falta un fondo de pantalla, y estaba buscando algún script, (tweener, p.ejemp.) Una especie de nubes que se muevan ellas solas mezclando degradados de 2 colores y en un fondo negro y mi sorpresa fue encontrar a un diseñador por la web http://lucasmotta.com/splash/

Esto que se ve de fondo en esta web, es exactamente lo que estoy buscando,
¿Alguien podría orientarme de como hacer éste efecto?
¿Hay algún sitio donde enseñen el método?

Gracias!

_____________________________________________________________
Función + arte = Diseño

Por kolobo

16 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2009 10:26 pm
Hola, puede que el efecto de esa pagina sean muchos circulos verdes con un filtro llamado "GlowFilter" el cual hace que se vean "blureados" en las orillas, para aplicar un filtro a un MovieClip lo puedes hacer con codigo o en la pestaña de flitros al lado de la de propiedades.

Para mover los circulos intenta con


Moviemiento aleatorio de moscas
Ejemplos para descargar sobre moviemientos con circulos
bola que rebota en el escenario

Aplicar un filtro mediante as2


Código ActionScript :

import flash.filters.*;
circulo1.filters = [new GlowFilter(0x00FF00,33,8,8,50)];


Tambien intenta variando el _xscale y el _yscale ademas de la _x y la _y. Recuerda no abusar del glowfilter pues puede alentar la aplicacion. Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 11 Feb 2009 10:42 pm
Gracias!

Espero no complicarme mucho ..

Por kolobo

16 de clabLevel



 

firefox
Citar            
MensajeEscrito el 11 Feb 2009 10:48 pm
Hola volvi a entrar a la pagina y veo que los circulos cambian de color :P bueno eso tambien debe ser una modificacion que se cree aletoriamente en donde se diga que color usar, ademas tiene cierto nivel de _alpha(transparencia) que hace que cuando un circulo pase por encima de otro, se vean zonas mas oscuras.

Para cambiar el color puedes usar la clase colortransform(Leer documentacion)

Código ActionScript :

var trans:Transform = new Transform(miclip_mc);
trans.colorTransform = new flash.geom.ColorTransform(0.5, 1.0, 0.5, 0.5, 10, 10, 10, 0);


Si tienes mas dudas, postealas aqui con gusto te ayudaremos. Suerte.

Por LongeVie

Claber

1741 de clabLevel

1 tutorial

Genero:Masculino  

En un lugar, re moto.

firefox
Citar            
MensajeEscrito el 11 Feb 2009 11:50 pm
En principio dude si era un video pero no lo es. Podría hacer algo parecido pero es que este efecto es el parecido al de una lampara de lava.... esas con líquido que al calentarse sube y baja al enfriarse...

Sigo de pruebas

Por kolobo

16 de clabLevel



 

firefox
Citar            
MensajeEscrito el 12 Feb 2009 12:32 am
LongeVie,

Gracias por los enlaces a los tutoriales de mov. aleatorio, he bajado uno de ellos, y le he añadido los efectos con los milagrosos tween (Esto en un fotograma):

Código :

#include "mc_tween2_oct_21_2008.as"
stop();

sumarX = 3;
sumarY = 4;

bola_mc.onEnterFrame = function(){
   this._x += sumarX;
   this._y += sumarY;
   
   if (this._x > 145){
      sumarX = sumarX * -1;
   }
   else if (this._x < 5){
      sumarX = sumarX * -1;
   }
   
   if (this._y > 145){
      sumarY = sumarY * -1;
   }
   else if (this._y < 5){
      sumarY = sumarY * -1;
   }
}



Luego seleccione a la bola y le añadí:

Código :

onClipEvent (load) {
   this.blurTo(0, 0, 4);
    this.onRollOver = function() {
        this.blurTo(20, 20, 4, 2);
    };
    this.onRollOut = function() {
        this.blurTo(0, 0, 4, 2);
    };
}

onClipEvent (load) {
   this.glowTo(0xff0000, 1, 10, 10, 2, 4, false, false);
    this.onRollOver = function() {
        this.glowTo(0x0000ff, 1, 20, 20, 2, 4, false, false, 2);
    };
    this.onRollOut = function() {
        this.glowTo(0xff0000, 1, 10, 10, 2, 4, false, false, 2);
    };
}



Le puse efectos que más bien usan los botones, como ves estan en RollOver, ¿me podrías decir como hago para que lo haga aleatoriamente?
Otra duda, el último script que me diste, no encuentro la manera de que camine ¿Hay que añadir una función o un include? Me gustaría que cambien de forma y tamaño.

Hasta luego!

Por kolobo

16 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.