Using this thoroughly explained, detailed flash lesson, you will see how to create advanced and very modern frame by frame photo presentation. You don't have to use action script code to make this lesson. This animation you can use for any photo presentation, animation, flash header or some banner. Using this lesson, you will also learn how to draw in step by step background for photo, how to convert any photo into a Movie Clip Symbol and much more. Let's start!

Example:



Step 1

Start flash. Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 300 pixels and the height to 250 pixels. Select white as background color. Set your Flash movie's frame rate to 30 and click ok.





Step 2

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

Step 3

Using the Rectangle Tool (R) and Selection Tool (V), draw a shape and place it on the position like it is shown on the picture below! (Note: for shape color choose #990000)





Step 4

Select now frame 2 and press F6 key. After that, draw this shape and place it on the position like it is shown on the picture below!





Step 5

Select now frame 3 and press F6 key. After that, draw this shape and place it on the position like it is shown on the picture below!





Step 6

Press now F6 key and draw this shape, and place it on the position like it is shown on the picture below!





Step 7

Press again F6 key and draw this shape:



After that place it on this position:



Step 8

Press F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 9

Press again F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 10

Press F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 11

Press F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 12

Press again F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 13

Press F6 key, draw this shape and place it on the position like it is shown on the picture below!



Step 14

Make now shapes and place it on the position for every frames like it is shown on the picture below!

frame 12:



frame 13



frame 14



frame 15



frame 16



frame 17



frame 18



frame 19