LifeBook Presentation

Read this tutorial and learn how to make Lifebook presentation in flash 8 with no Action Script. You can use this animation for any business presentation, any flash site.... You will also learn how to create fade in fade out effect and more....

Step 1

First off all, create a new Flash document, set its width to 450 and height 450. The fps should be >28 for this time. Also, set the background color to white. See the picture below.



Step 2

Download my picture.



Step 3

Go back in flash, choose File > Import > Import to Stage (shortcut key: Ctrl+R) and import that picture into the Flash.

Step 4

While the picture is still selected, go to the Align Panel (shortcut key:Ctrl+K) and do the following in the Align panel:

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 the picture with the background.Doble click on layer 1 to rename its name in Lifebook.

Step 5

Take the Selection Tool (V), click once on the picture to select it and press once Ctrl+B key (Break Apart) to break apart it.

Step 6

Now, we will use some flash tricks to remove the existing picture from the LifeBook. So, lock the Lifebook layer and create a new layer above the LifeBook layer (layer 2).



Step 7

Using the Rectangle Tool (R) and Selection Tool (V), draw a shape over the picture in Lifebook. See the picture below.



Step 8

Select the shape that you just created and press Ctrl+X key (Cut). Then, unlock Lifebook layer, select it and press Ctrl+Shift+V key (Paste in Place). While the "shape" that we have created in layer 2 is still selected, press Delete key on the keyboard to delete it. Now you have the blank area on the place where the picture of Lifebook was.



Step 9

Find somewhere a few picture (any picture - nature, peopel....) that will be represent our presentation. After that, Import all that picture into the flash Library (File > Import > Import to Library).

Step 10

Lock again layer LifeBook, Select layer 2 and using the "drag and drop" technique, move the first picture from the Library on the stage. See the picture below.



While the picture is still selected, press once Ctrl+B key (Break apart) to break apart it.

Step 11

Using the Selection Tool (V) and Free Transform Tool (Q), place the picture on the blank area position on the Lifebook (in an equivalent way like we have created the shape in step 6). See the picture below.



Step 12

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



Step 13

Click on frame 15, 40 and 55 of layer 2 and press F6 key.

Step 14

Go back on frame 1, take the Selection Tool (V), click once on the new made Movie Clip (picture) to select it and 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%.



Repeat this step, but for this time, do that for frame 55.

Step 15

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



Step 16

Double click on layer 2 to rename its name in picture1.

Step 17

Click on frame 150 of Lifebook layer and press F5 key. After that, create a new layer above picture1 layer and name it picture2.



Step 18

Click on frame 50 and press F6 key. Then, using the "drag and drop" technique, move the second picture from the Library on the stage.Now, in an equivalent way like we have created, converted to Movie Clip....make this and every other picture.

Good luck!