Photoshop Tutorials » 88x31Button Tutorial

Step 1 - Preparation and background
Make a new document 88x31 in size. Now take the Fill Tool and fill the background with a very light grey colour. Step 2 - Block Base
Next, make a nice 30x31 block of a dark grey colour on the left side of the image. Step 3 - Block Symbol
Find a stylish font, and type a letter in the block using the text tool. Use a nice bright color (doesn't have to be green.) Step 4 - 1st Font Layer
Take the text tool and use the same font, but make it so it is small enough to fit inside the right light-grey space. Type anything you want there, I used company in the example. Step 5 - 2nd Font Layer
Take that previous colour you used on the letter, and type out a 2nd text body below the 1st one. Step 6 - Stroke
Since it is hard to see it in my example, I decided to add a stroke in the blending options of the layer that was the same colour as the 30x31 block we made in the 2nd step. Step 7 - Adding Border
This is the part that makes the image stick out. Add a 1px border of the same colour as the left and bottom right text. Then if you want, border the block, too. See image for the finished product. End! Job well done! :)

Photoshop Tutorials » 88x31Button Tutorial