Her

Home Photoshop Tutorials Drawing Techniques Blue Sleek Button

Blue Sleek Button

Author: Photoshop-Garden.com Author's URL: www.photoshop-garden.com More by this author

Create a new document, create a new layer, use Rounded Rectangle Tool to make a selection then fill color like this:

image 1

Blending Options for selection layer

image 2

image 3

image 4

You will get:

image 5

Create a new layer, Ctrl + Click on layer 1 to get selection, use Radial Gradient (white color) drag a line like this:

image 6

image 7

Change Blend Mode: Overlay, and you will have:

image 8

Use Singer Row Marquee Tool to make a selection 1px like the picture below:

image 9

Press Ctrl + J to duplicate layer, you will have:

image 10

Create a new layer, Ctrl + Click on layer 1 to get selection, go to Select -> Modify -> Contract then put 1 in box Contract Selection:

image 11

Fill it with white color, make a new selection like this:

image 12

Press Delete, adjust Opacity 10% you will get final result.

Add some text and icons to each button:

Blue Sleek Button