Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Photo shot animation

31.10.2007, 1:48    Total views: 35450

In this easy Flash 8 Pro lesson, You will learn how to create photo shot animation using the black and white photo. This effect is very simple for create, but in the same time very modern and attractive. You don't have to use action script code to make this lesson. You will aslo learn how to apply flash filters on black and white photo, how to animate it and much more.



Step 1

First of all, download my photo to make this lesson quickly.





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 440 pixels. Select any color as background color.Set your Flash movie's frame rate to 44 and click ok. See the picture below.



Step 3

Choose File > Import > Import to Stage (Shortcut key: Ctrl+R) and Import my photo into a flash stage.

Step 4

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.



Now you have aligned a photo with the background.

Step 5

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



Step 6

After that, click on frame 5, 10, 15 and 20 and press F6 key.



Step 7

Go back on frame 5, take the Free Transform Tool (Q) and rotate it a little to the left side.

Step 8

After that, take the Selection Tool (V) and click once on the photo to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage and click on Filters tab. After that, click on the plus icon and select Adjust Color filter. Then, make the adjustements as follows:



Now. you have this:



Step 9

Select frame 10 and rotate the photo a little to the right side using the Free Transform Tool (Q). Then, click again once on the photo to select it. Then, go again to the Properties Panel (Ctrl+F3) below the stage and click on Filters tab. After that, click on the plus icon and select Adjust Color filter. Then, make the adjustements as follows:



Now you have this:



Step 10

Select frame 20 and click again once on the photo to select it. Then, go again to the Properties Panel (Ctrl+F3) below the stage and click on Filters tab. After that, click on the plus icon and select Adjust Color filter. Then, make the adjustements as follows:



Step 11

Select layer 1 and go again to the Properties Panel (Ctrl+F3) below the stage. On the left side, you will see Tween drop down menu. Choose Motion on it. See the picture below.



Test your animation.

We're done!

Download source file (.fla)

Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221533

2. Water effect
Total views: 166040

3. Photo slide show
Total views: 153638

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146246

Related links