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!
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.
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”
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.
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.
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!
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.
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.
And there you have it, a glowing, Tron style perspective grid. Enjoy!
Comment and let me know what you think.
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.