Vanishing Point in Photoshop CS2

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.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.adesign.co.za adesignrsa

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

    ~R

  • http://www.deanclatworthy.com Dean C

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

  • http://www.sitepoint.com AlexW

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

  • http://www.lowter.com charmedlover

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

  • http://www.vitaleffect.com savagefire

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

  • http://www.deanclatworthy.com Dean C
  • http://www.circle.co.nz nzgfxguru

    Wow, thats a neat tool.

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

  • http://www.domedia.org/ junjun

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

  • http://www.tommydew.com MarcGrobman

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