The Ultimate Photoshop Resource

Tron Perspective Grid glowing lines Photoshop Tutorial


How to make glowing lines on a grid like in Tron

You could draw rules and lines all over the page to produce this effect. But let me show you a quicker way!

 Step 1

We will first make a pattern. Create a new document the size of the squares you want in your grid. Be careful to check transparent for the contents. If you don’t, nothing will show behind your grid.

Screen Shot 2014-08-03 at 12.24.20 PM

Step 2

Select all Ctrl/Cmd+A

Now got to Edit>stroke, select your color and enter the settings as shown in the picture.

Make it 1 for the width and choose “Inside”

Screen Shot 2014-08-03 at 12.25.30 PM

 Screen Shot 2014-08-03 at 12.26.05 PM

Step 3

Now we will save our new pattern. Edit>Define Pattern. I called it umm.. grid. You now have it saved and you can use it as often as you wish.

Screen Shot 2014-08-03 at 12.26.20 PM

Step 4

Create a new document. Make it however large you want your image to be and fill with black.

Create a new blank layer and open the fill dialog box by: Edit>Fill or press Shift+Backspace. Under contents use Pattern.

Click on the custom pattern, select our little grid that we just made.

Screen Shot 2014-08-03 at 12.28.34 PM

Step 5

Hit Ok and wow, imagine that? We have a tiled pattern that just happens to be our grid. You could stop right here if you wanted, or go a little further into the world of 3D!

Screen Shot 2014-08-03 at 12.29.05 PM

Step 6

Press Crtl/Cmd+T to bring up the free transform tool. Now Cmd click on Mac, or right click on PC and select perspective. Grap the little box on one of the bottom corners and drag out from the image.

Screen Shot 2014-08-03 at 12.30.38 PM

Step 7

If you really want a Tron effect, you will need the grid to glow.

Choose the layer styles from the bottom of the layers panel (the little f icon)

Select Outer Glow and copy the settings as shown.

Screen Shot 2014-08-03 at 12.32.04 PM

And there you have it, a glowing, Tron style perspective grid. Enjoy!

Screen Shot 2014-08-03 at 12.32.16 PM

Comment and let me know what you think.

Get in-the-know!

CS6 Superguide

Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.
If you’re on our list, you will receive it free by email as soon as it’s available. If not, sign up now and get the CS6 Superguide for free. Or click the image below.


One response to “Tron Perspective Grid glowing lines Photoshop Tutorial”

  1. I followed these instructions with modifications for Elements 13 and it works! So sweet of you to do this. I just love it.(Perspective grid lines – TRON) Thanks very much. Patterns are a great tool and so easy to make.

Leave a Reply

Your email address will not be published. Required fields are marked *

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


Access The Photoshop Vault

Unlock dozens of valuable Photoshop resources for FREE

The Ultimate

Photoshop Resource