For Support and Advertisement you can contact  701491310 c0defire@xmpp.jp
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[TUT] How to Make Custom IHF Userbars! [TUT]
10-25-2012, 10:37 AM,
Post: #1
[TUT] How to Make Custom IHF Userbars! [TUT]
I have been getting quite a couple of PM's wanting me to teach about how to make these simple userbars. So it was about time to make a tutorial.

This is extremely easy to make. I guarantee that anyone will be able to make their own user bars after this tutorial. Also it's my first tutorial, so be gentle.

Requirements:

1. Adobe Photoshop (Any will do, but I made mine with CS5 Portable)

2. Font named "Kremlin Bolshevik"
( You can download it here for free:
Hidden Content:
You must reply to see links
)

3. The HF Userbar Template.
[Image: blank-template.png]


Getting Started:
Now that you have all the requirements, let's get started.


1. First you'll want to open up the template in Photoshop.

Spoiler (Click to Hide)
[Image: step1.png]




2. Next, you'll want to go to your Type Tool and set the settings.
Change the font to "Kremlin Bolshevik", font size to about 18 px. depending on how long your text will be, and change the text color to #333333.
Now you'll want to write your text. In my case it's "Psycho". You'll also want to play around with the capitalization of the text to get a different form of each letter.

Spoiler (Click to Hide)
[Image: step-2.png]




3. Now we want to edit our text layer. So double-click on the text layer in the layers palette to the right to bring up the "Layer Style".
We will add a Drop Shadow and a Stroke to our text.
For the Drop Shadow use 50% Opacity and the angle at 90°. Leave the rest at default.
As for the Stroke size use 1 px and the color at #989898. Leave the rest at default.

Drop Shadow:
Spoiler (Click to Hide)
[Image: drop-shadow.png]



Stroke:
Spoiler (Click to Hide)
[Image: stroke.png]




4. Now your text should look something like this:

Spoiler (Click to Hide)
[Image: step-4.png]




5. Now it's time to look for an icon. For this it's up to you on what to use.
I like going over to
Hidden Content:
You must reply to see links
because they have some really nice free icons. Alternatively, you can do a quick "Google" search.
Once you find an icon you like, save it as a .PNG.

Spoiler (Click to Hide)
[Image: step-5.png]




6. Now we place our icon and re-size if needed.

Spoiler (Click to Hide)
[Image: step6.png]




7. To save it we want to "Save for Web & Devices". (You may also want to save a .PSD for editing later on.)

Spoiler (Click to Hide)
[Image: step7.png]




8. After you click on "Save for Web & Devices", a window like this will pop up. You'll want to make sure you save the file as a PNG-24 for higher quality. Also make sure you have the "Transparency" box ticked. Then click on "Save".

Spoiler (Click to Hide)
[Image: step8.png]



I hope you enjoyed my tutorial. If you have any extra questions please feel free to send me a PM.
----------------------------------------------------------------------------------------------------------------

Thanks for reading my tutorial. Comments would be appreciated.
----------------------------------------------------------------------------------------------------------------
Connect with me:

Skype: iam-thegame

Like My Facebook Page :
Hidden Content:
You must reply to see links

And Join My FB Group :
Hidden Content:
You must reply to see links

----------------------------------------------------------------------------------------------------------------

Need help ! just ping me Blackhat
Jabber : c0defire@xmpp.jp
ICQ : 701491310

Quote
For Support and Advertisement you can contact  701491310 c0defire@xmpp.jp
10-26-2012, 08:52 PM,
Post: #2
[TUT] How to Make Custom IHF Userbars! [TUT]
Hidden Content:
You must reply to see this content

Need help ! just ping me Blackhat
Jabber : c0defire@xmpp.jp
ICQ : 701491310

Quote
10-26-2012, 08:54 PM,
Post: #3
[TUT] How to Make Custom IHF Userbars! [TUT]
thnkx for the great tutorial Neo. :cool:
Quote
02-22-2019, 05:30 AM,
Post: #4
RE: [TUT] How to Make Custom IHF Userbars! [TUT]
thanks for share bro :)
Quote


Possibly Related Threads...
Thread Author Replies Views Last Post
How to make Explosive Lighting Pratham 2 2,806 11-12-2017, 10:17 PM
Last Post: XXXcoder
How to make video tutorials in small size(Video Encoding) Codefire 0 2,270 12-04-2012, 03:14 AM
Last Post: Codefire
How to make a Dual or Multiple Audio AVI Electra 2 3,435 10-22-2012, 07:43 AM
Last Post: Codefire

Forum Jump:


Users browsing this thread: 1 Guest(s)
For Support and Advertisement you can contact  701491310 c0defire@xmpp.jp


All rights reserved © 2012-2015 OffensiveCommunity, Designed at WallBB Co Uk
Powered By MyBB, © 2002-2019 MyBB Group.