# Blur effect in Flash MX

**URL:** <https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577>\
**Category:** flash\
**Created:** [September 17, 2004, 3:33pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577 "2004-09-17T15:33:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Floppy](https://avatars.discourse-cdn.com/v4/letter/f/a587f6/32.png) [@Floppy](https://forum.kirupa.com/u/Floppy)\
**Post date:** [September 17, 2004, 3:33pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/1 "2004-09-17T15:33:24Z")

</div>

Hello…  
could anyone tell me how i can get the blur effect in Flash? something like on [http://www.wimbledonmovie.com/](http://www.wimbledonmovie.com/)  
i want something similar to the way the portraits of the actors appear in the “bios” section…

thanks in advance

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 3:42pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/2 "2004-09-17T15:42:30Z")

</div>

Hi !!!

try something like this…

[http://www.purephotoshop.com/article/64](http://www.purephotoshop.com/article/64)

it’s easier this way. eheheh

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 3:45pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/3 "2004-09-17T15:45:37Z")

</div>

thanks for the link but i already know how to do that… i mean, it’s very simple… but i just want to use one picture for this effect to keep the movie’s size as small as possible

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 3:47pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/4 "2004-09-17T15:47:30Z")

</div>

You need to use a graphics program such as Photoshop that allows you to have the ability to Guassian Blur.

Have one copy of the original image and then make another copy and Gaussian Blur that to the level you would like.

Bring both of these images into Flash.

Create 2 layers in Flash.

Drag a copy of your original image and put it on the bottom layer.

Drag a copy of the blurred image andp ut it on the top layer.

Since you can’t alpha tween a regular graphic you need to convert it to a symbol. So click on the blurred image and hit F8 to bring up the ‘Convert to Symbol…’ dialogue. You can choose to make it a Graphic symbol or a MovieClip symbol… probably best choice here would be Graphic symbol though.

After you have done this… do a [basic alpha tween](http://www.kirupa.com/developer/mx/fadingtext.htm) to fade out the blurred picture… this will cause the original picture to slowly come into view.

[edit]  
It seems i’ve taken too long to type.

You must use 2 image for this effect since Flash has no ability on it’s own to blur and unblur an image.  
[/edit]

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:21pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/5 "2004-09-17T16:21:32Z")

</div>

That movie site is awesome. For a big site like that is it best to have each section load in as an external swf? How would you go about having the loader come up and load the next section and then fade out the current section before going to the next?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:26pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/6 "2004-09-17T16:26:44Z")

</div>

that site is not made by me… you should contact the authors and give them your suggestions 😃  
i just gave it as an example for what i need

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:36pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/7 "2004-09-17T16:36:36Z")

</div>

Oh, I didn’t think you made the site. I was just asking if anyone knew how to do something like that.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 17, 2004, 4:41pm UTC](https://forum.kirupa.com/t/blur-effect-in-flash-mx/64577/8 "2004-09-17T16:41:33Z")

</div>

what you want can be easily done with a little AS… when the section you want is 100% loaded you first start the fading out animation of the current scene and when that is completed you tell the new section to fade in…
