Programming C, C++, Java, PHP, Ruby, Turing, VB
Computer Science Canada 
Programming C, C++, Java, PHP, Ruby, Turing, VB  

Username:   Password: 
 RegisterRegister   
 [Tutorial] Creating a Simple Button
Index -> Graphics and Design, Web Design -> Flash MX Tutorials
View previous topic Printable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic
Author Message
Delta




PostPosted: Thu Feb 05, 2004 12:38 am   Post subject: [Tutorial] Creating a Simple Button

Yes I realize that Xploder has made a tutorial on this already but his seemed to be quite scattered. So in turn I decided to make it even simpler.

In this tutorial you will learn how to make a simple push button. Like the one you see below.


Step 1 : Setting up the document

Open a new flash document, open the properties panel if its
not already opened (ctrl+F3). Then set the dimensions to 300 px
by 100 px, fps at 10 and background colour to black.

Step 2 : Drawing your Shape

Ok make a rectangle like you see below, using the rectangle tool
(R). Now give it some text by clicking the text tool(T). Make sure
the text is set to 'Static' this can be done in the properties panel
(ctrl+F3) Its a choice box on the left hand side on the panel. Then
click on the rectangle (with text tool) and start typing if your text
is too big or small that can also be changed in the properties
panel.

Step 3 : Converting it to a symbol

Select your rectangle(all of it) with the arrow tool (V). Right click
on the rectangle and click on Convert to Symbol (F8 ). Name it
whatever you want then as its behaviour click 'button', then click
ok.

Step 4 : Giving it Different Roll Over and Press Down Look

Now select your button and double click on it. This will bring you
into an editing mode meant just for editing your button. Press F6
three times (this creates a key frame of your button on the
timeline). Now on your time line click on the second frame (over).
Now just change the colour of your text, by selecting the text and
bringing up the properties panel (ctrl+F3). Now click on frame 3
(down) on your timeline. This time select only the rectangle and
change the colour of it thru the properties panel. You can leave
the last button blank. Now preview the button (ctrl+enter).

Click away! I hope this tutorial made buttons a little clearer for you guys Smile



Simple button.swf
 Description:
 Filesize:  283 Bytes
 Viewed:  1766 Time(s)




Sponsor
Sponsor
Sponsor
sponsor
Amailer




PostPosted: Thu Feb 05, 2004 12:59 am   Post subject: (No subject)

$Delta['Bits'] += 10;
excellent.
Display posts from previous:   
   Index -> Graphics and Design, Web Design -> Flash MX Tutorials
View previous topic Tell A FriendPrintable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic

Page 1 of 1  [ 2 Posts ]
Jump to:   


Style:  
Search: