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

Flash Tutorials

Basics

Animation & Effects

Actionscript

Creating a Website

Miscellaneous

Flash Articles

Free Flash Resources

Other Flash Resources

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!

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.


Looking for high-quality Flash Website Design? Choose from over 6000 templates!

Gorgeous Page Roll Image Transition Effect in Flash

Creating Page Curl Transition

Creating a Rotating 3D Planet in Flash

Creating Realistic 3D Planet

Best Flash Photo Gallery Website Templates

Best Flash Photo Gallery Website Templates

Burning Image Effect in Flash

maskmn_image055

Realistic Rippling Water Animation in Flash

r_water

Awesome 3D Flash Website Templates

Awesome 3D Flash Website Templates

 

Featured Template
Template # 50487
Type: Joomla
Price: $75

Flash Photo Galleries