|Home|   |PShop tutorials|   |Free Sets|   |About me|   |Links|   |Forum|   |E-mail|


First make a new image. I used 150 * 50 pixels - transparent background.
Flood fill the first layer with your choice of colour (use the Paint Bucket Tool og Edit - Fill). 
I used grey {115,115,115}.
Then make a new layer - I called this layer shadow.

Now go to channels - new channel (click the arrow - fig. 1), and name the channel "shadow".

Fig. 1

Now choose the Rectangular Marquee Tool and make a selection a bit smaller than your image. Flood fill the selection with white. Deselect.

Now go to Filter - Blur - Gaussian Blur - and to really get rid of the edges I entered 9 pixels.
Now go to Image - Adjust - Levels to sharpen the image. Drag the arrows towards the center until you have got a sharp image. Your image should now look something like fig. 2:

Fig. 2

Go to layers and and select the shadow layer. Load your channel called "shadow" (Select - Load selection - shadow). Now choose black as foreground colour and white as background colour.
Set your gradient type to linear (choose the Linear Gradient Tool) and the gradient from foreground to background. Apply the gradient  from the top to the bottom of your selection (hold down Shift when applying the gradient). Deselect and make a new layer - call it "button".

Make a new selection with the Rectangular Marquee Tool - fig. 3. 
Make a new channel - call it button, and flood fill the selection with white and deselect. Now go to Filter - Blur - Gaussian Blur - 4 pixels.
Then we have to sharpen the edges: Image - adjust - Levels - and drag the arrows towards the center until you have a sharp image)

Fig. 3

Go back to Layers and choose the button layer. Now load the button selection (Select - Load Selection - Button).
Now set grey as your foreground colour and black as your background colour, and apply the Radial Gradient Tool. Gradient: Foreground to background.
Hold down the Shift key and start the gradient from the center of the button and stop 5-6 pixels outside the button. Your image should now look like fig. 4.

Fig. 4.

I only used a lighter grey for the rigth button to show you how you can change the apperance with different colours on the button...

Now it's time to apply some bevel and emboss and a bit drop shadow to make the button pop out a little.
Go to Layer - Effects - and enter the values in fig. 5 and 6.

Fig. 5   Fig. 6

To add some more contrast to the button I added some Outer glow with these settings:
Mode: Multiply, Colour: Black, Opacity: 100%, Blur: 1, Intensity: 300. Your image should now look like this.

Finished :-)



© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved.
Only permitted Images and Material may be downloaded from this web site.