1. To create a normal userbar we first need
to create the pattern, that is the stripes that you see in the background. To do that just open Photoshop (we're using Adobe Photoshop CS right now), select 'File' and then 'New..'. Create a 6x6 file with Transparent as the background color. Look at the pic:
2. Now you should see that new document, something like the picture below, now Zoom it to around 1600%.
3. Now with your pencil tool, not the brush one (to select pencil right click on the brush tool), with 1px diameter selected, so we can make really thin stripes, draw dots diagonally, like this:
4. Now it's time to save it as a pattern, since this is not the userbar yet. To save it as a pattern go to 'Edit' and select 'Define Pattern', there you go, just name something.
5. Pattern was sucessfuly saved, now it's time to build our userbar. Just create a new file again, but this time with this size: 350x20.
Now select some colors to fill your background, normally we just two colors, you can choose them in those 2 squares on the left, these ones:
6. With the Gradient tool selected, click on the top of your document and drag the mouse until the end of it. It will create something like this (we have chosen 2 gray colors), and the red circle you see there is the gradient tool:
7. Now that we have the background color, let's fill it with the patter that we previous made. Go to Edit > Fill and the choose the pattern that you have created.
8. Your image will get those diagonal lines, dont worry if you see them a little bit messed up, just zoom out to 100% and you'll see everything's fine:
9. Now if you know a little bit about layers and filling you can play with them so the diagonal bars dont get too visable, you can create a new layer, and fill it with a brighter color and then change it's opacity.
10. Now we only need to add the text and a image. The image it's up to you, incorporate one as you like. The text should be written with a bitmap font, download a font called Visitor from www.dafont.com and then use it. In this example below, we've used the Visitor -BRK- font, size: 10, character space: 25, anti-aliasing: none (very important otherwise, the text will get that blurry effect).
11. Optionally, you can create a new layer bellow the text one and with the Elliptical Marquee Tool, create an oval effect, from top left corner to top right corner, fill it and then change the oppacity. The final thing to do is to stroke the entire userbar with a 1px black line (inside), to do that just a create a new layer on top of all the others, it should be transparent and stroke it. Here's the final result of our userbar: