• home
  • forum
  • my
  • kt
  • download
  • Setting up buttons

    Author: 2008-09-25 14:54:26 From:

    In this tutorial I'm going to cover how to set up a basic button. If you're looking
    for codes for buttons or advanced buttons techniques, please check our other tutorials. I'll explain the 4 button states, and which one your button will display
    and when.

    Rectangle Settings
    First of all, you'll need to draw a shape to use for your button.
    For the sake of the tutorial I have used a rounded rectangle set to 15pts.

    Shape
    Here's what I have now, I have deleted the stroke, but thats a matter of
    preference.

    shapesettings
    Now, select it and change the width and height to 95 and 30 respectively.

    convert
    Now select the shape, and hit F8. Change the type to button, and name
    your button accordingly.

    doubleclickresult
    Double click the button, Your timeline should have this at the top now.

    buttontimeline
    And your actual timeline will look like this.

    keyframesplz
    Insert a keyframe in each frame.

    Upstateoverstate
    Downstatehitstate
    Now, edit your button according to what frame it is on

    StateEffect
    Up

    Default showing.

    OverShows when you rollover the button with the mouse.
    DownShows when you are over the button and the mouse is clicked.
    HitThis is the area your button is clickable. This state doesnt show.

    layersinbuttons
    You can insert layers, just like a normal timeline.

    textlayers
    These are usefull for seperating text, etc.

    buttonupbuttonoverbuttondown
    Here's what I ended up with.

    discuss this topic to forum

    relation tutorial

    No relevant information

    Category

      3D (20)
      Math Physics (14)
      3rd Party (5)
      Navigation (60)
      Actionscripting (26)
      Optimization (16)
      Animation (32)
      Projector (9)
      Audio (46)
      Special Effects (112)
      Backend (25)
      Text Effects (65)
      Drawing (18)
      Tips and Techniques (41)
      Dynamic Content (25)
      Tricks (6)
      Games (66)
      Utilities (19)
      Getting Started (71)
      Video (10)
      Interactivity (22)
      Web Design (29)

    New

    Hot