Creating Buttons

Put something on the stage, selected it, and press F8. In the dialog box that should appear, type "button" and choose no other option than Button in Type.

 

[ choose Button in Type ]

 

 

Now, double-click on the button you've created to sort of get into it. What you should see are 4 big frames in the place of your normal Timeline: Up, Over, Down, and Hit.





The question arises: what does each of the frames really mean?


Let me explain

Up - how your button looks when you are not rolling your mouse over it, clicking it, or whatever. In other words, this is how it looks when it's left alone.

Over - on this frame, you decide what you want your button to look like when you roll your mouse over it. For example, you can scale it up by 130% (press Ctrl + Alt + S and change Scale to 130). It's a very common and wise thing to do as it shows the user clearly what he is rolling over.



[ the result of scaling up the Over frame by 130 % ]



Down - what you've got on this frame is visible when you are pressing the button. I advise that you scale it down by 70% (press Ctrl + Alt + S and change Scale to 70). Scaling it down is good because it makes the button logical - after all, what happens when you press a button on your keyboard? Yep: it goes down ( although I'm doubtful if it gets smaller by 70% or anything near that number).

[ the button depresses when you are pressing it ]

 


Hit - contrary to the previous 3 frames, the name of this one doesn't tell much (at least it didn't to me when I first dealt with it a long time ago). A hit with a button? Hang on, we've already got it in the second frame, haven't we? Alright, let's finish these speculations: on this frame, we define an area which evokes what we've got in the second and third frame. I would call this frame " hit area". Scale it up by as much as 200% so that it's easier to hit for people.

[ this button can be clicked very easily because its last frame ("hit") is quite big! ]

 

Alright, I think you should by now understand buttons. If your "Flash hunger" has not yet been satisfied, do have a look at other tutorials at lashf.com

Cheers!

Average: 3.1 (18 votes)