Logo

Home | Audio | DIY | Guitar | iPods | Music | Brain/Problem Solving | Links| Site Map

This work is licensed under a Creative Commons License.

Web Button

In this tutorial I’m going to show you how to create another good looking web button.

STEP ONE

After you started with a New document, select the rectangle tool and draw a rectangle, 130 pixels of width and 25 pixels of height.

STEP TWO

First, we have to set border. Set border to 1, 1-pixel-soft style and the color of border is #FFFFFF. After that, set background for the button. Select Gradient -> Linear and place it like I did on the picture below, with marked colors.

img

STEP THREE

After you’ve done that, select the rectangle and click Effect -> Shadow and Glow -> Glow, in the properties window. Set values and color like they’re set on the picture below.

img

STEP FOUR

In the end, you have to set the rectangle roundness to 20. Now you have something like I have, too. I placed text inside of that button with the following color: #CC6600.

img

 

Home | Audio | DIY | Guitar | iPods | Music | Links | Site Map | Contact

Top

Creative Commons License