Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks Tutorials
& Resources
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Flash Tutorials & Resources > Blur Effect   

Blur Effect in Flash 8.0

Demonstration

Learn how to blur images in Flash 8.0 using the in-built blur filter. The download .fla is included at the end of the tutorial.
Please note:
1. You need to have Flash Player 8.0 installed to view the Flash animation.
2. You need Flash 8.0 to get the in-built blur filter


Steps to Follow :

Step 1: Import an image and create a movie clip
  • Open Flash 8.0. Select New/Flash Document.
  • Import the image you would like to blur by clicking on File/Import to Stage and select the image.
  • Select the image on the stage and choose Modify/Convert To Symbol. Name the symbol blur and choose Movie Clip as Type.

Step 2: Create the blur effect

  • Select the blur symbol on the stage.
  • In the Properties Inspector, choose the Filters tab
  • Click on the '+' icon and choose Blur.
  • Choose 100 for Blur X and Blur Y and Quality as Medium.
    blur filter

Step 3: Create the animation

  • In the timeline window right click on the 50th frame choose insert keyframe. Select the movie clip and change the blur filter X and Y values to 0 to remove the blur effect.
  • Select any frame between Frames 1 and 50 and select Motion from the tween pop-up menu in the Property inspector.
  • Press Ctrl+S to save your changes.

Press Ctrl+Enter to view your animation.

You can also blur only the X coordinates by removing the lock icon in the filters inspector and changing Blur X to 100 and Blur Y to 0. The effect can be seen below. You can try different blur effects by simply adjusting the blur X and blur Y values.

Demonstration for Blur X

Download the .fla file



This resource is part of the Entheos Free Resources section. These resources & tutorials cover Corel Draw Tutorials, CSS Tutorials, Flash Tutorials, Fireworks Tutorials and Effects, Dreamweaver Tutorials, Design Ideas & Inspiration, Photoshop Effects & Web Design Tutorials.

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

Join us on Facebook to keep updated with all the latest tutorials and web design freebies from EntheosWeb!


Flash Website Templates

EntheosWeb Blog

Flash Photo Galleries

New Flash CS5 Tutorials

Peeling Sticker Effect in Flash

Cool Lighting Effects in Flash

Static Image Animation in Flash

Checkboard Transition Effect in Flash

Particles in Flash

Using Video in Flash

Creating an Animated Banner in Flash

Featured Template
Template Number: 22869
Type: CSS STATIC FULL SITE
Price: $65