Wednesday, August 12, 2015

Create Glossy Text Effect in Photoshop

In this tutorial we will learn how to create Glossy text effect in Photoshop. This text effects often encountered in internet. I will show to you how to use layer styles for getting glossy text.
Below is the final result that we get.
glossy text effect, photoshop tutorial, text effect
Glossy Text Effect


Aplication: Adobe Photoshop CS6
Time : 15 Minutes

Create Glossy Text Effect in Photoshop
Step 1
Open photoshop in your computer and then Create new document in photoshop.
Go to file-new or Press Ctrl+N on keyboard.
Set the document with these settings:
Weight : 1000 Pixels
Height :800 Pixels
Resolution : 300 Pixels/Inch
glossy text effect, photoshop tutorial, text effect

Step 2
We will create background for this glossy text effect.
Add new layer and then use Gradient Tool (G), apply this tool like image below.

glossy text effect, photoshop tutorial, text effect

Drag the gradient tool from the middle to the bottom.
glossy text effect, photoshop tutorial, text effect

Step 3
Create the text using the font Century751 SeBd BT, the Size 50pt, and the color # ff0000.
I use Glossy text for this on this occasion.
glossy text effect, photoshop tutorial, text effect

Duplicate the text layer twice.
we get 3 layers: original layer, first copy and second copy.
glossy text effect, photoshop tutorial, text effect

Step 4
Double click the second copy text layer to apply the following layer style:
Add a Bevel and Emboss with these settings:

glossy text effect, photoshop tutorial, text effect

Add a Gradient Overlay with these settings:

glossy text effect, photoshop tutorial, text effect

Step 5
Double click the first copy (Glossy Copy), apply the following layer style :
Add a Bevel and Emboss with these settings:
glossy text effect, photoshop tutorial, text effect

Add a Stroke with these settings:
glossy text effect, photoshop tutorial, text effect

Step 6
Add outer glow layer style for original text (Glossy), with these settings:
glossy text effect, photoshop tutorial, text effect

Step 7
Select all layers of text, press Ctrl+Alt+E on keyboard, and we will get new layer (merged).
glossy text effect, photoshop tutorial, text effect

glossy text effect, photoshop tutorial, text effect

Step 8
Use move tool, drag layer merged to bottom of text glossy.
Press Ctrl+T on keyboard to use transform, Right click on transform select Flip Vertical then we wiil get result like this image.
glossy text effect, photoshop tutorial, text effect

Step 9
Click Icon add layer mask at the bottom layers box.
Pick gradient tool (G) with balck and white colour.
Drag this tool from the bottom to the top, this way to result highlight shadow like the text on the glass desk.
glossy text effect, photoshop tutorial, text effect

Congratulations! We're Done
The image below is final result this tutorial.
glossy text effect, photoshop tutorial, text effect

I hope this glossy text effect tutorial useful for us and please leave a comment for this post.
I'll see you at the next tutorial. Thank you.

Artikel Terkait


EmoticonEmoticon