Transparent Glass Lettering
Info
Posted by ![]() |
kasrak |
Created ![]() |
Jan 3, 2008 |
Category ![]() |
Other |
Views ![]() |
22,008 |
Favourites ![]() |
3 |
| Rating | ![]() ![]() ![]() ![]() ![]() |
| Your Rating | ![]() ![]() ![]() ![]() ![]() |
Note: This tutorial is adapted from this Photoshop tutorial from psdtuts.com
Step 1
Create a new file and fill the background with a dark gradient. I used #0f291a to #22502b.
Now type in a word with a nice font and a light color. I used Myriad Pro, 144px at #72bd90:

Step 2
Select your text layer and set its opacity to 60%. Now select the text tool and click on your text, then click "Create Path from Text":

Step 3
Select your text layer, then click Layer > Layer to Image Size. Now add a drop shadow (Filters > Light and Shadow > Drop Shadow). I set my offsets to 2, blur radius to 20, color to black, opacity to 80 and unchecked allow resizing:

Step 4
Create a new layer. Then select Select > From Path (Shift+V). This will create a selection around your text. Now Select > Feather at 10px. Then pick a light, yellowish color (#e8ffb1) and bucket fill your selection. Next, Select > Shrink by about 2px. Delete this selection by pressing the Delete key on your keyboard (or Edit > Cut). Set the layer mode to Screen and set the opacity to 50%:

Step 5
Create another layer. Select your path again (Shift+V), then Select > Shrink by about 8px. Now Select > Feather by 10px. Fill your selection with black and set the layer mode to Overlay at 100%:

Step 6
Almost done! Create a new layer. Select your path again (Shift+V). Now choose the Ellipse Select Tool and set the mode to Intersect:

Make a big selection over the top half of your text:

Set your foreground color to white (#fff) Now select the gradient tool, set the shape to radial and gradient to "FG to Transparent":

Fill in your selection, dragging from the top-left of your first letter to the lower-right of your last letter. Set the layer mode to Overlay at 50% and you're done! Viola:

Tip: Ctrl+Shift+A will clear any selections.












hey :) Thanks a lot that was a nice little tuto for a beginner like me.. thanks a lot :)
No problem! Glad you liked it.
How do I get the blended color look?
Which blended color look? Do you mean the background?
Video added!
Good Tuto. It helped alot, can i do it in other colours or would it affect it?
It shouldn't affect the outcome too much (although I haven't tried with other colors).
Give it a shot and see what happens!
Hola!, soy de chile, quisiera saber si puedes hacer el mismo efecto pero en photoshop con windows, ya que no entiendo mucho con MAC ya que no tengo, te lo agradeceria mucho. saludos a todos. dies.one@hotmail.com
LO SIENTO, PENSE QUE EL PROGRAMA ERA PHOTSHOP EN UN MAC MIL DISCULPAS, SALUDOS!