Our Flash tutorials provide you with step-by-step instructions on how to create beautiful Flash animations and integrate them into your website.  Home Flash & Swish Flash Tutorials Rotating Banner
Your Ad Here

Rotating Banner


Step 1

Open new document (480*50 for example). Draw square for your banner.

Rotating Banner image 1

Step 2

Convert square to MovieClip (F8)

Rotating Banner image 2

Step 3

Go in to the Movie Clip and add new Layer, named "text".

Rotating Banner image 3

Step 4

Add text for your banner.

Rotating Banner image 4

Step 5

Go back to root and add 3 more Layers. On each, repeat steps 1-4 and make 3 different banner. In my case, the blue one is on the top, and Layer name is box04, yellow one is next, name box03....ect

Rotating Banner image 5

Step 6

Here is how your Layers should look like. At the bottom, duplicate Layer box04 (blue one in my case).

Rotating Banner image 6

Step 7

OK, now you should set all KeyFrames on right places. It should be like on picture bellow (click to enlarge in new window)

Rotating Banner image 7

Step 8

Now select last frame of the box04 Layer

Rotating Banner image 8

Step 9

Using Free Transform Tool (Q), resize the blue square.

Rotating Banner image 9

Step 10

Like I did with this one

Rotating Banner image 10

Step 11

Hide box04 Layer and select first frame of the box03 Layer.

Rotating Banner image 11

Step 12

Resize square, but on different direction than blue one.

Rotating Banner image 12

Step 13

Like this.

Rotating Banner image 13

Step 14

When you finish, you should get this, because we have blue squate hidden.

Rotating Banner image 14

Step 15

Repeat steps 8-14 with all other Layers, and thats it. Test your movie, and Holaaa, you have your rotating banner:



Author's URL: stutorials.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Internet & computing Flash is a vector-based moving graphics format created by Macromedia for the publication of animations on the World Wide Web. More Flash & Swish: Most Popular Materials | Fresh Materials | More Flash Tutorials at FlashPerfection.com

Add comments to "Rotating Banner"

Only registered users can write comment

Reader's comments