Flash tutorials
Home 3D (2) Actionscripting (65) Animation (100) Audio (4) Drawing (7) Full flash sites (4) Getting Started (15) Navigation (25) Special Effects (52) Text Effects (38)

Modern orange button

23.12.2006, 11:45    Total views: 31928
Page:  1  2  3

Using this detailed lesson, I will explain to you how to create modern orange button using the Action Script code. You will also learn:

1. How to design a button,
2. How to animate it,
3. How to use Action Script Panel,
3. How to apply action script on it, to make it more powerful and more.


example:



Step 1

Open a new Flash document. Select Modify > Document (shortcut key: Ctrl+J ). Set the width of your document to 200 pixels and the height to100 pixels. Select white as background color and click ok. For Frame Rate set 32 fps (Frames per Second). See the picture below.





Step 2

Select the Text tool (T).In the Property inspector below the scene, choose Static Text (see left part of the image below).Choose any font you like, any size you like, but for color set: #828282. Then, type on the stage "TUTORIALS". See the picture below.



Step 3

Press Ctrl + K key (Align Panel ), to go in the Align panel. Then, do the following in the Align panel: Make sure that the Align/Distribute to Stage button is turned on, Click on the Align horizontal center button and Click the Align vertical center button. See the picture below.



Now, you have aligned the text with the background.

Step 4

While the text is still selected ("TUTORIALS"),press F8 key (or select Modify > Convert to Symbol ) to convert it into a Movie Clip Symbol.



Step 5

Go to the Properties Inspector (Properties Panel ).To its left side, You will find the Instance name input field there. Then, in that input field type tutorials.



Step 6

Double-click on the Movie Clip on stage with the Selection tool (V), or choose right click and Edit in Place.

You should now be inside the movie clip.

Next:  Button Effect
Have questions about this tutorial?
Visit our friendly Community Forums!
Digg it! Add this tutorial to del.icio.us! Furl it! Add this tutorial to reddit! Spurl it! Add this tutorial to technorati!

Top tutorials

1. Advanced full flash site - Part 1
Total views: 221533

2. Water effect
Total views: 166039

3. Photo slide show
Total views: 153638

4. High-tech city animation
Total views: 151459

5. Special Picture Effect
Total views: 146246

Related links