Post: [tutorial] How to make a userbar
05-11-2008, 05:36 PM #1
Oc
****ING NINJA SHIT
(adsbygoogle = window.adsbygoogle || []).push({}); How To Make A UserBar

Ok, first off all, the tools you will need are:

-Photoshop (Doesn't matter what type like Cs2 or Cs3)
-Good text for a UserBar
-and eh.. thats it

Now, start making a new file with dimensions: 350x20

You must login or register to view this content.

Then choose the color for the background:
(i use blue and light blue just for example)

You must login or register to view this content.

when that is done, make a new file with dimensions 4x4.
Zoom in until you can't zoom anymore.
then take your pencil tool, set it to 1 pixel and make lines like this:

You must login or register to view this content.

Then go to Edit > Define pattern and save it with the name: UserBar Pattern

Ok, now go back to the Normal userbar
Get your Paint bucket tool and change this to pattern:

You must login or register to view this content.

find your own made pattern in it and create a new layer
fill this layer with your pattern like this:

You must login or register to view this content.

make a new layer.
Now take you Elliptical marquee tool
and make the color white, do the same as me:

You must login or register to view this content.

now set the opacity to 63%
you will have something like this:

You must login or register to view this content.

ok, now just get the font you want to use, i normally use visitor font (search on You must login or register to view this content. for it)
i used the virtual dj font
make the blending options stroke, make the stroke black and set it to 1 px
you will have something like me now:

You must login or register to view this content.

Final product Happy


For Making it much cooler:

get a cool brush and add it to your background color:

You must login or register to view this content.

Shading:

Select all your files at the same time and press: Ctrl E
it will merge your layers.
cope your whole userbar and make a new file with the dimensions: 450x30
paste it in there and place it in the middle.

You must login or register to view this content.
right click your layer and got to Blending options

click on shading and make your distance 2
then click on stroke and get a stoke with 1 px with the color you want around it, then click OK:

You must login or register to view this content.

now your userbar is done, save it as PNG file and upload it in imageshack or tinypics

Final result:

You must login or register to view this content.

THIS TUTORIAL IS MADE MY OC LOG , NO RIPPING!

good luck with making userbars!
(adsbygoogle = window.adsbygoogle || []).push({});

The following 9 users say thank you to Oc for this useful post:

crick_head, Deathstench, DustyX, kenman412, King LocoManiac, MuFFiiNMaN, ShadZ, Sup4rstar,
05-12-2008, 09:29 AM #11
Thanks i'll try it now
05-12-2008, 09:49 AM #12
Oc
****ING NINJA SHIT
don't forget to post your final product when you are done eh :p
05-12-2008, 10:20 AM #13
You must login or register to view this content. not bad for my 1st
05-12-2008, 10:33 AM #14
Oc
****ING NINJA SHIT
:p very nice
05-12-2008, 10:49 AM #15
niemira1551
Gym leader
l00ks guud imma go try it
05-12-2008, 12:40 PM #16
cool tut i might try the GIMP one
05-12-2008, 05:43 PM #17
Default Avatar
TYRANT
Guest
Nice work
05-13-2008, 05:10 PM #18
DustyX
Keeper
very nice guide, i never known it was that simple Smile
05-13-2008, 08:36 PM #19
very nice tutorial very simple and easy to follow. ill try and make a nice one using this tut once i get my photoshop.

+rep

Copyright © 2026, NextGenUpdate.
All Rights Reserved.

Gray NextGenUpdate Logo