Text Effects

TRON Grid

Picture 23[6]


Step 25 – Creating the Grid! — D

You should see this. Then click (shift + H) to hide the path.

Picture 23a[6]

{end}



Step 26 – Creating the Grid! — E

Select the layer contents (instructions on how to do this are on step 13)

Picture 23b[6]

{articlead}


Step 27 – Creating the Grid! — F

Go to Select > Modify > Contract, and choose 25px. If your squares are a little smaller or larger than mine, and this doesn’t look good with these settings, than adjust as necessary.

Picture 23c[6]


Step 28 – Creating the Grid! — G

Click OK. Man, that was an easy step!

Picture 23d[6]


Step 29 – Creating the Grid! — H

Click backspace/delete to get the middle out of there. If necessary, deselect after this. Haha, that was easy too!

Picture 23e[6]


Step 30 – Creating the Grid! — I

Duplicate this layer, and move the new layer to the right. Hit (control/command + E) to merge the layers, and then repeat. Do the same in a vertical direction, until you have 3 columns and 4 rows like below. Make sure all your squares are on one layer when your done (but not on that black layer that we’ve already talked about in Letter A).

Picture 24[6]


Step 31 – Move the Grid

Hit (V) and move the grid to the bottom half and center it.

Picture 25[6]


Step 32 – Make a Copy

Duplicate this grid layer and turn off the visibility for now.

Picture 25b[6]

{end}



Step 33 – Perspective

Hit (control/command + T) and right click to perspective.

Picture 26[6]

{articlead}


Step 34 – Perspective

Move the top corners inward slightly, and move the bottom out to either side. You only have to do this on one half of the grid, because perspective will mimic whatever you do on the other side.

Picture 27[6]


Step 35 – Turn off Visibility

Hide the visibility for the black layer that we made at the start of all of this grid madness. Now that you can see again, you might want to move your grid down a bit so that it looks nice.

Picture 29[6]


Step 36 – Turn on Visibility

Go to the layer “grid copy” that we turned off earlier, and turn it back on. Click (control/command + T) and shrink it (holding shift so that it doesn’t get distorted) like you see below.

Picture 30[6]


Step 37 – Copy It

Just like we did earlier, copy the layer “grid copy” and move it over and down (hitting control/command + E along the way to speed things up), and you will eventually get a big grid like the one below (make sure that it is all on the same layer “grid copy” at the end). Move the grid to the bottom half and center it just like before.

Picture 31[6]


Step 38 – Perspective

Same as step 33 and 34, just make sure that the perspective looks the same as it does with the larger grid. You will probably have to go out wider on the bottom for this one.

Picture 31a[6]


Step 39 – Color

Double click on the layer “grid copy” apply the color overlay effect as seen below. When you’ve done this, do the same to layer “grid”.

Picture 32a[6]

Picture 32[6]

{end}



Step 40 – Opacity

Then set the opacity of both layers “grid” and “grid copy” (both blue now) to 25% opacity.

Picture 34[6]

{articlead}


Step 41 – Text

Using a font of your choice, although I strongly recommend an outline font like I used, type either TRON, or AEVION, or whatever you want inside there, and center it.

Picture 35[6]


Step 42 – Text

Go to Filter > Pixelate > Fragment.

Picture 36[6]


Step 43 – Text Glow

Double click on the text layer, and set the blending options to what you see below.

Picture 37a[6]

Picture 37b[6]


Step 44 – Checkpoint

You should see something like this now.

Picture 38a[6]


Step 45 – Lens Flare

If you don’t have one of these like I did looking back at my old layers palette, make a duplicate of the flattened lens flare (“lens flare copy”). Move it to the bottom of the text like you see below.

About author

Thanks for reading, I hope you had fun following along, and I encourage you to get creative with it and make it your own. Please look for more of my tutorials as well as my own website, Aevion.net. You can also follow me on Facebook to stay up to date with me and suggest tutorials. Thanks again!
Related posts
Photoshop TutorialsText EffectsUpdated

Create an Ice Cream Text Effect in Photoshop

Photoshop TutorialsText EffectsUpdated

Create a Nature Text Effect Poster in Photoshop

BasicsPhotoshop TutorialsText Effects

Why is the Font so Big or Small in Photoshop

Photoshop TutorialsText EffectsUpdated

Draw an Airport Mechanical Text Display From Scratch

3 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.

Join Our V.I.P. Mailing List!

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 ($7 retail value).