Toxiclab.org

Animals flash banner

30.11.2009, 16:48
Submited in: Flash | Total Views: 12437

In this thoroughly explained, detailed flash lesson, I will show you how to create practical animals flash banner using some special flash tricks. You don't have to use action script code to make this lesson. You can use this banner for some web site or for some presentation. Using this lesson, you will also learn how to import any photos into a flash library, how to convert it into a movie clip symbol, how to aligned it with the flash background, how to apply flash filters on it, how to enlarge it using the Free Transform Tool (Q), how to create Motion Tween and much much more.

Example:


 


Step 1

First of all, download photos of animals which we will use for this banner.



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

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



Step 4

After that, using the Selection Tool (V) and drag and drop technique, move the first photo from the Library on the stage.

Step 5

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 6

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



Step 7

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

Step 8

Click now on frame 20,80 and 100 and hit F6 key.

Step 9

While you're still on frame 100, select the Free Transform Tool (Q), press and hold down Shift key and enlarge a photo like it is shown on the picture below!





Step 10

Select the Selection Tool (V) and click once on the photo that you just enlarged. Then, go to the Properties Panel (Ctrl+F3) below the stage. On the left side select the Filters tab. Then, click on the plus icon and select the Adjust Color filter. Make the adjustments as follows:



Step 11

Go back on the first frame and repeat steps 9 and 10.

Step 12

Right-click anywhere on the gray area between frame 1 and 20 and frame 80 and 100 on the timeline and choose Create Motion Tween from the menu that appears.



Step 13

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

Step 14

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

Step 15

While the photo is still selected, repeat steps 5 and 6.

Step 16

Click now on frame 110,170 and 190 and hit F6 key.

Step 17

While you're still on frame 190, repeat steps 9 and 10.

Step 18

Go back on frame 110 and repeat again steps 9 and 10.

Step 19

Right-click anywhere on the gray area between frame 90 and 110 and frame 170 and 190 on the timeline and choose Create Motion Tween from the menu that appears.

We're done!

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


Resources Worth visiting


Friends