Author Topic: How to Make Custom BUTTON!  (Read 2394 times)

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




« Last Edit: October 27, 2010, 02:25:14 PM by canto xe »

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
« Last Edit: October 27, 2010, 02:08:23 PM by M »

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.


what he said
also you're still mad.
bitch i'm not mad

i'm loving RAGING

well actually i'm just really really bitter and tired and shouldn't be online in this mood due to

well that happening

and typing my posts in all lowercase stuff like this and splitting lines like it's what

an im program

or something like that

maybe a live webcam chat or something

I'm confused. What good does this do me?

I'm confused. What good does this do me?
Well if you want a button...

bitch i'm not mad

i'm loving RAGING

well actually i'm just really really bitter and tired and shouldn't be online in this mood due to

well that happening

and typing my posts in all lowercase stuff like this and splitting lines like it's what

an im program

or something like that

maybe a live webcam chat or something
not you
well now you are,i meant ex
ex
ex
ex
ex
ex
ex
ex
he gets mad when i call him ex
ex
ex
ex
ex

Jeez, this is so custom guys.


Hey guys, let's assume everyone has the updated version of photoshop and knows how to use it

Hey guys, let's assume everyone has the updated version of photoshop and knows how to use it
He explains how.

not you
well now you are,i meant ex
ex
ex
ex
ex
ex
ex
ex
he gets mad when i call him ex
ex
ex
ex
ex
Who, canto ex?

He explains how.

Hey guys, let's assume everyone has the updated version of photoshop and knows how to use it