Imajine Blog Imajine Articles
Contact Me

Flash 8 tutorial to create blur effect or motion effect

While watching cartoons or certain ads, I always wondered, how do they give this blur effects to depict characters moving fast. I still don't know how they do, but getting the same effect in flash 8 is really simple.

Check this below demonstration to get a better idea on what I am talking about.

Similar to Photoshop and Fireworks, Flash 8 has this new "effects" feature, which includes, drop shadow, blur, glow, bevel, gradient glow and garient bevel effects.

Here in this tutorial, we will be covering blur effect.

One very important thing is, these effects can be applied only on text, movieclips and buttons.

To begin with, get your movieclip / button from the library to the work area or create the same.

Now select your symbol, and open Filters panel, if filters panel is not open, under main menu bar click on Windows > Properties > Filters.

You will now see "+" and "-" sign in the filters panel.

Click on the "+" sign, and select blur,

Blur X and Blur Y dropdown menu might be locked. So when these two are locked, on increasing blur intensity for either of it (Blur X / Blur Y), both will increase to the same amount.

If you are trying to use this blur effect to depict fastly moving object, you will have to give only Blur X / Blur Y for horizontal / verticle movement respectively.

Out here, in the above example, I am moving object (dog) from left to right, which is horizontal motion. Hence I have mainly given Blur X and a little of Blur Y.

Filter panel for the above example looks something like the one shown below.

As you can see I have also given a little bit of drop shadow for 3D effect.

If you want to make the object look like it is really moving fast, then you will have to increase the blur effect. Mainly it is all about playing with these effects to get exactly what you want.

Download the source code.

Tags: Flash Animation Blur effect, Flash Animation Motion blur effect.

Download Free Photo Gallery

Download Free Photo Gallery

You can download Imajine's Scrapbook Photo Gallery absolutely free of cost and to customize , you need no knowledge of Adobe Flash.  Click here to view Scrapbook Photo Gallery / download

Tutorials
Flash Tutorials
Horizontal 3D Carousel
MP3 Player
Scrapbook Photo Gallery
Text Enhancement
Color object
Glow effect using actionscript
Drawing with actionscript
Blur Effect
Load external .mp3 file
Preload external .mp3 file
Sound Controller
Set volume of externally .mp3 file
View MP3 song details
Actionscript blur effect
Actionscript fade in / out effect
Fireworks Tutorials
Custom Stroke
Typography / Ink blot effect
Photograph focus effect
Rainbow Pattern
Inset Text Effect
Fuzzy Light Blending Mode
Little bulb effect
Old paper effect
'Post it' effect
Hand drawn designs
Black/White and Sepia tone
Water color painting effect
Vintage effect on vector graphics
Solid color, black/white
Photoshop Tutorials
Photo editing
Purple Haze

Portfolio

Logos
Website design
CMS Customization
Flash
Web development
Print


Download free textures and patterns and use it for your personal use.

Click here to download Textures and Patterns.

Download free birthday cards

Free Birthday Cards
Click here to view Imajine's free downloadable birthday cards for personal and corporate use. Imajine's birthday cards are in jpeg format so it is faster to download and send in your wishes to your friends and family.
Bookmark and Share Tell a Friend jayanthi.varma@imajine.in  |  © 2008 Imajine