Reflective Button with Plastic Style

Posted on September 16th, 2008

In this tutorial you will design a unique button with plastic style.

Step 1:

Let’s start out by creating a new file. I used a 500×400 pixels canvas set at 72dpi, and I filled my background with black color shade. Now make a new layer and draw a black circle with145 px 145 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Gradient Overlay and Stroke blending options to the black circle layer.

Result:

Step 3:

Now grab your Custom Shape Tool and choose the hollow circle shape from the selection. Then in a new layer draw a white hollow circle on the center of your button design.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Glow and Gradient Overlay blending options to your white hollow circle layer. Then set the layer’s blending mode to Soft Light.

Result:

Step 5:

Now make a new layer and draw a white circle with 89 x 89 px dimensions on the center of your button design.

Step 6:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to your white circle layer. Then set the layer’s blending mode to Overlay.

Result:

Step 7:

Select the Horizontal Type Tool and set the font family to Webdings, 110 pt, strong and white color shade. In a new text layer type ‘#’ which should be a pirate icon, position it on the center.

Step 8:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your icon text layer. Then set the text layer’s blending mode to Darken.

Result:

Results:

Reflective Button with Plastic Style.