viagra pills cialis pills

Photoshop Dark Button or Navigation bar Effect Tutorial

Final Image


Step 1

Create a fresh document size of 500 x 500px resolutions 72dpi then select the Paint Bucket fill up the canvas with Black Color, now select the Rounded Rectangular Tool and draw a shape with any color as demonstrated below the go to Layer => Layer Style and set the following Style.

*Inner Glow


*Gradient Overlay (10100e) (1e1e1e)


*Stroke


Step 2

Now by holding Shift key click on the Thumbnail of the Shape Layer and create a new layer select the Soft Round Brush Tool then just make a single click on the selection and reduce the opacity to 15%.

Step 3

Here deselect the selection by pressing Ctrl + D; create a new layer select the Ellipse Tool and make a shape as sown then apply the following style.

*Gradient Overlay (1d1d1d) (000000)


*Stroke (2b2b2b)


Step 4

Again make a new layer and make a shape as demonstrated then add the following Layer Style.

*Drop Shadow


*Inner Shadow


*Inner Glow


*Gradient Overlay (ffffff) (31d90f)



That’s it you can see dark button and also you can make it as navigation make a few copy of it place it one below the other and make a few changes in color.


Filed in: Design Tags: , , , , , ,

You might like:

Create a Glossy Black Icon using Photoshop Create a Glossy Black Icon using Photoshop
Create a Stylize but simple Navigation Bar using Photoshop Create a Stylize but simple Navigation Bar using Photoshop
Photoshop Metal Icon Tutorial Photoshop Metal Icon Tutorial
Photoshop Hanging Text Tutorial Photoshop Hanging Text Tutorial

Leave a Reply

Submit Comment

© 2014 Technology Blog. All rights reserved. XHTML / CSS Valid.sikiş
Proudly designed by Theme Junkie.