Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
Beveled Button
by Axialabs.com
Useful Button (and a bit about gradients)
by Adam Priestley
Fancy Buttons
by Atul Thakur
Texture Buttons
by Atul Thakur
Free Templates
A collection of free web templates. Premium quality web designs, easy to browse.
Photoshop  Home Photoshop Web Layout Micro Button
rss

Micro Button

Author: Aaron More by this author

Added: Mar 14, 2005 Rating:  Average Rating: 3.36 Votes: 11 Position: 4575 of 13498Average Rating: 3.36 Votes: 11 Position: 4575 of 13498Average Rating: 3.36 Votes: 11 Position: 4575 of 13498Average Rating: 3.36 Votes: 11 Position: 4575 of 13498Average Rating: 3.36 Votes: 11 Position: 4575 of 13498 Level: Beginner Software:  Photoshop

Step 1
Make a new document 500x500 pixels. Make the background layer a dark grey so we can see what we are doing. Once you've done that make a new layer and call it micro button. Select your rectangle marquee tool and make a fixed slection of 150x19. Then go to select > modify > smooth and then enter in 4.


Step 2
While selected on the layer "micro button" simply go to Layer > Layer Style > Blending Options > Inner Shadow once you've done that enter in the details as shown below.


Step 3
Now select the Bevel and Emboss and enter in the setting as shown below:


Step 4
Now select the Gradient Overlay and enter in the setting below:


Step 5
Select Gradient option and do as followed.


Final Result
You should now have something that looks a bit like the image shown below. I used the font Verdana and size 10px for the font. Play around and see what you can come up with.

Micro Button Tutorial: Final Result


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Photoshop  More Photoshop: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials
Add comments to "Micro Button"