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)

Advanced celebrity flash banner

21.2.2008, 0:49    Total views: 40701

This detailed tutorial will show you how to create very modern and advanced full flash banner. This attractive banner you can use wherever you like...You don't have to use action script code to make this tutorial. This tutorial is the best way to make very modern and advanced banner on a easy method. Let's go!



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 450 pixels and the height to 150 pixels. Select any color as background color.Set your Flash movie's frame rate to 28 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 images (image1, image2, image3...) 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

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.

Step 5

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



Step 6

Double click on layer 1 to rename its name in image1. After that, click on frame 135 and press F5 key.

Step 7

Create a new layer above the layer image 1 and name it image 2. After that, select layer image 2, click on frame 60 and press F6 key. Then, repeat step 3,4 and 5, but for this time, do that for image 2. Afte you have aligned and converted image 2 into a Movie Clip Symbol, click on frame 125 and 135 and press F6 key.

Step 8

While you're still on frame 135, 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 Alpha in it and put it down to 0%. See the picture below.



Step 9

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



Step 10

Create after that a new layer above the layer image 2 and name it mask.

Step 11

Click after that on frame 60 of layer mask and press F6 key. Then, using the Flash Tools for drawing, draw a shape like it is shown on the picture below and place it on the same position like it is shown on the picture below.



Step 12

Click then on frame 75 and press F6 key. While you're still on frame 75, move the shape on the postion like it is shown on the picture below.



Step 13

Choose right-click anywhere on the gray area between the frame 65 and 75 on the timeline and choose Create Motion Tween from the menu that appears.



Step 14

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



We're done with the first two images. repeat this process also for every other images.

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

2. High-tech city animation
Total views: 248610

3. Water effect
Total views: 227362

4. Photo slide show
Total views: 209584

5. Special Picture Effect
Total views: 185180



Related links