First we made a new document with size 350x19.



Grab the Gradient tool and click on the top of your document and drag the mouse to the end of it.



We have this.



Now is time to build our pattern. Create a new document : 6x6 with transparent background.



We made something like this with pencil tool.(with 1px diameter selected)



Go to Edit=>Deffine patern and save it as a pattern.
Grab the Pattern stamp tool and choose our new pattern.



Open your picture and hit CTRL + A then CTRL + C. I use this



Go to our userbar and hit CTRL + V. We copy and paste our picture to the userbar. Now move it with the arrow keys.



Add some Blending options. I use Outer glow.



Add text. Visitor BRK font, size 10, anti-aliasing - none. Add stroke.



Create a new layer. With Elliptical marquee tool made something like this.



Move it to the top with the arrow keys.



Fill it in white. Go to Edit=>Fill



Create a new layer. Hit CTRL+A and go to Edit=>Stroke



Here is mine

it's ok really detailled but i dont like the end userbar (it looks really flat)

( lol i always make my userbars 350x20 )

Wow very nice tutorial Dita!

It will be a great help for noobies

(PS: I think the standard size of a userbar is 350x19)

i kno but i read a tut for my first userbar and it was 350x20 so i stayed using these settings


grtz friz

nice tut but can you explain this for gimp? *pointing @ the signature*

*edit*comparing between gimp and photoshop comes to some success
maybe i got the time to write a tut for gimp but now watch my showroom

Very Nice Tutorial !

You've created a monster !

I might be ages untill you see this but when you say to fill it withh whhite well it isn't letting me fill O.o any ideas why?

Hello Im wondering do you make the userbar on photoshop because I have paintshop pro will it work on there?

I'm a COMPLETE novice at all of this.... I was really wondering, you don't have to download anything... do you?
Sorry that was problably a stupid question...

No Codeman, the tutorial doesn't work for PaintShop Pro... I suggest that you install Photoshop

Hey Dita, good tutorial. I think you should add Photoshop in the subject as it is for Photoshop only.

Tnks Dita! I just want to increase these tutorial, maybe i'll do my own, saying that, to make the stripes "////" get near from each other, just create the pattern smaller, like 3x3.

wich font-size do you use?

I use 12 visitor font! with a 1px black stroke

thx. i did, but 13px. looks like the same.

Very great tutorial!
But one problem.. The shine is very angled.
You see here:

Just use the Ellipse tool:



Draw something as the same size of the userbar:



White, try different colors and you'll get crazy effect.

Now select the layer Opacity, from 25% to 40% is good.



Use SHIFT ARROW UP, to aglin correctly and show look like this:



Digimons are digital

GJ! thanks xvmon

where did you get that penicl tool?
it popped out of no where i dont have it!

I'm a n00b in userbars

so tel me the name this program.

Adobe Photoshop