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}

Pages: 1 2 3 4 5

5 responses to “TRON Grid”

  1. Z Avatar
    Z

    Hide the path key is ctrl +H, not shift + H

    1. Photoshop Tutorials Staff Avatar
      Photoshop Tutorials Staff

      Thanks for your correction! You’re right – it is Ctrl+H. I’ll update the tutorial with the proper hotkey.

  2. Ida Avatar
    Ida

    When I fragment the font, it looks really bad.
    like this:
    http://i61.tinypic.com/2cctpg9.png

  3. Crazy_al Avatar
    Crazy_al

    This is an extremely well written tutorial and well laid out graphically, wish more were like this, thanks!!

  4. Bassam Avatar
    Bassam

    very good, and easy explanation. thanx

Leave a Reply

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

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading