UserBar Tutorial

1 Method of making userbars using Photoshop CS2/CS3.

First, go into File>New... and put in the following:



Next, select the gradient tool:



Click and drag diagonally over your userbar, you should end up with
something like this:



If you haven't already, create the scanlines pattern:



Zoom in to around 1600%:



Select the pencil tool, make it 1px:



Create a diagonal line:



Go to Edit>Define pattern:



Go back to the userbar, right click the gradient tool, and select the
paint bucket tool:



Make sure you have these settings:



Fill your userbar with the pattern, then select the text tool:



...................................................

If you haven't got the Visitor font, download it from
www.dafont.com/visitor.font, otherwise use these settings:



Type in your text. Move the text over to the right, and you should have
something like this:


To add the 1pix boarder around the text.
Go to Layer>Layer Style>Stroke and put in these settings:


The next part is optional
Go to Drop Shadow, and put in these settings:



Go to Bevel and Emboss, and don't change anything. Here's what the
default should be:



If not, fix it. Exit out of that box by clicking 'Ok'.
You should have something like this:



...............................................
This next part is optional.


Select your gradient the fist layer and go to Layer>
Layer Style>Bevel and Emboss and put in these settings:



Click 'Ok'. If you want, add an image. Do so now.



......................................................

Looking good, Next, right-click the icon for marquee tool and select ellipse:



Drag an ellipse from about 1cm above the userbar, down and to the
other side, and fill the shape with the bucket tool if needed like so:



Now, we don't want it entirely white like that, so change the opacity
to around 25%:



You'll notice the edge is a bit rough, so select the blur tool:



Right-click the layer in the layers window, and click 'Rasterize type'.
Next, with the blur tool, hold down the mouse and move it along
the edge of the ellipse. You should now have something like this:



.......................................

Now all thats left is the border. Create a new layer by pressing
Ctrl+Shift+N: or layer > new > layer



then


select all then edit > stroke set for 1 pix boarder or same as the text or zoom in and uee 1 pix brush.
And here's the result!:



result without optional Bevel and Emboss


thanks for reading.