16
Feb
2013

Design black button in photoshop

Posted in: Photoshop , Comments Off

In this Photoshop tutorial we will design a shiny glossy dark black button.
Difficulty Level: Easy

Final Preview

Before I start the tutorial, let’s see the final button that we will design in this tutorial.

Step 1:

Create a new document of size 300 X 300 px and white background color.

Step 2:

Select “Rounded Rectangle” Tool with 4px radius.
Rounded rectangle tool

and draw a button shape in color #1c1c1c

Step 3:

Press and hold CTRL button and click on button layer. This will load button layer.


Now using Elliptical marquee tool, select half part of button as shown below.

Step 4:

Create a new layer and name it as glow. Fill the selected part with white color. Change layer mode to “Soft Light” and opacity to 40%. It should look like this now.

Step 5:

select “Line Tool” and draw a line in #FFF color as shown below.


Apply motion blur (Filter > Blur > Motion Blur) to this white line.


Change opacity to 70%



Repeat this process and add such line on all rest sides.

Step 6:

Now using text tool, put some text on this button in white color. Our button is ready.
Hope you like the tutorial.

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.