Show Posts

At first I thought it might just be a new popularized style or something since userbars were handicapped to start with

Then I realized that it's just not a userbar at all. more like a button.

Try googling 'userbar'. Tons of tuts out there for those, and GD-based creators, and sites that have a thousand useless userbars to proclaim your sperg-love for LOST or Family Guy or mardigras or wearing your underwear on your head in your private time, etc. etc.

Edit: Also it's not really custom if it's made from a template using the same font as everyone else, it's like wearing the same thing as all the other stupid loving emokids because it's "different" to the societal norm when in fact it's so widespread that it's basically just another part of said norm anyway

also i hate you, let's not forget that

<3 You too. Also i know what a userbar is and This is not a button it just has more Height than an Userbar.

39

Creativity / How to Make Custom BUTTON!

« on: October 27, 2010, 01:28:03 PM »

(Ps. credits go to Ðarko for making the TuT)

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: http://www.dafont.com/kremlin-bolshevik.font )

3. The Template.

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.

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.

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:

Stroke:

4. Now your text should look something like this:

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 http://www.iconfinder.com/ 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.

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

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

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