website promotion banner
eturnkeys
Your Ad Here
Flash & Swish  Home Flash & Swish Flash Tutorials Flash Banner
rss

Flash Banner

Author: Tutorialscenter.com More by this author


1. Open a new document by clicking on File -> New. With the help of Properties Panel Change its Dimensions: 468 px (width) and 60 Px (height).

2. On first frame of Layer one insert text.

image 1

3. Select text and convert it to movie clip symbol by clicking Insert>Convert to Symbol. Call this movie layer "Text".

image 2

4. Double click on the text on the stage to edit the movieclip.

5. In Movieclip editor, rename layer one to "Banner Text" and insert two more layers, named them Box and Actions.

image 3

6. Select the text on the stage and convert it to graphic symbol, call it "textbanner"

7. In the Banner Text layer, insert Keyframe at frame 20. Select frame 1 on Banner Text layer and select "Create Motion Tween" by right clicking on it.

8. Select frame 20 in the time line and than click on the text, from the properties panel give it an Alpha value of 0%.

9. In the Box layer insert Keyframe at frame 2, and draw a box outline, make sure that you turn off the fill color.

image 4

image 5

10. Select all line of the box with "Shift" select and convert it to graphic symbol called it "Box"

11. In the box layer, insert keyframe at frame 30. Click on frame 2 and select "Create Motion Tween"

12. At frame 30, select the Scale tool from tool bar and scale the box until it encloses the whole stage.

13. Still at frame 30, set the Alpha of the box to 0%.

14. In action layer, select frame 1 and add this script:

_root.stop();
stop();

15. Add Keyframe at frame 30 of actions layer and add this script:

_root.play();

After these steps your Time Line should look like this:

image 6

16. Go back into the main time line by clicking on "Scene 1"

17. Create new layer and call it "actions". At frame 1 insert Stop (); action. Extend the action layer up to frame 40.

image 7

18. Select the text on the stage and add this script to it:

image 8

Click on the banner:

Download Source here.




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 "Flash Banner"