Toxiclab.org

Motorcycles flash banner

17.12.2009, 17:49
Submited in: Flash | Total Views: 11855

In this thoroughly explained, detailed flash lesson, I will show you how to create motorcycles flash banner using some special flash tricks. You don't have to use action script code to make this lesson. Using this lesson you will also learn how to import any pictures into a flash stage, how to animate it, aligned it with the flash background, apply flash filters on it and much much more. You can use this banner for some web site, for some presentation... Let's start!

Example:



Step 1

First, save the motorcycles pictures below that we will use for this lesson!



Step 2


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



Step 3

Call the current layer picture 1. Double-click on its default name (Layer 1) to change it. Press Enter once you have typed in the new name!

Step 4

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



Step 5

Using the Selection Tool (V) and drag and drop technique, move the first picture from flash library on flash stage. After that, 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.



Step 6

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



Step 7

Click now on frame 5,65 and 70 and hit F6 key.

Step 8

While you're still on frame 70, select the Selection Tool (V) and click once on the picture to select it. Then, go to the Properties Panel (Ctrl+F3) below the stage. After that, select Filters tab from the left side. Click on the plus icon and select the Blur filter. Make the adjustments as follows:



Click now again on the plus icon and select Adjus Color filter. Make the adjustments as follows:



Step 9

Select the first frame again and go again to the Properties Panel (Ctrl+F3) below the stage. Then, make the adjustments as follows:



Step 10

Select frame 65 and repeat the previouse step.

Step 11

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

Step 12

Click on frame 68 of layer picture 2 and hit F6 key. While you're still on frame 68, move the second picture from the flash library on the flash stage.

Step 13

While the picture is still selected, repeat steps 5 and 6 to aligned it with the background and convert it into a movie clip symbol.



Step 14

Click now on frame 73,133 and 138 and hit F6 key.

Step 15

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

Step 16

Select again frame 68 and repeat step 9. Do this also for frame 133.

That's it!

Test your movie and enjoy!

Download example

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

Browse by category


Most popular tutorials