Micro Buttons
Micro buttons are quite popular on the internet, this tutorial will show you how to create a micro button that is crisp and clean to use for your website navigation. .
- Start a new document. |
Now CTRL+D to deselect and zoom into the image large enough for us to work with single pixels (i zoomed in at 600%) |
- Create a new layer. |
Now draw another right and bottom line (inside and
outside) using color:
|
Now draw another line inside, this time, all 4 sides.
Use color:: ( Right and Bottom #D1D1D1. Left
and Top: #FFFFFF
|
Now use the type tool to create your text. We will use "Verdana" I think this is standard on windows (if you dont have it, try arial) and use the following settings in your characters pallete to create a pixel font. |
Then apply the following drop shadow (Layer » Layer Style » Drop Shadow) to the text layer. |
Now zoom out to acutal size and there you have it, a microbutton to use for your website. Here is mine: DOWNLOAD PSD FILE |
Like this tutorial? Share it
User Comments
Leave A Comment
Your Name:
Your Email:
Your Website: (optional)