For those of you out there just learning to use your graphics software, here is a very simple tip to create professional looking buttons for your website in just a few easy steps.

Step 1

Using your favorite graphics program, create a simple shape such as a square, a circle or a rectangle and color this shape with a gradient fill.



Step 2

Now what you need to do is copy the shape you have just created, and reduce this copy in size so that it will fit inside the original shape. Once the smaller shape is inside your original shape, do a gradient fill so that the fill is exactly opposite to your original shape. Above you can see that we colored the shapes from red to black and blue to black. The new image on top of the original will be the opposite, black to red and black to blue.



Step 3

Now that you have created some cool looking buttons, all you have to do is add a picture or some text and the button is complete!