 |
PhotoshopForce.com
»
Tutorials
»
Text Effects
»
Glass Text
Glass Text
In this tutorial you will learn a fantastic text effect that resembles plastic, or even glass text. Though the end result makes a great company name or logo, the steps are easy to learn and follow.
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 207
Warning: include(http://www.photoshopforce.com/inline-tut-inc.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 207
Warning: include() [function.include]: Failed opening 'http://www.photoshopforce.com/inline-tut-inc.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 207
Page 1 of 1
Open an existing document, or create a new one of any size, l'll be using a 500 x 200 for this tutorial.
Fill the background with any color, l'm using white (#FFFFFF)
Create a new layer. Now we're going to add the text. It is best to use a thick bold text for this technique. I'll be using "Aerial Black" which is a windows standard font and most macs have as well. Hevetica Bold is a pretty close alternative for Mac users. Another option is to check out our download section for some premier designer fonts.
Here is the font settings l've used:
Result:
Double click this layer, and apply the following blending options:
Gradient Overlay:
Stroke:
Bevel & Emboss:
Inner Glow:
Result:
Next we'll add the gloss effect. Set your foreground color to white (#FFFFFF) and get out the pen tool ( ) and set it up like so:
Make sure "Shape Layers" is clicked
Now make four dots, one on the left side, and one on the right of the text. The other two should be around the middle of the image like so:
Next hold down the CTRL key, and move the two middle dots off center. Move the left middle dot upwards, and the right middle dot downward:
Once you have this type of "Wave" between the four dots, connect the rest of the dots above the text as l've done here:
Now Right click on this layer, and choose "Rasterize Layer".
Hold down the CTRL key, and click on the layer with our text (should be directly below this one). Doing so will make a selection of everything in that layer:
Next go to "Select->Inverse" or press CTRL + SHIFT + I to invert the selection.
Tap DELETE on your keyboard to delete the excess "gloss", result:
Drop the opacity of the "gloss" layer down to 20 percent:
Result:
Warning: include() [function.include]: URL file-access is disabled in the server configuration in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 311
Warning: include(http://www.photoshopforce.com/inline-inc.php) [function.include]: failed to open stream: no suitable wrapper could be found in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 311
Warning: include() [function.include]: Failed opening 'http://www.photoshopforce.com/inline-inc.php' for inclusion (include_path='.:/usr/lib/php:/usr/local/lib/php') in /home/coastalw/public_html/photoshopforce/tutorials/glass-text/index.php on line 311
Next click on your "background layer" and create a new layer.
The new layer should be directly below your text layer
Click on the "text layer" to select it, and press CTRL + E to merge it with the new blank layer we had just created.
This will rasterize the text layer, as well as the blending options for that layer.
Next click on the "gloss" layer, and press CTRL + E to merge it with our newly rasterize text layer.
So at this point, you should have a total of 2 layers.
Our rasterize text effect with the shine, and then the background layer:
Double click this layer, and apply the following blending options:
Drop Shadow:
Inner Shadow:
Outer Glow:
Inner Glow:
Bevel & Emboss:
Here's how mine ended up after adding a simple "reflection", looks pretty good:
These work excellent for header and signature texts. Try it out yourself and see how easy it is! Be sure to check out the rest of our great tutorials while you're here!
Author: Mishka369
Discuss this tutorial on the PhotoshopForce.com Forums
|  |
