A Glossy Web Button in Photoshop


In this Adobe Photoshop tutorial you will see how to make a glorry web button in just a few easy steps.
Photoshop Tutorial thumb picture


1.
Start by making a elliptical selection on your stage, drag in a gradient as shown below.

Photoshop Tutorial thumb picture


2.
Double click the layer in the layers panel to get to the layers style panel, then give it settings as below.

Photoshop Tutorial thumb picture

Photoshop Tutorial thumb picture


3.
hold down ctrl and click the shape layer in the layers panel to load the selection, then drag a subtraction selection over the top of the shape as shown below.

Photoshop Tutorial thumb picture


4.
Make a new layer and name it reflection.

5.
Drag a gradient from white to transparent over the selection so that you shape will look like this.
Go to filters -> blur -> gaussian blur and blur it about 8.

Photoshop Tutorial thumb picture


6.
Now make a layer between the reflection and shape layer, this is where our content is going to be.

7.
Now locate the shape you want inside the button, I found one from the custom shape panel.
Drag it on the stage, right click in the layers panel and rasterize the layer.

Photoshop Tutorial thumb picture


8.
Double click the layer in the layers panel to get to the layers style panel, then give it settings as below.

Photoshop Tutorial thumb picture

Photoshop Tutorial thumb picture

Photoshop Tutorial thumb picture


9.
Now make a new layer just below the shape we just made, draw in an ellipse as shown below, with a black color.

Photoshop Tutorial thumb picture


10.
Go to filter -> blur -> motion blur and blur it horizontal so you get the effect as shown below.

Photoshop Tutorial thumb picture
0tutor.com rss feed