Shiny Text Tutorial



This tutorial was created in Photoshop CS3 but this technique can be done on almost all versions of Photoshop.

What all your hard work will amount to:

Shiny Tutorial 18

Step 1
Create a new document and make sure the resolution is correctly set to “72 pixels/inch” and the color mode is RGB Color (8 bit).

Shiny Tutorial 1

Step 2
Using the text tool Shiny Tutorial 2, type in some text using a fairly thick font. I used “Tiranti Solid LET” which I actually don’t know where I got from but congrats to whoever made this font.

Shiny Tutorial 3

Step 3
Ctrl + Click on the thumbnail of the layer. This will select the outline of the text.

Shiny Tutorial 4

Create a new layer and then switch over to the gradient tool.

Shiny Tutorial 5

Select the first type of gradient (foreground to background).

Shiny Tutorial 6

Then select two colors that similar for the foreground and background.

Shiny Tutorial 7

Make sure you have these settings before proceeding further.

Shiny Tutorial 8

Now create a gradient from the top to the bottom of the text.

Shiny Tutorial 9

This should be your result so far.

Shiny Tutorial 10

Step 4
Create a new layer for the reflection (the button to the left of the trash can).

Shiny Tutorial 11

Press “D”, then “X” to select white as your foreground and black as the background. Now select the foreground to transparent in the gradient tool settings.

Shiny Tutorial 12

Make a slightly smaller gradient this time.

Shiny Tutorial 13

Ctrl + D to deselect and then lower the opacity to about 80%.

Shiny Tutorial 14

While still on the reflection layer, and make an elliptical selection (with the elliptical marquee tool) like the one shown below.

Shiny Tutorial 15

Press delete.

Step 5

Right-click on the first layer and then select “Blending Options”. Select “Outer Glow”, and match up the options with the screenshot.

Shiny Tutorial 16

Create a new layer, move it all the way to the bottom but just before our original text layer, and then D and then X. Now Alt + Backspace to fill the space with a nice white background.

Shiny Tutorial 17

Final Result:

Shiny Tutorial 18

Here’s the PSD: Shiny.PSD

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

Comments
thanks! very usefull
This tut was so useful!
Domo arigatou!
Wow, awesome, thank you so much.
Leave a comment

(required)

(required)