Toxiclab.org

Detailed phone presentation

6.11.2007, 1:16
Submited in: Flash | Total Views: 34084

This lesson will show you how to create Detailed phone animation using the fade in and fade out flash technics. This lesson is very simple for create, but in the same time very attractive and useful when you have to create some kind of presentation, animation. You don't have to use action script code to make this lesson.



Step 1

First of all, download my pictures that we will use for this lesson. After you have downloaded my pictures, unzip the zip file and place that pictures on some folder.



Step 2


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



Step 3

After that, choose File > Import > Import to Library. In the file explorer window that appears, find a five pictures (picture1, picture2, picture3...) 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

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

Step 5

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.



Now, we have aligned the picture with the background.
#advertising#

Step 6

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



Step 7

Double click on layer 1 to rename its name in picture 1. After that, click on frame 10, 40 and 50 and press F6 key.

Step 8

After that, go back on the first frame, take the Selection Tool (V) and click once on the picture to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Tint in it. For Tint color choose black and put it down to 100%. See the picture below.



Do this also for frame 50.

Step 9

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



Step 10

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

Step 11

Click on frame 40 of layer picture 2 and press F6 key.

Step 12

While you're still on frame 40, take the Selection Tool (V) and move the second picture from the library on the stage.

Step 13

While the picture is still selected, aligned it with the background, like we have done for the first picture. (See step 5).

Step 14

Then, press again F8 key (Convert to Symbol) to convert this picture into a Movie Clip Symbol.



Step 15

After that, click on frame 50,70 and 80 and press F6 key.

Step 16

Go back on frame 40 and repeat step 8. Do this also for frame 80.

Step 17

Choose right-click anywhere on the gray area between the frame 40 and 50 and frame 70 and 80 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 pictures until you don't came to the end.

Enjoy!

Download example

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

Browse by category


Most popular tutorials


Resources Worth visiting


Friends