website promotion banner
Free Stock Images
  • Create A Free Account
  • Download High-Res Stock Images For Free
  • +5 Million Images
Your Ad Here
Flash & Swish  Home Flash & Swish Flash Tutorials Rotating Banner
rss

Rotating Banner

Author: stutorials.com More by this author


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: www.stutorials.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Rotating Banner"