Saturday, July 12, 2008

Button Bar

1. step one :
Open a new image - white background. Mine is 650 x 50 pixels.
Create a new layer an select the Rectangular Marquee Tool.
Select an area about the height in my image and fill it with any color.

Photobucket

fig1 image


2. step two :
Now it's time to add some layer styles .
Add a Gradient Overlay using my gradient. Download it here.
To have a look at my Gradient Overlay settings click here.
Then add Stroke - 1 pixel - Outside - Opacity 100 % - Color Black.
Then add a nice Drop Shadow - to see my settings click here.

Duplicate the button layer and move it below the original button layer.
Then hide the button layer copy - we'll soon get back to it...

Photobucket

fig2 image


3. step three :
Then it's time to add some details to the button bar.
Select the Button layer.
Use the Rectangular Marquee Tool to select the desired areas and then hit the Delete key to get rid of the selected areas.

Photobucket

fig3 image


4. step four :
Then I added some insetlines to add some details.
I changed the layer mode on the white lines to Soft light.

Select the Button copy layer, and go to Edit - Transform - Scale - Height 56 %. (Hit Return 2 times to set the new height).
Then I moved the Button copy layer 1 pixel up.

Photobucket

fig4 image


5. step five :
Now it's time to add some text to our button bar.
I used font: SF Intellivised - Color #D8D7E1
Layer mode: Overlay
Inner Glow with these settings (color: #FFA520).
Stroke: 1 pixel outside - color black.

Photobucket

fig5 image


6. step six :
And now it's time for the last detail.
I selected a part of the details at the end of the buttonbar - Edit - Copy Merged - and then pasted it on top of the button bar.
Quick and easy!

And the finished result you see below - Hope you'll have fun with it :)

Photobucket

fig6 image


7. Final Image

Photobucket

final image


by http://www.eyesondesign.net/
© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved

Bagikan

Jangan lewatkan

Button Bar
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.