[Style]

First off, if you use photoshop, Please check out Darko™'s Photoshop tutorial. Click Here.

Secondly, your going to need a few things;

• GIMP, Free download Here.
  


• HF Userbar template. Found Here.
  


• An Icon. Download free Icons Here.
  


• And the font "Kremlin Bolshevik". Download it Here

*Skip to Bottom for Video*

Lets Begin!

Step 1: Open up your HF Userbar template.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/vcaEHY.png[/img]

Step 2: Select your Text tool. Type out the text you want on the Userbar.
Change the font to Kremlin Bolshevik, which you should have downloaded. Change its size to fit the bar properly.
Also, change its color to #33.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/Ca3zSs.png[/img]

Step 3: Duplicate the text layer, and change the TOP text layer's color to #898989.
Right click the top text layer and click "Text to selection". Then, Select > Shrink > Shrink 1px. Then Press Delete.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/5ZrqQW.png[/img]

Step 4: Now Select > None. Duplicate the bottom text layer once more. Change its text color to Black.
Then Filters > Blur > Gaussian Blur. Blur it 3 (horizontal & vertical). Now move the Blurred text layer a pixel or two down, to create a shadow effect.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/493yph.png[/img]

Step 5: Find an icon for the icon part of the userbar. I'll get one from http://www.iconfinder.com/.
Once you find the one you want, Download the PNG, and open it with GIMP.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/BUQP4S.png[/img]

Step 6: Create a new layer, on your userbar, and paste the Icon. Resize if needed.
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/AVkY9w.png[/img]

Step 7 (Optional): Duplicate your layer, and desaturate it. Apply filters > blur > Gaussian blur.
Use 2 as your blur settings. Move it slightly down to create a shadow. (Play with opacity to make it look good.)
Spoiler (Click to View)[img]http://screensnapr.com/-/uploads/OKVUKI.png[/img]

Step 8 (Optional): Duplicate the Bottom layer (background) and move it to the top. Set its settings to Screen.
Right-Click on your middle text layer, and choose Text to selection.
Now click on the top layer, (background screened) and Click Select > Invert. Now press Delete, then Select > None.
You'll be left with a Shine on your letters. (play with the Opacity to make it look good).
Spoiler (Click to View)[img]http://screensnapr.com/v/x1eM3D.png[/img]

Video



Congrats! Your Custom Userbar is done!!
Spoiler (Click to View)

Special thanks to Darko™ :)

[Leafs]

Great TUT Style, keep up the good work. This is the first time i have seen this.

[Style]

Great TUT, but just because you made one, doesn't mean you can use it right?

Use the Userbar? Yeah I know. Just for shits'n'giggles. Or to put in your signature or something. ;)

[Th3DON]

Nice tut. Will become use full one day...

[Panda]

Nice tutorial. But I think your text on userbar have kind weird stroke. :) Anyways keep it up, good job.

[Haunted™]

Great tut ,bro , i may need this one

[Style]

You forgot the shadow behind the userbar. But very good tutorial.

LOL I DID! Ooops. >.>
Eh, I'll add it in(eventually). Can't really change the video though. :3

Thanks for the positive comments guys. :)

[Style]

Nice tutorial, im new to graphics design and this helped alot. Thanks!

Great! I hope I have helped. If you need any assistance, feel free to pm me. I'll help with anything I can. :)

[Random!]

Great tut keep up the work

[Emily]

Nice tutorial! Someone should make a PhotoShop guide for this. :)

[Style]

Nice tutorial! Someone should make a PhotoShop guide for this. :)

Someone has! Click the link in the first line. (on the thread)

[MasterHacker]

Awesome tut man, wish I could Rep u. I have one question but-
Can I put that user bar on other people's profile in other forum I have created? It would be awesome If you can tell me some way.

Master Hacker

[Emily]

I have to admit that this is pretty impressive. I will download GIMP and try it out. :)

[Style]

Awesome tut man, wish I could Rep u. I have one question but-
Can I put that user bar on other people's profile in other forum I have created? It would be awesome If you can tell me some way.

Master Hacker

If the other people's forums allow you to use custom userbars, then yes. ;)

I have to admit that this is pretty impressive. I will download GIMP and try it out. :)

And thanks! Glad to hear you like it. :)

[Crucifixo]

Nice tutorial, it will be useful if I decide to open my own forum someday.