|
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 :-)
|
|
|
|
|
|