Hi there guys. Today, I am going to try and teach you how to make a userbar. Its rather simple, but this tutorial shows you some things you can add to make it look better.

This is what the end result will look like. If you get a little stuck on this tutorial, you can always download the .XCF file to help you.



OK, to start, open up a new project with the dimensions 350 wide x 19 high pixels.



Now select you gradient tool. Set your foreground and background colour to something that matches the picture that you are planing to use. Set the gradient to "FG to BG".



Now drag the gradient across the userbar. Hold Ctrl to get a straight line. You can also drag it down instead of across. See what looks better on yours.





OK, we are now going to add some scanlines. If you haven't already made or don't know how to use scanlines, please have a look at my scanline tutorial found here.

Make a new layer and add the scanlines, see the tutorial listed above for more details on how to do this. You will get something like this.



I then lowered the layer opacity to 35. You can do what you think looks the best. It should look like this now.



Now click on the elliptical marquee tool.



Make a new layer and make a elipse from one corner to the other. Make it stretch just under half way of the userbar.



Fill it with the colour white.



This gives the userbar a 3D effect. Lower the opacity to around 50.



Now for an image. I am going to use this one.



Open up your image in The GIMP. If its to big, you may have to resize it. Make a new layer and paste it in.



Now we need the userbar font. If you haven't already got it, you can download it here. Two fonts are included but we are only going to use the one called "Visitor TT1 BRK".

With the font Visitor TT1 BRK type out with a font size of 10, what you want to say, in white onto your userbar. Move it about untill you are happy.



Right click on your text layer and choose "Alpha to Selection"



Now create a new layer and place it under the other text layers. Call it something like "Black".



Then go to Select ---> Grow, and grow the selection by 1px. Then bucket fill it with black.



Now for a border. Create a new layer and select all (Ctrl + A). Go to, Edit ---> Stroke Selection.



Put in these settings. Make sure your foreground colour is black.



Save your image, I prefer the PNG format, and your done!

Thanks for reading my tutorial. I hope you liked it. Here is another outcome that I came up with.



Using a this picture instead of using the gradient tool I came up with this. This is just another idea of what you can do with this tutorial.



Hungry for more? I have made a new tutorial showing you how to animate your collection of userbars into one image! You can view the tutorial by clicking here.

Pretty cool tutorial! I used a video distort instead of the scanlines. It does the same thing and is way easier (Filter-Distort-Video) and set it to 3x3. Here is my result (I used your render. I hope you don't mind)

Thanks for trying. The render isn't mine. Its from [url]gimp.org[/url] so your welcome to use it. I like your result. You text is a little odd though :w: Thanks for trying anyway!

Nice tuturorial... easy to follow.

Here's my outcome:

woo easy to followness XD Love it

Result (woo im the onlyone who didnt go with Gimpuser >_>):

Very nice results guys. I'm very grateful that you have taken the time to try my tutorial.

Here's my result (I think your gonna like it lol):



Thanks for the tut, it was simple and easy to follow

I love it! You have done a great job there. Thanks for trying it out, and it was my pleasure to make the tutorial.

I got a good result for an underbanner(what we call em from where i came from). and it isnt a gimp user one!

This was awesome!! thanks man!! I love all of your tuts, so well explained....heres what i got

Thats very good. Thakyou for trying. I think yours is better than mine!

=P Thanks...I'm addicted to these, thanks!!

:w:

I agree, all your tuts i followed, the results were great! they should make you king of tuts.

Please, stop, your making me blush! :w:

I missed your previous post with your attempt, I like that one also! Thanks for trying!

woop made one



that ok?

tuts awesome btw

Thanks dude! I like how you have experimented with a different font. I think it matches it nicely.

thanks! i really liked the tut.
and i thought i would go with something different ( the other reason i used a different text was because i dont have that one XD )...

look out for more made by me thanks to your tuts, im about to start my own sigs for real now.
still a big thanks to Mike1946 for making my first ever one

Never really thought of making a userbar this way, I just pulled the gradient top to bottom or bottom to top.

Thankyou for trying. You have a nice result.

My result

Very cool.

Hey, I made another userbar, then followed your animating guide, and got this



It's awesome!! TYSM!!

I made one that really signifies me...



Dude! you rule!!

Dude! Thanks mate. I really like both results. Thanks for taking the time to try both tutorials!

I have seen quite a few userbar tuts but i think i like this one the best :w:
The only resson why i like it more is because i dont think the other ones showed you how to put a black whatever you wana call it on your text.