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