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

Picture presentation on a simple way

26.8.2008, 18:9    Total views: 37355

Using this tutorial, you will see how to create simple picture presentation using a Free Transform Tool and Selection Tool (V). You don't have to use action script code to make this tutorial. This simple presentation, You can use for any web site, presentation, flash header, simple animation, as banner... Let's go!



Step 1

Firs of all, save my picture below to make this lesson more 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 360 pixels and the height to 390 pixels. Select any color as background color. Set your Flash movie's frame rate to 28 and click ok.



Step 3

Choose now, file > Import > Import to stage (Shortcut key: Ctrl+R) and import my picture into a flash stage!

Step 4

While the picture 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

Double click now on layer 1 with the Selection Tool (V), to rename its name into a picture. After that, click on frame 25 and press F5 key.

Step 6

Create now a new layer above the layer picture and name it shape.

Step 7

Select now shape layer and take the Rectangle Tool (R). Then, for Fill color choose any color, for Stroke Color choose No color and draw a rectangle above the picture about 360x26px. See the picture below!



Step 8

Click now on frame 5 od layer shape and press F6 key. After that, using the Free Transform Tool (Q) and Selection Tool (V), create the shape like it is shown on the picture below!



Step 9

After that, click on frame 10, press F6 key and create the new shape like it is shown on the picture below!



Step 10

Click now on frame 15, press F6 key and create this shape:



Step 11

Click now on frame 20 and press F6 key. Then, create this shape:



Step 12

Click now on frame 25 and press F6 key. Then, draw this shape:



Step 13

Right-click anywhere on the gray area between frame 1 and 5, frame 5and 10, frame 10 and 15, frame 15 and 20, and frame 25 and 25 on the timeline and choose Create Shape Tween from the menu that appears. See the picture below.



Step 14

Click now on frame 120 of layer shape and picture and press F5 key.

Step 15

Select now shape layer and convert it to a mask by right-clicking on mask shape and selecting Mask. See the picture below.



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

2. High-tech city animation
Total views: 247529

3. Water effect
Total views: 227016

4. Photo slide show
Total views: 209306

5. Special Picture Effect
Total views: 184878



Related links