Faking a Tilt-and-Shift Effect in Photoshop

This is a really effective and deceptively simple process that is most commonly used to create a distortion of scale – makes any shot with buildings and people in look like a model village! But it’s also really effective for creating a false depth of field, and forcing a point of focus.

Basically you make a selection of the whole image, apart from a stripe across where you want the image to remain in focus.  It works best with shots taken from a high viewpoint, with people and buildings in.  …but I haven’t got any of those handy so I’m going to demonstrate on something completely different!   A photo of two people walking down a canal tow path!

Starting Point...

Open the image in Photoshop...

Open the unprocessed image in Photoshop.   Work out where you want the in-focus strip to be in the photo and create a Selection with it.

The easiest way to make this selection is to enter Quick Mask Mode (Shift + Q), and select the Gradient Tool (Shift + G), specifying Reflected Gradient (fourth icon along).

Select Reflected Gradient

Select Reflected Gradient

Make sure Opacity is set to 100%, and draw a line from the centre of your selected point of interest at a right angle to the way your ‘line of interest’ runs, and out to the edge of the frame.

Red line is line of interest, blue arrow indicates where to draw gradient

Red line is line of interest, blue arrow indicates where to draw gradient

Resulting Quick Mask after drawing along blue arrow

Resulting Quick Mask after drawing along blue arrow (note: I forgot to change the Opacity to 100% above, which resulted in a less bold selection!!)

Switch out of Quick Mask mode (Shift + Q). Your selection should now be made (usually two scalene triangles, or trapezoids, either side of the ‘focus strip’).

With your selections made, apply an extreme Lens Blur effect (from the Filters menu).   A Blade Curvature of 100, and a radius of 60 is a good place to start (make yourself comfortable while the effect is previewed, it can take a while if you’re using a full-size image… if it’s really taking too long, try changing the Image Mode to 8-bit).   Adjust the amount of blur until you get the desired effect, and then apply.

Et voila – not the most effective image for demonstrating this technique, but looking at the water and the pylons in the distance creates a slight sense of confusion in the viewer.  But it does work much better on cityscapes from high viewpoints… Honest!  :)

Final image

Final image

Share and Enjoy:
  • RSS
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • NewsVine
  • Technorati
  • StumbleUpon
  • Print
  • Reddit
  • email
  • Twitter

Tags: , , , , , , , ,

Posted by Paul Friday, February 27th, 2009 Tutorials

8 Comments to Faking a Tilt-and-Shift Effect in Photoshop

  1. Here’s another example…
    Stafford Town Centre (by fwumpbungle)

  2. Paul on February 28th, 2009
  3. I never even thought of doing stuff like this in Photoshop, and I didn’t eralise you could use gradients as masks.

    Great tutorial, I’ll have to try this out sometime . . .

  4. Darren Rogers on March 1st, 2009
  5. I tried it… it worked!
    Thanks Paul (& Stu)!

  6. ash on March 3rd, 2009
  7. This is so fun. I did this one of the Ponte Vecchio in Florence a while ago:

  8. lisa-k on March 5th, 2009
  9. hey, that didn’t work. Apparently I can make a tilt-shift photo, but I can post a message. der.

  10. lisa-k on March 5th, 2009
  11. Hmm, still not working. Anyway, here’s the photo: http://www.flickr.com/photos/lisak/2332732304/in/photostream/

    Ponte Vecchio Mini (by lisa-k)

  12. lisa-k on March 5th, 2009
  13. That looks superb! :)

  14. Paul on March 5th, 2009
  15. Just stumbled onto the most fantastic project on vimeo that applies this technique to video. It’s called ‘Little Sydney’ and it’s really worth checking out:

    http://vimeo.com/channels/keithloutitssydney

  16. Nicholas on March 12th, 2009

Leave a comment