[How To] Gloss Effect

[WolfX2]

In this tutorial we'll see how to create a cool Glossy Button.

Open a new document with white background, is used a 300px x 300px document(it can be of any size, we only use it as background while designing).

Create a new Layer and name it "gradient", pick the Rectangular Marquee Tool and make a selection of the size you want your button to be: mine is 113 x 29.

Now choose the Gradient Tool, be sure to select the Linear Gradient and create a gradient like this one

Image Link

and draw it from top to bottom into the selection we just made, hold Shift Pressed while dragging the mouse to be sure to draw straight:

this is what your should have now.

Now we'll see several ways to obtain glossy effects;

First Way:

Create a new layer, set white as your foreground color, (be sure to have the button still selected, if not hold CTRL pressed and click on the Gradient layer) select the Rectangle Tool and draw a white rectangle that overlaps the upper half of your button

then lower the opacity of this layer to 20%

Seccond Way:

Create a new layer, set white as your foreground color, (be sure to have the button still selected, if not hold CTRL pressed and click on the Gradient layer) select the Elliptical Marquee Tool and choose the Subtract from Selection modeCreate a new layer, set white as your foreground color, (be sure to have the button still selected, if not hold CTRL pressed and click on the Gradient layer) select the Subtract From Selection mode:

and draw an ellipse like this:

after you release your mouse button you should have this selection:

Fill it with white and lower the opacity of this layer to 35%