Text Effects

How to Create Glowing TRON-Inspired 3D Text in Photoshop Extended


Step 9

Now we’re going to apply some layer styles to give it a glow. Before we begin, I’m going to convert it to a Smart Object. This step is optional – you don’t have to do it. I just like doing it because it protects me from accidentally changing the settings (ex. clicking on the visibility icon of the 3D settings). Every time this happens, Photoshop will have to restart the rendering. If you want to convert the layer into a Smart Object, right-click on the layer then choose Convert to Smart Object.

If you want to go back to edit the 3D settings, you can double-click on the layer thumbnail. Photoshop will open the layer as a new document and give you instructions on how to save the changes.

Edit the settings you like then save and close. The changes will show up in your original Photoshop document.


Step 10

We’re now going to use layer styles to give the 3D text a blue glow. Right-click on the TR2N 3D layer then choose Blending Options.

Select the Color Overlay option then set the color to #00B4FF. You can also change the blending mode to Overlay if you like. Don’t click OK yet.


Step 11

Select the Outer Glow layer style then set the color to the same color we used earlier (#00b4ff). Set the size to around 30px. Note that the size you use will vary if you used a different font size than the one we used. Click OK to apply the changes.

Here’s how the blue glow looks like.


Step 12

Now we’re going to work on the front face of the 3D text to give it a glowing effect. In the Layers palette, move the TR2N layer above the TR2N 3D layer. You can move the layer by dragging it above the TR2N 3D layer.

Your text will now have a nice white glow.



Step 13

If you zoom in and look closely, chances are that your white outline is not aligning perfectly with the 3D text.

To fix this, use the Free Transform tool by going to Edit > Free Transform. Zoom in and drag the handles of the transform box to scale it so that it fits your 3D text. If your bounding box is snapping and you don’t want it to, hold the Ctrl or Cmd key while dragging to disable snapping.


Step 14

We’re now going to add a very thin outline that will improve the look of your text. Right-click on the layer then choose Blending Options.

Select the Stroke layer style then set the size to 3px, position to inside, and color to white. Click OK to apply the changes.


Step 15

It’ll look like you did nothing because the text is white and the outline is white. To fix this, set the Opacity and Fill of the TR2N layer to 75%.

Here’s what we just made.


Step 16

Select the Text tool and type some below the TR2N text. I used the font Raleway. If you have the Neue Helvetica 35 Thin font, you can use that instead – it’s the same font that was in the movie but it’s not free ($35 USD).

If you want to increase the spacing between the letters, go to Window > Character then adjust the spacing value. Make sure you have the text highlighted.

Use the Move tool to position your text if needed.


Related posts
Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

Photoshop TutorialsText EffectsUpdated

How to Create Highlighted Text in Photoshop

Photoshop TutorialsText EffectsUpdated

How to Make Delicious Ice Cream Text in Photoshop

Photoshop TutorialsText EffectsUpdated

Create Delicious Donut Text That Will Make You Hungry

14 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Get 57 Photoshop Actions Free from Our Awesome Newsletter!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions by SparkleStock ($7 retail value).