Toxiclab.org

Picture me effect

19.6.2008, 14:1
Submited in: Flash | Total Views: 42841

This thoroughly explained, detailed lesson will show you how to create attractive picture effect using some special flash tips and tricks. You don't have to use action script code to make this lesson. You can use this effect for any flash banner, presentation, header... Let's go!



Step 1

First of all, download my pictures which we will use for this effect.



Step 2


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



Step 3

Choose File > Import > Import to Library. In the file explorer window that appears, find a five pictures (picture1, picture2...) and Shift-click to select them all.Then click open. If you now open your flash library (Ctrl+L key) you will see a five pictures that you just imported. See the picture below.



Step 4

Double click on layer 1 to rename its name into a picture 1.

Step 5

Take now the Selection Tool (V) and using the drag and drop technique, move the first picture from the Library on the stage.

Step 6

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.



After that, while the picture is still selected, press F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 7

Click now on frame 5 and 10 and press F6 key.

Step 8

While you're still on frame 10, take the Selection Tool (V) and click once on the picture to select it. Afte that, take the Selection Tool (V) and click once on the text to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Alpha in it and put it down to 0%.



Do this also for the first frame.

Step 9

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



Step 10

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

Step 11

Click now on frame 7 of layer picture 2 and press F6 key. While you're still on frame 7, move the second picture from the library on the stage.

Step 12

Repeat now step 6.

Step 13

Click on frame 12 and 17 now and press F6 key.

Step 14

While you're still on frame 17, repeat step 8. Do this also for frame 12.

Step 15

Right-click anywhere on the gray area between frame 7 and 12 and frame 12 and 17 on the timeline and choose Create Motion Tween from the menu that appears. See the picture below.



Now, we're done with the first two pictures. Repeat this process also for every other picture.

Bye!

Download example

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category


Most popular tutorials