efecto blur

hola a tod@s buenas tardes bueno les comento miren tengo mi SWF principal en el cual cargaran las demas secciones ahora el detalle es el siguiente quiero que cuando me cargue ejemplo SWF2 tenga este efecto pero no se como crear ese efecto con action script mire es este efecto el que se mueve con el mouse sino el que queda con la imagen espeor me pueda ayudar aqui les dejo el link del efecto que les comento


[url=http://activeden.net/item/blur-mask-effect/372][/url]

si es una imagen te recomendaria que lo hagas en photoshop compa

mejor lo le das click derecho y lo conviertes en clip de pelicula y le agregas el filtro desenfocar :p
me habia olvidado de ese

como en la imagen siguiente:

no men muchas gracias pero no eso no es lo k necesitaba muchas gracias esk no kiero hacer ese efecto con photoshop ni kiero poner blur a la imagen pero de todos modos gracias

pues no entiendo entonces...
no quieres que una parte de tu diseño tenga blur?

Hola tjmysteri:

Según lo que solicitas deberías hacerlo como te han indicado, creas una instancia de la imagen con blur en la capa 0 y en la capa 1 la misma imagen pero sin blur, en la capa 2 creas una máscara cuadrada que afecte a la imagen sin blur, y haces que la máscara siga el movimiento del ratón.

Ese es exactamente el efecto que nos has mostrado que querías conseguir.

Un saludo.

esk no es lo k necesito lo k yo requiero es crear un MC blanco por asi decirlo y k tenga ese efecto de blur con transparencia leve no lo hago con imagenes pork las imagenes de fondo son varias y no puedo hacer varios blur no se si alguin logro entenderme

Después de leer el post, ver la imagen y leer las respuestas, para serte honesto no me queda claro que es lo que quieres, pero estoy seguro de que el efecto que quieres esta modificando el "filtro" de tu MC, puedes hacerlo en las propiedades.

Mucha suerte y no te rindas.

exacto
creas un mc vacio y le aplicas el filtro
luego cargas las imagenes dentro de ese mc vacio y pues tienen que aparecer todas con blur, cargues cual cargues

no pues la vdd nadie supo darme una ayuda pero de todos modos gracias a todos

Lo que el quiere es que ese mc sea como un papel de calco o una pantalla osea pasarla por encima de otros mc.

tjmysteri escribió:

Tal ves porque no te supiste explicar.

Saludos

ok miren ya les dejo una imagen dek es lo que quiero hacer aver si alguien me puede ayudar miren aki les dejo esta captura de k es lo k kiero ahcer




http://farm6.static.flickr.com/5144/5593413740_86dae68315_b.jpg haber si esta ves alguien tiene una respuesta gracias

Hola,
a la hora de aplicar el filtro puedes pasar como parámetro el rectángulo al que se aplicará:

Código ActionScript :

import flash.display.BitmapData;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.filters.BlurFilter;

var padding:Number = 50;

var image:BitmapData = BitmapData.loadBitmap("imagen");
this.attachBitmap(image, this.getNextHighestDepth());

var sourceRect:Rectangle = new Rectangle(padding, padding, image.width - padding, image.height - padding);
var destPoint:Point = new Point(padding, padding);
var filter:BlurFilter = new BlurFilter(8, 8, 3);
image.applyFilter(image, sourceRect, destPoint, filter);

haber isidoro deja checo este script y lo pongo a prueba y te comento como me fue muchas gracias

Isidoro eres mi idolo men en vdd ahora la pregunta es la siguiente ya se que paresco un niño haciendo preguntas tontas espero no molestarte mira la imagen k yo cargo es de fondo como hago para k este efecto cargue nomas en una un clip pero yo darle la media y la ubicacion para k se vea este efecto blur espero haberme explicado gracias

Para cambiar el tamaño y la ubicación del efecto sólo tienes que cambiar los parámetros del constructor de sourceRect, y hacer que las coordenadas de destPoint coincidan con las de sourceRect. Por ejemplo, para hacer que el efecto esté en un rectángulo de tamaño 100x200, y situado en las coordenadas (10, 20):

Código ActionScript :

var sourceRect:Rectangle = new Rectangle(10, 20, 110, 120);
var destPoint:Point = new Point(10, 20);

ok Isidoro todo eso me funciona de las mil maravillas el detalle aqui seria y como hago para que ese mismo efecto lo haga pero cargando una imagen externa

Puedes usar un MovieClipLoader:

Código ActionScript :

import flash.display.BitmapData;
import flash.geom.Point;
import flash.geom.Rectangle;
import flash.filters.BlurFilter;

var container:MovieClip = this.createEmptyMovieClip("container", 1);

var image_mcl:MovieClipLoader = new MovieClipLoader();
var mclListener:Object = new Object();
mclListener.onLoadInit = function(img_mc:MovieClip)
{
   var image:BitmapData = new BitmapData(img_mc._width, img_mc._height);
   image.draw(img_mc);
   container.attachBitmap(image, container.getNextHighestDepth());
   var sourceRect:Rectangle = new Rectangle(10, 20, 110, 220);
   var destPoint:Point = new Point(10, 20);
   var filter:BlurFilter = new BlurFilter(8, 8, 3);
   image.applyFilter(image, sourceRect, destPoint, filter);
}
image_mcl.addListener(mclListener);
image_mcl.loadClip("imagen.jpg", container);

isidoro nuevamente molestando este ultimo script k me anotaste carga todo de las mil maravillas ya cree un clip llamado container y todo bien pero carga la imagen sin efecto blur no se si algo me falte

No tienes que crear ningún clip container. Lo que te he puesto es un ejemplo, en el que sólo tienes que copiar el código en el primer fotograma y poner la imagen en la ruta del .fla. A partir de ahí vete modificando tú los parámetros en función de lo que necesites hacer.

Código ActionScript :

import flash.display.BitmapData; 
import flash.geom.Point; 
import flash.geom.Rectangle; 
import flash.filters.BlurFilter; 
 
var container:MovieClip = this.createEmptyMovieClip("container", 0); 
var padding:Number = 0;
 
var image_mcl:MovieClipLoader = new MovieClipLoader(); 
var mclListener:Object = new Object(); 
mclListener.onLoadInit = function(img_mc:MovieClip) 
{ 
   var image:BitmapData = new BitmapData(img_mc._width, img_mc._height); 
   image.draw(img_mc); 
   container.attachBitmap(image, container.getNextHighestDepth()); 
   var sourceRect:Rectangle = new Rectangle(padding, padding, image.width - padding, image.height - padding); 
   var destPoint:Point = new Point(padding, padding); 
   var filter:BlurFilter = new BlurFilter(9, 9, 5); 
   image.applyFilter(image, sourceRect, destPoint, filter); 
} 
image_mcl.addListener(mclListener); 
image_mcl.loadClip("imagenes/fondo3.jpg", container);

gracias Isidoro ya le puse esto y funciona a la perfeccion mil gracias ahora la pregunta del millon esk en las capas cargo otras cosas y esas no se ven como hago para que esa imagen con ese efecto me la cargue atras de mis demas archivos de textos y formularios

y agregando mas pregunta isidoro y ese mismo efecto como lo puedo crear sin cargar imagen que se vea el efecto blur pero transparente pero k la imagen de fondo se vea asi con el efecto blur como lo muestro en la iamgen que subi con anterioridad

http://farm6.static.flickr.com/5144/5593413740_86dae68315_b.jpg

si te fijas donde esta el cuadro de efecto blur si te fijas es como transparente y todo como puedo lograr esa imagen ya cargue una imagen en blanco semitransparente y no funciona asi como kiero me podrias orientar men ya se que como doy lata pero esque este efecto tengo exactamente 6 meses buscando tutos y nada que lo hayo muchas gracias Isidoro

Creo que estás equivocado en la forma en que funciona el filtro Blur: no es una especie de cristal que hace borroso lo que hay debajo de él, sino que es un filtro que se aplica directamente a la imagen (luego tiene que haber una imagen a la que aplicarlo).
Se podría hacer eso que dices, pero para hacer eso es mejor hacer lo que te ha dicho Abducted:
-> Máscara
--> Imagen con Blur
-> Imagen sin Blur
Además haciéndolo así puedes usar cualquier forma, no sólo un rectángulo

ya intente eso que me dijo el otro compañero pero no sirve mira este texto encontre en ese archivo de la captura k te envie


mira este efecto lo carga asi por medio de un xml que contiene este script aqui te lo dejo

formwidth="780"
formheight="495"

mailphpurl="mail.php"
imageurl="images/contact.png"
imagelink="http://activeden.net"
imagetarget="_blank"
imagewidth="300"
imageheight="455"
imagepadding="15"
imagesolidbackgroundcolor="0x1e1a17"
imagesolidbackgroundopacity="0.9"
imagesolidbackgroundrounded="20"

imageshadowopacity="0.3"
imageshadowblur="7"
imageshadowcolor="0x000000"
imageshadowdistance="2"
imageshadowangle="90"

mailphplink="mail.php"

fieldbgcolor="0x1e1a17"
fieldbgopacity="0.8"
fieldbgrounded="15"
fieldfontcolor="0xcccccc"
fieldfontsize="13"

errorbgcolor="0xffffff"
errorbgopacity="0.9"
errorfontcolor="0x333333"
errorfontsize="13"

infobgcolor="0x1e1a17"
infobgopacity="0.9"

aver si me pudieras orientar un poco

Paso por paso:
- Crea un nuevo clip en la biblioteca llamado "mascara", y dibuja en él una figura del color que quieras (yo he dibujado un cuadrado negro de 200x200 con los bordes redondeados, poniendo el radio de las esquinas en 20 puntos).
- Crea otro clip vacío en la biblioteca llamado "imagen".
- Abre la línea de tiempo principal, y crea 2 capas más (con lo que tendrás 3 capas).
- En la capa superior arrastra una instancia del clip "mascara", y dentro del panel de propiedades dale el nombre de instancia "maskMc".
- En la capa intermedia arrastra una instancia del clip "imagen", sitúalo en las coordenadas (0, 0), y dale el nombre de instancia "blurMc".
- Selecciona ese clip "blurMc" (como está vacío, sólo verás un punto en las coordenadas (0, 0)), y dentro del panel de propiedades añades estas 2 cosas:
* Un filtro Blur, con blurX y blurY de 10 puntos.
* Un efecto de color de Tinta Blanco, poniendo el valor de la tinta en un 15% (para darle un efecto traslúcido que resalte el efecto).
- En la capa inferior arrastra otra instancia del clip "imagen", sitúalo también en (0, 0), y dale el nombre "imageMc".
- Ahora convierte la capa superior en una máscara (pulsas el botón derecho sobre la capa superior y seleccionas Mask).
- Por último añade una capa más en la línea de tiempo principal (en ella pondremos el código), y sitúala en la parte superior. Dentro de ella añade esto (cambiando imagen.jpg por la imagen que quieras cargar):

Código ActionScript :

var imageMcl:MovieClipLoader = new MovieClipLoader();
imageMcl.loadClip("imagen2.jpg", imageMc);
imageMcl.loadClip("imagen2.jpg", blurMc);

maskMc.onMouseDown = mouseDownHandler;
maskMc.onMouseUp = mouseUpHandler;
maskMc.onMouseMove = mouseMoveHandler;

function mouseDownHandler(event:Object):Void
{
   if(!maskMc.hitTest(_root._xmouse, _root._ymouse)) return;
   maskMc.startDrag();
}

function mouseUpHandler(event:Object):Void
{
   maskMc.stopDrag();
}

function mouseMoveHandler(event:Object):Void
{
   updateAfterEvent();
}

Te quedará algo así (puedes arrastrar el "cristal"):

haver Isidro deja pongo a prueba esto y te comento pero antes k nada mil gracias en vdd Gracias ante todo por tomarte este tiempo en contestarme y ayudarme creemelo mil Gracias saludos desde tijuana mexico " Aqui Inicia La Patria "