Glossy Text

GlossyText80x80 In this tutorial you will see how to create a nice glossy text which is used popularly in web designs, headers and applications. You can apply these techniques for buttons, images as well!

 

Step 1: Create a new document and use the Gradient tool with Radial Gradient and choose a gradient color to draw your background. I used light orange to red (#ffda53 to #c00000)

GlossyText1

Step 2: Use the Horizontal Type Tool to type your text

GlossyText2

Step 3: Double click on this layer in the "Layers" tab (if you don't see it then go to Window>Layers to open it) to bring up the Layer Style box. We will use three effects on this text:

 + Drop Shadow: make a shadow beneath the text

GlossyText3

 + Gradient Overlay: apply a gradient color to your text

GlossyText4

 + Stroke: create a visible edge around your text

GlossyText5

After all, click OK and you will see something like this:

GlossyText6

It is really nice, isn't it?

Step 4: Next we will make a glossy effect on the top of the text. Create a new layer and Ctrl-left click on your text layer to select it

GlossyText7

then use the Elliptical Marquee Tool with Intersect with Selection option and draw a ellipse on it top. After releasing your mouse, you will notice that the remaining area is the intersecting area of the two previous selections

GlossyText8

Fill the selection area with white (Edit>Fill and choose White from drop down box)

Step 5: Change the blending mode of this layer to Overlay and reduce its Opacity and Fill to suitable values

GlossyText9

It's all! You can see the final result below:

GlossyText11

It is just a simple technique but is widely used by many designers. Hope you can learn something from this tutorial!



Reddit!Del.icio.us!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!
Comments
Write comment
Name:
Due to spam comments will be reviewed before being published

DOWNLOAD

Free Icons