Sunday, December 16, 2007

[Photoshop] Make Glossy Text

In this Adobe Photoshop video tutorial I will show you how easy it is to make a web 2.0 graphic element. It tutorial was actually improvised, I opened Photoshop and started drawing and adding effects. Its not the most challenging and advanced effect, but I think it sums up a lot of issues concerning how to make a simple web 2.0 graphic element.

Here is the final result.

Start by making a rectangle selection over the stage as shown below, then fill it with a random color (it will be changed later).

Now in the layers panel, double click the new shape layer to get to the layers style panel and give it styles as shown below.

Now put in your text on top of the rectangle shape in a separate layer, I choose to put in two X's (Don't ask why).
For the shape of text you put in, double click the layer to get to the styles panel and give it settings as shown below.


Make a new layer above all other layers and name it reflection, then hold down ctrl key and click the first rectangle shape layer to load the shape selection. Now with the selection tool subtract from selection as shown below.


Now make a gradient going from white to transparent color and apply it to the selection so you get a result like below.


No comments: