Toxiclab.org

Spring flash banner without action script code!

28.1.2010, 15:14
Submited in: Flash | Total Views: 13039

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

Example:

>

Step 1

First, download the spring photos 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 320 pixels. Select any color as background color. Set your Flash movie's frame rate to 32 and click ok.

Step 3

Call the current layer spring 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 photos 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 5

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

Click on frame 10,50 and 60 and hit F6 key.

Step 8

Go back on the first frame, select the Selection Tool (V) and click once on the photo 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 and make the adjustments as follow:



Step 9

While you're still on the first frame, select the Free Transform Tool (Q) and do the folowing:



Step 10

Select frame 60 and repeat the previouse two steps.

Step 11

Right-click anywhere on the gray area between frame 1 and 10 and frame 50 and 60 on the timeline and choose Create Motion Tween from the menu that appears.

Step 12

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

Step 13

Click now on frame 55 of layer spring 2 and press F6 key. While you're still on frame 55, move the second photo from the library on the stage using the Selection Tool (V). After that, repeat steps 5 and 6.

Step 14

Select now frame 65,105 and 115 and hit F6 key.

Step 15

Go back on frame 55 and repeat step 8 but for Tint Color choose blue. See the picture below!



Step 16

Select now the Free Transform Tool (Q) and do the following:



Step 17

Select frame 115 and repeat the previouse two steps.

Step 18

Right-click anywhere on the gray area between frame 55 and 65 and frame 105 and 115 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