3D Perspective Grid

Here is a quick little tutorial that will teach you how to produce a grid that seems to be on a plane. This is a similar effect to what was used on the movie Tron. Remember that anyone? Oops, I'm dating myself. It seems this effect is back on it's way in again.

3D Perspective Grid Tutorial: Final Result

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.

image 2

Select all Ctrl/Cnd+A

image 3

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

image 4

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.

image 5

Create a new document. Make it however large you want your image to be.

Fill with black. Create a new blank layer and open the fill dialog box by: Edit>Fill or press Shift+Backspace. Under contents use custom pattern, select our little grid that we just made.

image 6

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!

image 7

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.

There you have it. Hope this helped, see ya online!


Close    To Top
  • Prev Article-Photoshop:
  • Next Article-Photoshop:
  • Now: Tutorial for Web and Software Design > Photoshop > 3D Effect > Photoshop Content
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Geek Tutorial
     

    Blogging Tutorial

      RSS Tutorial
      Podcasting Tutorial
    Graphic Design Tutorial
      Coreldraw Tutorial
      Illustrator Tutorial
      3D Tutorials
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial/ Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial/ Articles
     

    XML Style

      AJAX Tutorial
      XML Mobile
    Flash Tutorial/ Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial/ Articles
      Linux Tutorial
      Symbian Tutorial
      MacOS Tutorial
    Personal Tech
      Hardware Tutorial
      Software Tutorial
      Online Auction