User bars are all the rage now-a-days. Everyone wants one to put in their forums signatures for just about everything, yet, not many people know how to make them. Using this tutorial, you will be able to make your very own user bar in Photoshop. I will be using Photoshop CS3, but this tutorial can be applied to any version, plus, you can use the basic ideas to use it in almost any graphics program, like The GIMP.
First you need to create a new image using the settings in the image below.

Next, you need to add a gradient using whatever two colors you want. Since I’m creating a ColorMagix user bar, I’ll use the red and blue colors from the web site layout. The red is RGB (244,83,83) and the blue is RGB(173,200,255). I did a diagonal slash when applying the gradient, and got this.

Now, we have to create the diagonal lines for the user bar. For that, we need to create a new 6 x 6 document with a transparent background. Using the pencil tool with a black color, we need to draw a diagonal line like so.

After you draw it, go to Edit -> Define Pattern, and set a pattern name. Now, go back to the user bar and the Pattern Stamp Tool to put the lines into your picture. You should set the opacity pretty low for the lines, I use 33%, but its up to you. After applying the lines, you should get something that looks like this.

Next, we need to add the image. The image needs to have a transparent background, so it doesn’t cover up any of our lines. I’m using the star logo from the website. After resizing it many times, I finally got this.

Now for the final touch, the text. The effects of the text vary from user bar to user bar, but most user bars utilize the Visitor -BRK- font in a 10pt font. The effects I chose to use here are Drop Shadow, and Outer Glow, coupled with the black text, I think it looks pretty sharp. Here’s the final product, feel free to use it in your sigs, just please don’t hotlink it, since it will use up all our bandwidth.
