Comunidad de diseño web y desarrollo en internet online

Filtros que se mueven por encima de una imagen

Citar            
MensajeEscrito el 31 Jul 2007 03:39 am
Hola que tal?
Me gustaria poder hacer una caja contenedora que se mueva por encima de una imagen y al ver la imagen tras esta caja se produzca un efecto de filtro desemfocado. Alguien me puede ayudar, gracias. Un saludo

Por Basitante

17 de clabLevel



 

msie
Citar            
MensajeEscrito el 31 Jul 2007 03:52 am
hola que tal Basitante!! lo que buscas es crear un efecto de blur!! algo borroso? si es asi, puedes aplicarlo directamente a la imagen, debidamente contenida ya sea en un Sprite o MC para ello busca blur y filters en la ayuda de flash


saludos!!!

Por andres_santos

236 de clabLevel



 

opera
Citar            
MensajeEscrito el 01 Ago 2007 10:47 am
Crea la siguiente estructura de capas:
mascara --> Contendrá el clip enmascarador.
borrosa --> Contendrá la foto desenfocada.
visible --> Contendrá la foto original.

En la capa más baja (visible) coloca la foto original sin desenfocar.
En la capa siguiente (borrosa) coloca la foto desenfocada.
En la capa más alta de todas (mascara) coloca el clip que actuara de máscara y define la capa como "mascara".

Con esta estructura lo unico que te queda por hacer es incluir el código para que al mover el puntero el clip máscara siga al ratón y por lo tanto muestre esa zona como desenfocada:

Código :

cclipMascara_mc.onMouseMove= function() {
   this._x = _xmouse;
   this._y = _ymouse;
}


Espero que sea el efecto que tu buscabas :)

Por Imi

14 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Ago 2007 11:43 am
Muchas gracias Imi eso era exactamente lo que buscaba. Un saludo para Andres Santos. Espero poder ir conociendo poco a poco esta herramienta y su script. Pues me fascina.Y conociendo a la gente del foro de cristalab que es los mejores es lengua hispana por no decir el mejor un saludo

Por Basitante

17 de clabLevel



 

msie

 

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