Hey guys, Azyru here.
Today I'm going to be showing you guys how to make a pretty nice userbar. It's a simple userbar but not as simple as some are... So let's get started.
First create a 200x100 px document:
Next set-up some guides for yourself:
Next, grab the rounded rectangle tool and set you radius to 3px. Then get your desired size:
Then add these effects to that rounded rectangle:
Then take a shape (I used the polygon tool): (color - #942d2d)
Now duplicate that layer and move it slighly to the left, like so: (color - #FFFFFF)
Now put you text in the dark area like so: (color - #eeeeee)
Then put some letters here (usually intials for your site) (PTP - Pay to Post) :
After, grab the gradient tool and pick foreground to transparent. Pick a nice red color (#de0000) put it on radial too. then make a new layer and fill it like so:
On the layer containing the gradient, set the layer to Linear Dodge (add) :
Now select all of the layer except for the black base one, and create a clipping mask:
And here is a finished one. But if you don't like the size of the white area then you can move all four of the top layers:
After a liitle moving I got my final piece:
I hope you guys enjoyed this tutorial.
Today I'm going to be showing you guys how to make a pretty nice userbar. It's a simple userbar but not as simple as some are... So let's get started.

First create a 200x100 px document:

Next set-up some guides for yourself:

Next, grab the rounded rectangle tool and set you radius to 3px. Then get your desired size:

Then add these effects to that rounded rectangle:



Then take a shape (I used the polygon tool): (color - #942d2d)

Now duplicate that layer and move it slighly to the left, like so: (color - #FFFFFF)

Now put you text in the dark area like so: (color - #eeeeee)

Then put some letters here (usually intials for your site) (PTP - Pay to Post) :

After, grab the gradient tool and pick foreground to transparent. Pick a nice red color (#de0000) put it on radial too. then make a new layer and fill it like so:

On the layer containing the gradient, set the layer to Linear Dodge (add) :

Now select all of the layer except for the black base one, and create a clipping mask:

And here is a finished one. But if you don't like the size of the white area then you can move all four of the top layers:

After a liitle moving I got my final piece:

I hope you guys enjoyed this tutorial.