Inevitably, you will want to create a button that matches the ones we've
provided. The Button Steps.psd file has the fonts, colors, etc. for creating
our buttons. You can also follow the steps below to create your own. Buttons
were created with Photoshop 5.5.
Please note, this is not a tutorial on how to use Photoshop, some knowledge
of Photoshop is required. Good luck. |
Step 1 - Sizing
Button sizes are 55 x 55 for the square buttons and 76 x 55 for the rectangular
buttons. |
![]() |
|
![]() |
Step 2 - Add your colorSelect your color. We used 6 different colors for our base colors. The RGB values are
Fill your background with the color. |
|
Step 3 - Add Effects
Deselect Drop Shadow from the check box, The values should be
|
![]() |
|
![]() |
Step 4 - Add TextText colors are
Font is ITC Kabel BT, Book, Faux Bold at 20 points. Type, press ok, and center your text on the background. |
|
Step 5 - Add Text EffectsRight click on the Text Layer. Select Effects. De-select drop-shadow from the apply check box. Highlight Mode is screen, opacity 75%, color white. Press ok.
|
![]() |
|
![]() |
Step 6 - Save your buttonCreate a new empty layer. In the layer dialog box, select the right arrow, scroll down to Merge Visible and as you click and release on Merge Visible, hold down the ALT key. Holding down the alt key while performing a merge visible will merge the visible layers into a new layer while leaving the original layers intact. Select File/Save a Copy. Save as a bmp file, and voila', you're finished. |