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

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



Author's URL: PSDartist
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Stylish Button"

Captcha