Continuing the ‘Adobe Creative Suite 2′ theme from my last post, I thought I’d walk you through one of Photoshop’s newest and grooviest features.

Vanishing Point is a new ‘mini-app’ within Photoshop that allows you impose a 3D framework on top of any 2D image. With this grid in place, all your interactions (cut, paste, draw, paint, clone, select, etc) behave as if they were in a 3D environment. Here’s a quick demo.

1) Activating Vanishing Point from the ‘Filter’ menu (or Alt+Ctrl+V) will launch your image into a Vanishing Point workspace with it’s own set of controls and tools.

By default, the ‘Make Plane Tool’ is selected and waiting to go. Your task, should you choose to accept it, is to find and mark out a ‘reference rectangle’ on your base image, that you could resonably expect to have right-angled corners. This might be a window, a building, a wall or a door, but obviously the larger the more margin for error (my example isn’t quite square).

2) Once your rectangle is in place, you’re free to scale it to your image by dragging it’s edges. However, holding down [CRTL] while dragging the same edge will create a new plane running perpendicular to the current one. It’s relatively easy to get the hang of, and after a few minutes you should be effortlessly stepping around corners and up and over buildings.

3) With the framework finished, you’re reading to start working in faux 3D. For instance, pasting any item from the clipboard will immediately distort it to the perspective of the plane you cursor is in contact with. Likewise, your painted lines distort and taper as they slant away from you — even the squared selection tool conforms to the plane it’s on. Nice.

The only feature I missed was the ability paint from plane to plane without having to stop and restart your stroke. Perhaps something for the next version.

In the end, although it’s hard to say how truly useful a feature is until you find yourself using it, I’m expecting to get some value out of this feature in the future.

Alex manages design and front end development for and is SitePoint's Design and UX editor.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

  • adesignrsa

    Nifty, I will definitely give this a try. Could work nicely creating “boxed software” :D.


  • Dean C

    Did you happen to see Adobe’s example of this erasing the objects off a wooden deck? It was amazing

  • AlexW

    Dean, I actually saw a similar example where they cloned an extension to a skyscraper. It’s certainly impressive.

  • charmedlover

    Looks like a very useful feature if you’re doing photo manipulation as you can easily conform things to the current image.

  • savagefire

    Dean C & AlexW could you post links to the examples you reference here?

  • Dean C
  • nzgfxguru

    Wow, thats a neat tool.

    I find it amazing how software developers come up with unique new ideas each upgrade.

  • junjun

    Another dimension to photo manipulations :) No wonder Adobe is #1 in photo editing software.

  • MarcGrobman

    Amazing how no matter how much I use Photoshop, I learn some new techniques. Great new tool.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.