Glossy Futuristic Text Effect
February 27, 2011 | 46 Comments » | Category: Simple
A simple way for creating a super glossy reflective text effect, and adding a nice texture for a more futuristic look.
The Final Result:
Notes:
* the software used in this tutorial is Adobe Photoshop CS5 Extended
* the size of the final result image is 1024 * 768
* you might want to check the Basix Page to see some useful topics on dealing with Photoshop basics, such as loading palettes and some shortcuts.
Resources:
Step 1:
- Open the Background Image, and create your text using the color #77a5c2. The font used is Alba, and the size is 500px.
Duplicate the text layer, and change the copy’s Fill value to 0.
- Double click on the original text layer and apply the following styles:
-Drop Shadow: Change the color to #51626a, remove the check next to Use Global Light and change the Angle to 30. Also, change the Distance to 17 and the Size to 8.
- Bevel and Emboss: Change the Depth to 500, the Size to 43, and the Gloss Contour to Steps. Check the Anti-aliased box for a smoother result.
- Contour: Choose Half Round, and check the Anti-aliased box as well.
The result should look like this.
Step 2:
Double click on the copy text layer to add another layer style:
- Bevel and Emboss: Change the Depth to 215, the Size to 18, the Gloss Contour to Cove – Deep, and check the Anti-aliased box.
- Contour: Choose Steep Slope – Rolling, and check the Anti-aliased box.
The text should look more glossy now, and even more reflective.
Step 3:
- Create a new layer between both text layers and call it “texture”. Press the Ctrl key and click on one of the text layers icon to create a selection.
- Set the Foreground color to #164b7c and the Background color to #b2ebfc. Go to Filter -> Render -> Clouds. Then press Ctrl + D to get rid of the selection.
- Go to Filter -> Brush Strokes -> Crosshatch, and change the Stroke Length to 50, the Sharpness to 20, and the Strength to 1.
You should get a similar texture to this.
- Finally, change the “texture” layer Blend Mode to Overlay.
This is the final result.
Very nice Tutorial, good-looking outcome.
I did it a bit different. Instead of just selecting the text and fill it for the texture, i used a layer mask to have it editable!
Layer masks are definitely better for a more editable effect. Thanks for the comment and the tip!
Thanks..^^
You’re welcome!
I love your text effect! Keep up the good work!
Thanks a lot!
very cool !!
nice tutor
Glad you liked it.
Thank you.
me gusta
gracias!
Lovely text effect and easy to follow instructions. Many thanks.
You’re welcome. Many thanks for the comment.
Adorei o efeito já estou virando fã deste site muito bom wonderful =°)
Thank you so much for the support, I really appreciate it.
Cheers
Very helpful tutorial. Thanks
you’re welcome.
Thanks for the comment.
brilliant tutorial thanks
You’re welcome
Thanks for the comment.
Hey, i dont have Contour: Steep Slope – Rolling, Log, Steps…
WHY?
P.S. I love tutorial ?
Hello Emir,
Please check this image to see how to get the Contours used.
Hope this helps.
Thanks for the comment
hiii.. nice trick n tutorial,btw iam shared this tutorial on my blog..
Glad you liked it
Thanks for leaving a comment.
Your tutorial is so great! And the details you included! Hoping to read more.
Thank you so much for the comment
I cud not undersytand the step 3
“Create a new layer between both text layers and call it “texture”. Press the Ctrl key and click on one of the text layers icon to create a selection.”
what does the above sentence mean ? If I Press the Ctrl key and click on one of the text layers icon then I cud not apply the filter-> render technique…
You need to click the “texture” layer once again after clicking a text layer’s icon, so that the “texture” layer becomes active instead of the text layer.
Hope this helps.
Awesome tutorial man! Love it. Easy to learn. Steps are easy to understand. Keep it up!
Thank you so much for the nice comment and the support
(I’m a girl though)
nice tutorial, just one thing, in bevel and emboss and getting mix result, in technique I have to use a different mode to get the same effect, or is it just my version?
What technique works for you?
If the size of your text is not as the one used in the tutorial you might get a different result as well.
Hope this helps.
Thanks for the comment.
Awesome! Amazing logo and really nice explained! Thanks
Glad you like it.
Thanks a lot for the kind words.