Email:
Name:
 
learn web design
Free Tutorials Send by Email
 Free Web Design Newsletter
 Opportunities to Win Free Prizes
 Subscription to our RSS Feed
Creating a Image Blur in Adobe Flash

Creating a Image Blur in Adobe Flash

Posted on 18. Apr, 2008 by Michael in Flash

Animated Image Blur Effect With Adobe Flash

1. Open flash click “new flash document”

2. Open the page properties if its not already opened which it should be Window/Properties/Properties

3. Change the background color to black.

4. now you will choose and image you want to add the effect to. To do this you go to File/Import/Import to stage and then you browse for the image you want

5. now with your image on the stage selct it and convert it to a symbol. Press (F8) and name it image

6. On the timeline add a few frames as many as desired. i added 20. the way you do this is you go to the time line and on the frame you want to add you right click and then you click insert frames.

7. Now on frame 10 which is my middle frame press (F6) this will create a keyframe and do the same on the last frame.

8. Now click on the middle keyframe and then go back to your image select it and then go to filters.

9. then click on the plus sign and click on blur.

10. Change the blur X: to 15 and the blur Y: to 15 as well and put the quality high.

11. Now go back to the time line and selct the whole thing then right click and select create motion tween.

To see the finally result, click here…

11 Responses to “Creating a Image Blur in Adobe Flash”

  1. cashea

    27. Jun, 2008

    i would just like to know how can i make this animation effective only when the mouse is pointed to it???

    hope you can help me,,tnx

    Reply to this comment

    • Jason somers

      17. Apr, 2009

      ull have to make it a separate movieclip, make the actions in frame 1 stop(); and put the following code into it.
      on(rollOver){
      gotoAndPlay(2);
      }

      Reply to this comment

  2. Animar imagen con blur en flash 8 | Tutoriales Photoshop y Diseño

    03. Nov, 2008

    [...] Animar imagen con blur en flash 8 Autor: Webdesigndev Idioma: Inglés Enlace: Webdesigndev [...]

    Reply to this comment

  3. unique

    01. Mar, 2009

    Very good article. Normally I wouldn’t comment but this post deserves it.

    Reply to this comment

  4. CSS Envy | asker

    10. Mar, 2009

    thanks !! very helpful post!

    Reply to this comment

  5. Bob Fast

    11. Mar, 2009

    Hi, This is my first visit to this blog, I like your writing style. I’m very interested in your posts, please keep up the good work!

    Reply to this comment

  6. Denmark flash design

    01. May, 2009

    Doesn’t it take up a lot of time to keep your blog so interesting ?

    Reply to this comment

  7. Thailand flash design

    01. May, 2009

    Gotta love the effort you put into this blog :)

    Reply to this comment

  8. Ritz

    10. May, 2009

    i am not getting that filter option.Where will i get that
    its showing only width and height option.

    Reply to this comment

  9. Bas

    23. May, 2009

    Very good tutorial, i learned alot! Thank you for making and posting this tutorial!

    Reply to this comment

  10. bryan

    25. Jun, 2009

    thanks for the tutorial….

    Reply to this comment

Leave a Reply