Today i want to share with you how to create userbars, along with some important tips that will make your graphics look very good and clean.

So to start off i will show you how to create a simple userbar for the tech game:

Make a canvas of 350 x 19, this is standard size of all userbars, any bigger or smaller is not classed as a userbar.

[ Register or Signin to view external links. ]

Next Is how i prefer to start my style, also it is a very good tip for desktop BG's and getting a crisp background.
Create a gradient like this:

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

a solid background is fine but i prefer gradient.

After making the background you will need to create a visual effect for the userbar, i will show you two very effective ones using diagonal lines and an eliptic shadow effect.

So for the diagonal lines you can draw a diagonal line and select it, Then click edit, define pattern and it will be in the patterns setting on the fill tool


[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Next we will add the eliptic shadow:

Simply select an area with the circle tool, and fill it with white at an opacity of 30%
[ Register or Signin to view external links. ]


finally to add a theme to the work, normally the colours go with the theme of the render/stocks colour, in this case blue goes very well as the sites theme is blue.

But selecting something that sums up a site in a small area is hard, normally a logo or defining feature will do:

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Next is adding Text, something in 4 words or less is needed that is catchy or just straight to the point:

i chose
TTG User, but you could have anything relevant to the image you chose
and an 8-bit font is the standard for userbars, with a small black stroke, being placed ontop of all the effects

[ Register or Signin to view external links. ] finished in photoshop,

upload in photobucket:

[ Register or Signin to view external links. ]

I will Upload any you make and give credit to you, and we can create hopefully a big collage of all og TTG's favorite things.

I'll make more and post them here if you have any requests or any you make just post an image code and ill put it on

EdibuhL=
start a new PSD and make it 5x5 pixels
[ Register or Signin to view external links. ]
then click ok and hold Ctrl and hit + until you cant go any further
[ Register or Signin to view external links. ]
next click the pencil tool
[ Register or Signin to view external links. ]
then go accross like this
[ Register or Signin to view external links. ]
then go to edit>Define Pattern
[ Register or Signin to view external links. ]
then click Ok and their now you can use it as a pattern on an image

So to start you will need to add text, Then make it look to your personal taste, i chose a simple blue gradient with a basic black stroke.


[ Register or Signin to view external links. ]
Then
[ Register or Signin to view external links. ]

Next select the elliptical marquee tool, and select it so it cut away fro the current selection, Right click on the thumbnail of the layer the text is contained in, Then cut away a suitable chunk to look like this:

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

Next select the fill tool, set the primary color to white, and opacity to 30% and fill in the remaining selection to look like this:

[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]