Publishing System Settings Logout Login Register
Creating a Glassy Text Effect
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on December 28th, 2010
2925 views
Adobe Photoshop

Hello and welcome to this Photoshop Tutorial, here I'll be teaching you how to create a simple yet neat Glassy Text Effect.

Screenshot 1

 

So let's get started!

Step 1: Open a new document, i'll be using 750x500 for the size.

Step 2: Using your Gradient Tool, select Radial as the gradient option - colors I've used are #2c627c at Location 0% and #1d4254 at Location 100%

Screenshot 2

Step 3: Once you've added your background color, switch to your Text Tool and type in something with black as the color as shown below.

Screenshot 3

Step 4: Open the Blending Options for the Text Layer and add the following settings for Drop Shadow

Screenshot 4

 

Step 5: Now create a New Layer and make a selection of the text you just typed, you can do this by holding your Control Key click on the thumbnail of the Text Layer as shown below.

Screenshot 5

 

Step 5: Now with your Pen Tool select make sure you have paths on with draws only paths without any shape

Screenshot 6

and starting from the far left side of the text set a point and make another point to the far right to create a curved path which cuts the Text, see below screenshot. Continue the path downwards until you go all the way around the text without having the Path at the top side of the text (make it go down) and end the points.

Screenshot 7Screenshot 8

 

Step 6: Now with your pen tool still selected right click and select "Make Selection"

Screenshot 9

 

and choose "Subtract from selection" leaving other options default (feather: 0) click on OK

 

Screenshot 10

 

Step 7: What you must have now is a Curved Selection at the top of the Text. Something like the below Screen-shot.

 

Screenshot 11

 

Step 8: Now again using your Gradient Tool make sure you have White to Transparent as your Linear Gradient and click from down to top to add the shine.

 

Screenshot 12

 

Step 9: Lower the Shine layer's Opacity to 25%, you're all done ;)

Screenshot 13

Here's our Final Result...

Screenshot 14


Hope you've learnt something new from this tutorial, any questions feel free to ask.

Thankyou,

Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
flashxpert

This author is too busy writing tutorials instead of writing a personal profile!
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top