Forum User Bar Tutorial

Made by: Nick

A userbar is a small bar image that people often use in their signatures of forums. These quite often carry the logo/name of a company or program to show that the person is a user of that website/software/whatever. These userbars can be easily created by photoshop, and in this tutorial I will show you how to create one.

Okay, first we will have to make a new pattern that we will use in making the userbar, so make a 3 px by 3px new canvas.

new canvas

Zoom to the maximum (3200%) and make three square selections this way.

zoom in

and fill the selected area.

fill area

Or you can simply make three black dots with the pencil tool in a diagonal line.

Now we need to define the pattern. Go to Edit>define pattern.

define the pattern


Name it whatever you want and click OK!

name the pattern


Now make a new document, with 350 px Width and 20 px height.

make a new document


Use the Gradient tool

select gradient tool


and make the gradient of color you want (I made it grey to black for a subtle change in colour)

create your gradient


and paint the background with this gradient vertically

set the background to this gradient


After that Write some text, use the font "Letter Gothic std" and the size 10 pt

write some text


now lets add the logo, here I have this logo from our website

add a logo to the userbar


import the logo to the userbar file and then resize it so it fits the scene
paste logo and resize

Now make a new layer

create a new layer


Then from Edit>Fill select the pattern that you made at the start of the tutorial.
edit fill
select lines


Change the pattern layer Opacity to 50%

set opacity


You may finish by this step, or if your like me and would like to emphasise the text a little then add an effect to the text, from fx menu, select Outer Glow for the text layer by either double clicking on the layer or from the fx menu.

add an outer glow


Use settings similar to this and then Click OK!

outer glow settings


Final result

My end result looked like this. It was a simple effect and I think that it created a pretty nice end result. 
end result

Feed the Dragon MySpace Tutorials