How I produced my button

1. Once I had created the basic outline for my buttons I then converted them to a button using F8 and then I was able to add the other sections.

2. This is where I finalized my design and made the final adjustments to the shape, the effects and put the writing on it. This is the up stage of my button, this is where the user does not hover over or it has been clicked on.

3. Here I deleted the effects to it looks like the have pressed the button in and changed the colour, size and whether it is in capitals or not. This is the over stage of the banner where the user is hovering over the banner before he clicks on it.

4. This is the down stage of the banner, where the user is clicking down on the button but has not un-clicked. Here I changed the colours and font but left the effects the same.

5. This is the active area of my buttons. This is where the area in which the buttons work when clicked on.

6. This is where I previewed my button using F12.