CoffeeCup - HTML Editor, Flash & Web Design Software

Create a button like the one pictured below in minutes with these 9 easy steps.



1. Click on the Rectangle tool.

2. Create the button size you want.

3. Click on the Fill button to choose what you want to fill this button with. (Color, Image or Gradient)

4. Click on the Gradient option, then the color bar to change the color of the Gradient.

5. Choose the colors you want the button to be. If you click on the Colored Triangle it will give you the option to change the color. You can also add colors in the middle by clicking in the area in the color bar.

6. Once you are happy with your color scheme, click Okay and then you can choose what angle you want the color to go. In the example here we have it angled at approx. 120 degrees.

7. You can add a shadow now by clicking on the Styles button.

8. Choose which Style you want and it will reflect on the Button.

9. Finally you can add Text by clicking on the Object button. You can choose your Font and also add Shadowing if you wish.

You can reuse this button by right-clicking on it and choosing Copy, then right-clicking on the page and choosing Paste. Note: The pasted image will always appear directly on top of the original image. Just drag it off and place it where you want it to be.

You can place however many buttons you want, and then just change the Object Button Text to something different for each button.