The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Stylish Button

Step 1. Let's get started. Make a new document sized 300x300 with a grey background. Now make a new layer and grab the rounded rectangle marquee tool and make a shape like below and fill it blue:

image 1

Using the zoom tool and the polygonal marquee tool we are going to make 2 square corners. So with a selection like below and a blue brush on the same layer fill the selection:

image 2

image 3

image 4

Step 2. Let's add the following layer styles:

Bevel and Emboss:

image 5

Gradient overlay:

image 6

Stroke:

image 7

Now let's make a new layer and grab a light grey soft brush size 30 pixels and make a draw like below:

image 8

Set blending mode to Color Dodge :

image 9

You are pretty done. I added my text with a white outer glow :

image 10

To add a glass effect make a new layer, select half of the button , the top half and fill it white. Lower opacity to around 30% and you are done. This is my final result:

Stylish Button Tutorial: Final Result



Author's URL: Photoshop-Tutorials.us
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Stylish Button"

Only registered users can write comment

No comments yet...