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


Now building a website is as easy as 1-2-3!

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!

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.


Flash Website Templates

EntheosWeb Design Blog

Flash Photo Galleries

New Flash CS5 Tutorials

Page Roll Transition Effect

Outline Animation Effect in Flash

Creating a Rotating 3D Planet in Flash

Striped Transition Effect Tutorial in Flash

Burning Image Effect in Flash

Realistic Rippling Water Animation in Flash

New Flash Resources

Best 3D & Carousel Flash & XML Photo Galleries

Best Flash Animated Backgrounds

Best Flash Photo Gallery Website Templates

Best Heart Flash Animations

Featured Template
Template Number: 34436
Type: WordPress
Price: $64