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

Advanced and modern business banner

14.10.2008, 17:18    Total views: 21479
Page:  1  2

In this step by step lesson, I will show you how to create very attractive and modern business banner. You don't have to use action script code to make this lesson. You can use this animation for any business presentation, as some flash business header... Using this lesson, you will also learn how to import any object into a flash stage, how to animate it, convert it into a Movie Clip Symbol and much more!



Step 1

First of all, save a transparent photo of women below!



Step 2

Open a new Flash document (File > New > Flash Document). Press Ctrl+J key on the keyboard (Document Properties) and set the width of your document to 232 pixels and the height to 202 pixels (as the dimensions of photo). Select white color as background color. Set your Flash movie's frame rate to 30 and click ok. See the picture below!



Step 3

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

Step 4

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

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



Step 6

Click now on frame 15 and press F6 key. While you're still on frame 15, press F6 key six times. See the picture below!



Step 7

Go back now on frame 1, take the Free Transform Tool (Q), press and hold down Shift key and enlarge the photo of women like it is shown on the picture below!



Step 8

Take now the Selection Tool (V) and click once on the photo to select it. After that, go to the Properties Panel (Ctrl+F3) below the stage. On the right, you will see the Color menu. Select Advanced on it, click on Settings button set the following options and click ok.



Step 9

Then, select Filters tab from the left side. Click after that on the plus icon and select the Blur filter. Make the adjustments as follows:



Step 10

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



Step 11

Select now frame 16 and press delete key on the keyboard. Do this also for frame 18 and 20. See the picture below!



Step 12

Click now on frame 100 and press F6 key. While you're still on frame 100, press again F6 key six times.

Step 13

Go back now on frame 101 and press Delete key on the keyboard. Do this also for frame 103 and 105.

Step 14

Click now on frame 121 and press F6 key. While you're still on frame 121, repeat the process from frame 1.

Step 15

Take now again the Selection TOol (V) and double click on layer 1 to rename its name into a photo.

Step 16

After that, create a new layer above the layer photo and name it text.

Step 17

Click now on frame 21 and press F6 key.

Step 18

After that, while you're still on frame 21, take the Text Tool (A) and type some adequate text. See the picture below!



Step 19

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



Step 20

Click now on frame 28 and press F6 key. After that, go back on frame 21, and place your text (using the mouse or by arrows key) on the position like it is shown on the picture below!



Step 21

While you're still on frame 21, take the Selection Tool (V) and click once on the photo to select it. Then, go again 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%.



Step 22

Select now frame 28 and press F6 key six time. Then, go back on frame 29 and press delete key on the keyboard. do this laso for frame 31 and 33.

Step 23

Click now on frame 88 and press F6 key again six time. Then, go back on frame 89 and press delecte key. Do this also for frame 91 and 93.

Step 24

Click on frame 100 and press F6 key. While you're still on frame 100, repeat steps 20 and 21.

Test your movie now!

We're done!

Enjoy!

Download source file (.fla)

Next:  
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: 221536

2. Water effect
Total views: 166041

3. Photo slide show
Total views: 153641

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146247

Related links