[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.

[HeLi]

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

[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.

[BullShooter]

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

[Glassy]

This looks like a great tutorial mate. Keep it up!

[Moralitas]

Nice guide, will use if I ever make a group on HF, and considering I suck at graphics, this is perfect.

[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. :)

[┳ ㅐ ∀ ㄷ K ∈ R]

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

[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. :)