Shining/reflective text.

Photoshop Tutorials


Click on thumbnailed images to enlarge

I didn't find any tutorials for this, but this will teach you how to make your text shine like the one in my avatar..

First thing, open up photoshop and make a new document.

Type in your text and create a new layer (Ctrl+Shift+N).
Make sure your new layer palette is ABOVE your text palette.

Click on your Gradient Tool (G) and use these settings..

Now, use the Gradient Tool and make a small horizontal line at the left side of the text.

It should look like this now..

Press Ctrl+G and jump to ImageReady.

In the animation section, create a new frame..

Now, click on the Move Tool (V) and move the invisible gradient across the screen. You should see it go through the text. Hit the tween button.

Save it "Optimized As" in GIF form and your done!

Tutorial Comments

Showing latest 9 of 9 comments

for reflective text.

Well I have CS4. Here is how I do it;

Start out with any size document, any background to foreground color.
Pick a font, type what you want. Double clicking on the text layer is optional as to whether or not you want to add effects such as shadows, strokes, etc;.

Now, to get the reflective part, you're going to duplicate the text layer. [Drag it to the "New Layer" button. If you don't know what, or where it is, its at the bottom of the the layer section, it has a peeling corner. Now you should have 2 layers of the same text.

Select the "copy" layer, go to Edit > Free Transform > flip vertical.

Now, drag it down, and it should be the flipped version of the first copy.

Now, what you'll notice is, your copy has the same effects. obviously. And it won't get the reflective feel to it. So, double click the "Copy" layer, and get rid of all the details. As to whatever extras you added to it.

Now, add a gradient overlay to the copy layer. It should be, whatever color your text is, fading to whatever your background color is.

Just flatten the image. Save. And there you go.

I put this here, because one, this tutrial he/she has. Doesn't work. And it says "reflective text" and there isnt any part of that on here.

By fallinsinner on May 26, 2009 6:12 pm

the images don't show....

By sunshine07 on Oct 18, 2008 6:41 am

i dont see any pictures... o.O

By Klutzzy on Aug 14, 2007 7:13 pm

easy effect, but i guess good for noobs to imageready.

By deletethisplease on Apr 22, 2007 10:25 am

i think theres a step missing

By phoenixpyre on Apr 10, 2007 8:07 am

QUOTE(astronautical @ Apr 5 2006, 11:31 PM) [snapback]1978969[/snapback]This tutorial DOES NOT work at all. I have tried it step by step like 50 million times and it doens't work. WTF! I have Photoshop CS2, and I doubt that makes a differ

By traaaang on Apr 9, 2007 4:11 am

dude, the pics arent loading.

By xx-romance on Sep 22, 2006 10:00 pm

This tutorial DOES NOT work at all. I have tried it step by step like 50 million times and it doens't work. WTF! I have Photoshop CS2, and I doubt that makes a difference. There aren't enough picture to guide you through the remaining steps, e

By astronautical on Apr 6, 2006 12:31 am

Link doesn't work..>.<

By Babiexdreamerz on Feb 18, 2006 1:49 pm

Tutorial Details

Author x-hobo-x View profile
Submitted on Feb 17, 2006
Page views 42,157
Favorites 37
Comments 9