[GUIDE]How To Create User Bars With Photoshop

[MasterDisaster]

This Topic Is made To Teach You How To Create User Bars With Photoshop

Let's Get It Started...

Lately the userbars have become very popular with people. They are mostly putting them in their forum signatures, which is very practical. They are small, but can be used for linking.

 

A lot of userbars can be found at www.userbars.com and www.userbars.org, but sometimes people can't find exactly what they want. This is why I have decided to make a tutorial on how to make you own userbar.

 

The pictures in this tutorial are made in Photoshop 6.0, so don't be surprised if you're Photoshop is different. I will be making a Thunderbird userbar.

 

First of all, you have to create a new picture. The dimensions are as shown in the picture below.

 

 

Next, you must choose you background color. It is best to use the gradient tool and the colors that would suit the thing you are making a bar for. In this case, I will be using a light blue color going to white (because of the Thunderbird logo).

 

 

Now, we must add the diagonal lines seen in all the userbars. To do this, create a new picture, dimensions 6x6 pixels and transparent. Next, use the pencil tool on that picture to create a diagonal line like this.

 

 

When you draw that, go to Edit -> Define Pattern and choose the pattern name. Now go back to the first picture and the Pattern Stamp Tool in order to put lines into you picture. Since the lines are too bold, I would advise you to lower the opacity. I use 15% myself, but it's up to you to decide. After doing that, you get something like this.

 

 

Now it's time to add the logo to the picture. The logo must have transparent background, so when you put it it should look like this.

 

 

Now we've got only two things left. The first one is to add text to the userbar. For this, most people use the http://www.dafont.com/search.php?psize=m&q=visitor. That's what I'm going to use, too. When you choose the font tool, choose Palettes and do the following. Set the font size to 10pt, turn of anti aliasing, and increase the character spacing to 25. When you write the text, use the stroke option to create a black or white 1 pixel border, depending on the font color. Here's what you should get.

 

 

Then, you should add the elliptic transparent white part. In order to do that, choose the Ellipse Tool, select Create Filled Region and set the opacity to 30% or less to get the best quality. Create a new ellipse with this tool so that it's bottom part is located in the top of the picture.

 

The final thing to do is to add a 1 pixel border to the whole picture, and do it with around 20% opacity. I hope that there is no need to explain this. And here is the product – Thunderbird userbar.

 

 

Credits To:Astahost Site

[R1aKoC]

good! but exist program fot this job, and is simple!

btw good job

[Morian]

:o I need it something like that! Now i go to make my own userbar.

Thank you and keep up.

[Grim.]

and i was looking for that

ty jimmy!

<3

[MasterDisaster]

Well it's Simpe Guide...And R1akoC....man user bars designer SUX...u can't make very good images with this prog...it's better for u to make one with PS...trust me..

[][*DeVx*][]

Very nice ty But there is a program called userbar generator for this job

[MasterDisaster]

LoL Man As I Said Before User Bars Generator SUX!!With Photoshop You Can Make Much Better User bars....

[Devangell™]

lol i want this guide days now +1 karma for all of your work i like it very much <3 keep the guides here :)

ps: i now is old but i like it and help me

[MasterDisaster]

  On 4/2/2010 at 4:13 PM, Devangell™ said:

lol i want this guide days now +1 karma for all of your work i like it very much <3 keep the guides here :)

ps: i now is old but i like it and help me

LOL thanks a lot mate.

That was kinda unexpected.

BTW I will soon make a new tutorial.Dunno what it will be based on ;)

[|Itachi]

very good share good job MD

 

offtopic: i was offline one week wtf he banned??????