Circle Shape Blur Photo Animation

Date: 27.7.2010, 17:46    Total views: 3641

Today, I’m going to show you how to create circle shape blur photo animation using some special flash tips and tricks. You don't have to use action script code to make this animation. Using this lesson You will also learn how to apply flash filters on any photo, how to create shape tween and much much more.

Example:



Step 1

First, save the photo below that we will use for this lesson as background.






Step 2

Create a new flash document. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 400 pixels and the height to 304 pixels. Select any color as background color. Set your Flash movie's frame rate to 38 and click ok.

Step 3

Call the current layer photo1. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

Choose now File > Import > Import to stage (Ctrl+R) and import a photo that you just saved in step 1 into a flash stage. While the photo is still selected, go to the Align Panel (Ctrl+K) and do the following:

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



Step 5

While the photo is still selected, hit F8 key (Convert to Symbol) to convert it into a Movie Clip Symbol.



Step 6

Select frame 70 and hit F6 key.

Step 7

Go back on the first frame, select the Selection Tool (V) and go to the Properties Panel (Ctrl+F3) below the stage. Select Filters tab from the left side. Click after that on the plus icon and select the Blur filter. Make the adjustments as follows:



Step 8

Click now on the Properties Button. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.

Step 9

Create a new layer above the layer photo 1 and name it photo 2.

Step 10

Go back on frame 70 of layer photo 1 and hit Ctrl+C key (Copy). After that, select the first frame of layer photo 2 and hit Ctrl+Shift+V key (Paste In Place).

Step 11

While the photo is still selected, hit Ctrl+B key (Break Apart) twice time to break apart it.

Step 12

Click now on frame 70 and hit F6 key.

Step 13

Go back on the first frame, select the Oval Tool (O) and draw a circle shapes like it is shown on the picture below!



Select now every circle and hit delete key on the keyboard.

Step 15

Right-click anywhere on the gray area between frame 1 and 70 on the timeline and choose Create Shape Tween from the menu that appears.

We're done!

Test your animation and enjoy!

Download source file (.fla)