Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Photoshop Tutorials > Glossy Text Effect   


New Photoshop Tutorials

Image Effects

Text Effects

Designing

Others

Free Photoshop Resources

Photoshop Tutorials from our Blog

Other Photoshop Tutorials

Other Photoshop Resources

Glossy Text Effect in Photoshop

In this tutorial, you will learn how to create shiny text using some simple and interesting Photoshop techniques.

glossy text effect in photoshop

Tutorial Details

Program: Photoshop CS5

Estimated Completion Time: 20 Minutes

awesome photoshop text effects


Tutorial Assets


Now that we have everything we need, let’s start designing.

Step 1:- First, we’ll create a new file in Photoshop with 1000px Width and 800px Height.

step 1

Step 2:- Create a new layer, for this click on Layer> New> Layer. Now click on “Gradient Tool” and use it on our background with colors # 012222 and # 000102.

step 2

Step 3:- Now we’ll create a base for our text. So for this, create a new layer and then select the star brush and use it with colors # 3983b3 and # ffffff.

step 3

Step 4:- Select another star brush and use it with the color # 197b30.

step 4

Step 5:- Now change the foreground color to # ffffff and use a bigger brush randomly.

step 5

Step 6:- Now select the “Rectangle Tool” and create a small tilted rectangle on the side.

step 6

Step 7:- It’s time to add some inner shadow. So, for this, click on Layer> Layer Style> Inner Shadow. And change the inner shadow color to # 07f940.

step 7

Step 8:- Now click on Layer> Layer style> Outer Glow. And add the glow with color # a0fff1.

step 8

Step 9:- Simply click on Layer> Layer style and select Color Overlay. Reduce the opacity to 65%.

step 9

Step 10:- Now select the Eraser Tool and remove everything except the right side of our rectangle. So we can have a nice light strip.

step 10

Step 11:- Simply duplicate the layer 3 few times and place them randomly. You can change the direction with CTRL/CMD+T.

step 11

Step 12:- Now select the “Text Tool” and add some text. You can write whatever you want. For this, I’m writing “Entheos”.

step 12

Step 13:- Now we need to add some style effects to our text, so let’s click on Layer> Layer style> Inner shadow.

step 13

Step 14:- Click on Layer> Layer style> Outer Glow and add a glow with color # 30ef04.

step 14

Step 15:- Click on Layer> Layer styles> Bevel and Emboss and keep the setting same as the image.

step 15

Step 16:- Now select “Color Overlay”. Reduce the opacity to 80% and change the color to # bdf0ef.

step 16

Step 17:- Now it’s time for some “Satin” effect. So, click on layer> Layer Style> Satin.

step 17

Step 18:- Open the leaf image and paste it on our file. Reduce the opacity to 30%. Now select the pen tool and create a path along the text. Then right click on the path and select “Make selection”.

“step18a”

Now copy the selected area and paste it.

step18b

Lastly, change the blending mode of the layer to “Overlay”.

step 18

Step 19:- Now select “Ellipse Tool” and create a small circle. Fill it with # ffffff. Now click on Layer> Layer style> Outer glow and add glow with # d7fcc0, blending mode “Linear dodge” and size 45px.

step 19

Step 20:- Now click on Filter> Blur> Gaussian Blur and blur the circle a bit. Simply duplicate it and place the glow on the edges of our letters. Then create a new layer and use a round brush over the text. Now change the blending mode to Overlay. And reduce the opacity to 70%.

glossy text effect

You can try creating it in different colors as well. Like these:-

Blue:-

 Blue text effect

Red:-

 Red

Green:-

 Green

Finally, we are done. Our Glossy Text effect is ready. It wasn’t that hard right? We hope you guys enjoyed it, and learned something interesting.

awesome photoshop text effects


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


best psd templates

Free HTML5 Website

Latest Photoshop Tutorials & Resources

Create a Polaroid Photo Collage Using Photoshop CS6

How to Create a Polaroid Photo Collage Using Photoshop CS6

Dazzling Photo Effect Templates in Photoshop

dazzling photo effect templates in photoshop

Create a Fantasy Photo Manipulation in Photoshop

Create a Fantasy Photo Manipulation in Photoshop

Learn how to create a circular photo collage in Photoshop

Learn how to create a circular photo collage in Photoshop

100 Stunning Photoshop Text Effects & Styles

Stunning Photoshop Text Effects & Styles

Vintage Image Effect in Photoshop

Learn How to Create a Cool Vintage Effect in Photoshop

Create a Print Ready Business Card in Photoshop

http://blog.entheosweb.com/tutorials/learn-how-to-create-a-print-ready-business-card-in-photoshop

Amazing Collage Templates in Photoshop

Amazing Collage Templates in Photoshop

 

Featured Template
Template # 52912
Type: Joomla
Price: $75