flashtemplatesFlash Templates and Tutorials
About this Entry
Posted by: flashtemplates

Original: 3/2/2007 6:35 PM
Views: 53
Comments: 0
eProps: 0

Read Comments
Post a Comment
Back to Your Xanga Site



Friday, March 02, 2007

Creating basic buttons in Flash MX 2004

  Creating basic buttons in Flash MX 2004

a. Launch Flash MX 2004

b. Create new Flash file. Click File > New…
Screenshot

c. Select Flash Document in a new window
Screenshot

d. With the "Rectangle Tool" draw a simple shape

e. Click with a left mouse button on the shape to select it then right click to open a menu. Select "Convert to Symbol" option
Screenshot

f. In a new window type in the name for your new button. Lets name it "My button" then Select "Button" as a Symbol Behavior Property and click "OK"
Screenshot

g. Now you have a new button on your working area. Double click on the shape to enter into the button clip. You should see something like that in the "Timeline panel"
Screenshot

h. Now let me explain why and what opportunities we have here. "Up" frame is a regular button representation style. If button is not pressed and not rolled over it will be displayed as it shown in "Up" frame. "Over" frame is used to make a rollover button representation. "Down" frame appears if button pressed and "Hit" is not visible but extremely important frame that shows actually the size of the button area on which you can click.

i. Insert Keyframes to "Over", "Down" and "Hit" frames. Select "Over" frame and change the shape color.
Screenshot

j. Now lets add some text to our button. Double click anywhere on the work area but outside the shape to exit the button clip.
Screenshot

k. Select the new layer first keyframe and select "Text Tool"
Screenshot

l. Click on the center of you button and type in "Click here!" Set font color, size and font.
Screenshot

m. Click "Ctrl+Enter" to see the flash movie. If you followed the instructions carefully you should get something like the button below.

Click here to download source fla file.

About the Author: Oleg Lazarenko
Production manager of
Flash Templates
Custom design, Website Templates,
Web design Articles and Tutorials.

You may reprint this tutorial for free as long as the content, About the Author sections and all links remain unchanged.

 Posted 3/2/2007 6:35 PM - 53 Views - 0 eProps - 0 comments

Give eProps or Post a Comment

Choose Identity
(?)
 
Give eProps (?)
Post a Comment
Add Link | Preview HTML comment help 
Profile Pic:
Default  |  Choose »  (?)



Back to flashtemplates's Xanga Site!
Note: your comment will appear in flashtemplates's local time zone:
GMT -05:00 (Eastern Standard - US, Canada)