[Tutorial] How Create a Userbar [Tutorial]

Project Blackout

Onyx user!
Reputation
0
I think it's time I do this. This is a guide to help create your very own custom user bar. Now I suggest using Photoshop to make it.


In this guide, I will be making a Adult Swim user bar. If you follow my steps correctly, it should look great.
1.Make a new document with sizes with the width set at 350 and the height set at 19 and on a transparent background.

ot3tad.jpg


2.Make a suitable gradient and apply it.

65n4lc.jpg

3.Now get a logo for your custom user bar. Just go to google and search it :D


4.Now it's time to remove your logo from the background, so get the polygonal lasso tool and carefully cut it out.
5.Now go to Edit > Copy, go back to the custom user bar, and create a new layer and go to Edit > Paste.


6.Now right click on the layer (on the bottom-right side) and select Blending Options and give it a little outer glow with these settings:

6rrnv9.jpg
7.Now make a new layer and get the Elliptical Marquee Tool and drag it from about point 1 to point 2.

rkuhlf.jpg


8.Now get the Gradient Tool and use these settings:

w1cqk6.jpg

9.and now drag it vertical from point 1 to point 2:

2h7mis7.jpg


10.And now you have a nice light effect. Create a new layer and fill it with a 45 degree scanline with opacity from 10% - 15%.
If you don't have a 45 degree scanline make a new document with dimensions 3x3 with a transparent background and do a maximum zoom,
now get the pen tool (make sure your color is set to black) and draw what I've done in this picture:

2m27t4x.jpg


11.When you are done go to Edit > Define Pattern and name it what you want and click ok.

After that, select the paint bucket tool and use these settings and then apply it to your userbar.


12.Now it's time to put some text, I use the font Visitor, which you can get from this link: Click Here
Type your text then right click on your layer and go to Blending Options and use these settings:

11b2e6u.jpg

14.Now for the final step, adding a border. Create a new layer and hold CTRL and click on the bottom layer. You should have the "running ants" around yor document. Now go to Edit > Stroke and use these settings then click OK:

25jb7s5.jpg

Okay, so here is my final result, btw you can add you own theme and mostly anything, like a "Fake" Sponser Userbar just for fun, or even a VIP Userbar :D

11w6hb5.gif



Some of my others :p

1zvaiif.png


256cyhf.png


4fv9xi.png


Some Userbar's Example that I got from Google.

fz2nts.jpg


Share some of your Userbar's, and that would be epic :D

I also made a new Tutorial on how to blend Pictures together, but might now release that until later :D
 
Dude that's a great guide, i don't have photoshop though. :/ Maybe you could make me one? :)
 
nice tut, i do have Photoshop, but i don't use it for the same reasons you do for userbars :L, i do it for editing photos for Alevels :L
 
I found this very helpful, Thanks for the share :]
 
I don't have photoshop, but still, a nice read. Thanks.
 
I may try this later if i want a userbar.
Currently i cbf since my signature is already full :)
 
I was curious as to how to get/make these, I've seen so many but never knew what they were. Thanks for the guide!
 
Back
Top