Stylish, Modern Web Bar
Description:
This tutorial will show you how to make a Stylish and modern looking
bar which can be useful for things like a navigation bar, buttons, etc.
Step1:
Draw a rectangle to the size you would like the bar to be, keeping in
mind what it will be used for. Mine is height: 25px; width: 300px,
which will be used as a minibar for a sig.Choose the colour you want,
mine is green.
bar01.gif 143bytes
203 downloads
Step 2:
Hit the layer styles button
icon01.gif 625bytes
115 downloads and select inner shadow. Choose the
following settings (for distance just set it so it’s about half the height
of your rectangle):
settings01.gif 15.71KB
153 downloads
Now we want to add a gradient to give it a little more depth:
settings02.gif 13.93KB
189 downloads
Last but not least i like to add a border to give it a finished look. To
do this I usually just do a 1px stroke using a slightly darker shade of
the darker part of our bar (I hope that makes sense). Here is what i
got:
bar02.gif 829bytes
198 downloads
And with some additional changes i got this:
bar03.gif 2.85KB
385 downloads
I hope this helps somewhere!
Modern / Stylish Bar
Started by
Davey
, Oct 02 2006 04:03 AM
8 replies to this topic
#1
Posted 02 October 2006 - 04:03 AM
#2
Posted 02 October 2006 - 04:24 AM
Nice work I like it!
#3
Posted 02 October 2006 - 06:01 AM
thnx m8
#4
Posted 02 October 2006 - 11:27 AM
Thats very nice
#5
Posted 02 October 2006 - 02:16 PM
thnx mate
#6
Posted 08 October 2006 - 02:40 AM
pretty simple, and nice.
#7
Posted 08 October 2006 - 04:08 AM
#8
Posted 23 October 2006 - 03:45 PM
totally stylish! Good Job!
#9
Posted 23 October 2006 - 07:44 PM
very nice! Thanks!
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users