Her

Home Photoshop Tutorials Web Layout Round Corner Grey Scale Buttons

Round Corner Grey Scale Buttons

Author: Ryan Trafford Author's URL: www.thedesignworld.com More by this author

1) Make a new document, anysize doesn't matter. I used 400width by 100height. Press CNTRL+D to reset your pallete colors. Start off with any color of background, I used a dark grey.

2) Select the Rounded Shape Tool:

image 1

Ok first off we want to select the Fill Pixels and change the radius down to 5%:

image 2

By having fill pixels selected this will save us from having to Rasterize the layer :D.

3) Make a New Layer and then make a nice rounded square like below:

image 3

4) Right click the layer and go to blending options. Apply all these styles:

image 4

image 5

image 6

image 7

Now you should have something like this:

image 8

5) Find a nice site that provides free icons, their are lots of sites around that do! I used icons I made from a few months ago, this is my final effect with the buttons:

Round Corner Grey Scale Buttons

If curious about what font I used. Here it is:

Tahoma Style: Bold Size: 12pt.