How to create blur photo animation

Download fla file: bluranimation.zip

Step 1

• Find any photo which you like to use for animation
• Create a new flash document.
• Press Ctrl+J key on the keyboard (Document Properties) and set the dimensions of your document as the dimensions of photo, my photo have 300 x 180 .
• Select any color as background color.
• Set your Flash movie’s frame rate to 32 and click ok.

Step 2

• Call the current layer blur.
• Double-click on its default name (Layer 1) to change it and press enter

• Go to File > Import > Import to stage (Ctrl+R) and import any photo into a flash stage.

• While the wallpaper is still selected, press  F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol, change name to photo_blur (in CS4 is on right)

Step 3

While the new made movie clip (wallpaper) is still selected, go to the Align Panel (Ctrl+K ) and do the followingL:

• Make sure that the Align/Distribute to Stage button is turned on,
• Click on the Align horizontal center button and
• Click the Align vertical center button.

• While the new made movie clip is still selected, go to the Properties Panel (up on right ).
• You will find the Instance name input field there. Call this Movie Clip photo_blur.
• See the picture below!

Step 4

As 3.0 Code

• Select the first frame of layer photo and go to the AS panel (F9) below the stage. After that, enter the code inside the actions panel:

var blurSpeed:Number = 1;

photo_blur.addEventListener (MouseEvent.MOUSE_OVER, mouseOverphoto_blur);

photo_blur.addEventListener (MouseEvent.MOUSE_OUT, mouseOutphoto_blur);

photo_blur.addEventListener (Event.ENTER_FRAME, enterFramephoto_blur);

var blur:BlurFilter = new BlurFilter();
blur.blurX = 22;
blur.blurY = 22;
blur.quality = BitmapFilterQuality.HIGH;
photo_blur.filters = [blur];

var mouseIsOverphoto_blur:Boolean = false;

function mouseOverphoto_blur (event:MouseEvent):void {
mouseIsOverphoto_blur = true;
}

function mouseOutphoto_blur (event:MouseEvent):void {
mouseIsOverphoto_blur = false;
}

function enterFramephoto_blur (event:Event):void {

if (mouseIsOverphoto_blur == true) {
blur.blurX -= blurSpeed;
blur.blurY -= blurSpeed;
}

if (mouseIsOverphoto_blur == false && blur.blurX <= 22) {
blur.blurX += blurSpeed;
blur.blurY += blurSpeed;
}

photo_blur.filters = [blur];
}

• Test it (Ctrl+Enter)