Today we’re makin’ a neat, little button in Photoshop. This tutorial is brought to you by Cody Sanfilippo, so props to him.
First off, you’re gonna want to make your document. Size doesn’t matter here, my document is 400×200, with a gray background. The button we’re making here is gonna be blue (#00d8ff), but all colors will look fine on a gray background, so don’t be ‘fraid to change the color.
To start this fancy little button off, go ahead and select the Rounded Rectangle Tool (U). You can either draw the button, freeform, or you can set a fixed size. I’m gonna go ahead and do that, by setting it up in the top bar. I did 100 px by 40 px.
Go ahead and right click on the button layer, and hit “Blending Options.” Check off Drop Shadow, Inner Glow, Gradient Overlay and Stroke. Use the following settings, if you’re using the shade of blue I mentioned previously. If not, you’re gonna want to tweak these a bit to see what looks the best.
Now take out your type tool (T) and slap on the text you want on the button. May I sugget “NEWB,” or “WIRED?” 🙂 Use black for the color, cause we’re gonna apply a pretty cool effect here. (FYI, font is PF Tempesta Five Condensed, size 20pt)
Now, open up the Blending Options for this font layer and let’s get to business. Before checking anything off, set the “Fill Opacity” under Advanced Blending down to about 60% (again, this is gonna be different for you if you’re using a different color button). Now, check off Drop Shadow and use the following settings: