Flash tutorials
Home 3D (2) Actionscripting (60) Animation (78) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (46) Text Effects (16)

Photo shape tween animation

17.8.2009, 17:3    Total views: 8303

Read this thoroughly explained, detailed flash lesson and see how to create photo shape tween animation using some special flash tips and tricks. This animation you can use for simple flash banner or presentation. Using this lesson, you will also learn how to import any photo into a flash stage, how to break apart it, create many shapes using the Selection Tool (V) and much more. Let's start!

Example:



Step 1

First, find any photo which you like to use for this lesson.

Step 2

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. Select any color as background color. Set your Flash movie's frame rate to 33 and click ok.

Step 3

Call the current layer photo. 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 any photo into a flash stage.

Step 5

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 6

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



Step 7

Click now on frame 60 and hit F6 key.

Step 8

Go back now on the first frame, select the Selection Tool (V) and do like it is shown on the picture below!



Step 9

Right-click anywhere on the gray area between the two keyframes on the timeline and choose Create Shape Tween from the menu that appear.



We're done!

Test your movie and enjoy!

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: 189099

2. Water effect
Total views: 140304

3. Special Picture Effect
Total views: 131276

4. High-tech city animation
Total views: 128756

5. Photo slide show
Total views: 124501

Forum - Newest Discussions

The loveliest baby is waiting for you
Last post by: meiling277869
Date: 20.11.2009 09:13:25

Moyea: Ideal SWF to Video Solution Provider
Last post by: desertfish
Date: 20.11.2009 08:00:16

Useful guides for how to Convert DVD to MOV?
Last post by: jimmy6280
Date: 20.11.2009 04:36:04

Convert SWF to Video in Variety of Popular Formats
Last post by: desertfish
Date: 19.11.2009 09:48:13

Step-by-step tutorial to show you how to convert v
Last post by: jimmy6280
Date: 19.11.2009 04:38:29

Two Most Effective Ways to Download Online SWFs
Last post by: desertfish
Date: 18.11.2009 11:01:22

Share my experience of ripping DVD
Last post by: shelleybj
Date: 18.11.2009 08:42:30

Leawo DVD Ripper helps you Convert DVD to portable
Last post by: jimmy6280
Date: 18.11.2009 05:00:59

How to rip DVD for Mac OS X?
Last post by: shelleybj
Date: 18.11.2009 03:03:49

Related links