Quick Tip: How To Fake a Tilt-Shift Photo

Quick Tip: How To Fake a Tilt-Shift Photo

Tutorial Details
  • Program: Adobe Photoshop
  • Difficulty: Beginner
  • Estimated Completion Time: 20 Minutes

Final Product What You'll Be Creating

Tilt-shift pictures are, I believe, one of the neatest things you can do with a photograph. I know a lot of people that feel that way, but tilt-shift lenses can cost thousands of dollars. Lucky enough for us, Photoshop comes with the capacity to execute this effect very well. The best part? It’s simple! With just a few adjustment layers and the all-important Lens Blur you can turn any photo into a miniaturized, highly stylized photograph. Let’s get started!


Tutorial Assets

The following assets were used during the production of this tutorial.


Step 1

The first step is, like you guessed, opening up our image. This image of the lovely London Bridge is courtesy of telegram. When creating or taking a tilt-shift photo, make sure that you’re above the area you are capturing or using a photo at that angle. The higher the better but I absolutely love this shot.


Step 2

Once you have the image open, press (Q) to edit in Quick Mask Mode. Select your Gradient Tool (G) and make sure it’s Foreground to Background with the colors being black and white. Select the type of gradient as Reflected Gradient and you’re good to start selecting which area you want the focus to be. Drag your gradient with a small stroke — it doesn’t take much to cover a lot. Everything inside the red gradient is what will be the focus point. Everything outside it will be blurred. Make sure to stop your gradient just before the edges of where you want your focus point. When we apply the Lens Blur it will smear it out a good ways so spend the extra time to get the selection just right as this will make or break a good tilt-shift photo.


Step 3

Once you have selected the area where you want the focus to be, press (Q) again to get out of Quick Mask Mode and back into Standard Mode. The red gradient will now turn into a selection area, showing you that the split is where your focus point will be.


Step 4

Now that we have our selection, go to Filter > Blur > Lens Blur. You may play around with the settings but the default works just fine for this. Click “OK” when you’re done and hit CMD/CTRL + D to deselect the selection or Select > Deselection.


Step 5

Now that the focus is set, it’s time to apply some adjustment layers. Go to Image > Adjustments. We’ll be playing with the Hue/Saturation, Brightness/Contrast, Curves and Exposure. Enter the values I have entered in the images below:


Conclusion

There we have it! Go nuts and play around with the adjustment layers to create your own combinations — I ended up backing the saturation off a smudge to make it a little easier on the eyes. I hope you enjoyed this tutorial and remember that this effect can be used on almost every photo (at the angles we discussed in step one), so go experiment! You can take any normal photo you like and turn it into a stunning tilt-shift image with Photoshop’s powerful tools.

Tags: Tips
  • http://twitter.com/florianlionel Florian Taltavull

    Nice short tutorial for a great result!

  • zurcart

    great!!!

  • Terry

    I’ve seen more and more of these of late, very impressive.

  • trevor

    Like me short and sweet, thanks.

  • http://www.willisstudios.com michael willis

    Tilt shift is a very cool tool to have in the Photoshop Arsenal. Thanks for the free tut, however the final product fails to take advantage of the effect. Appreciate the effort but maybe a different image would be a better choice for illustrating this effect.

  • Michael Owens

    I think this starting image is wrong for this type of tutorial. For best results, you need an image that has been taken above your subject, far above if possible.

    The further away, the better the results of the tilt shift (model look) you will achieve.

    i.e. http://www.tiltshiftphotography.net/images/london.jpg

    • Gimpus

      Have to agree that with the comments that this is NOT tilt-shift or a simulation of it. Why is the top part of the bridge blurred. Thats just wrong. A bit more effort with some masking might have done the trick.

  • http://www.ex-news.com Mike

    simple but effective nice quick !

  • Cory Cohoon
    Author

    As I stated in Step One, distanced pictures will provide the best effects, but I was happy with this angle and shot. Thanks for your input though.

  • DJ

    Wouldn’t have this been just a bit better with some sort of description in the lead paragraph about what a “tilt-shift” photo was? Why they called it that? and perhaps why you claim it is one of “the neatest thing you can do with a photograph?” Frankly, that last item has me a bit baffled and I would really like to know.

    • http://abrightconcept.com Gabriel

      I agree. I don’t know what tilt-shift is, why it’s important, or why it’s cool. The image just looks blurry in parts to me, but I’m not getting any other effect from it. I feel like I’m missing something and would love to be in the know with all the cool guys!

  • http://i-work-in-pages.blogspot.com/ Alex

    I am a bit at a loss too. Since the tutorial is for beginners, it would be nice to know what is a tilt-shift?

    And of course the photo is of the Tower Bridge, not the London Bridge. Check this article on Wikipedia:

    http://en.wikipedia.org/wiki/Tower_Bridge#Mistaken_identity

    Tower Bridge is sometimes mistakenly referred to as London Bridge, which is actually the next bridge upstream. A popular urban legend is that in 1968, Robert McCulloch, the purchaser of the old London Bridge that was later shipped to Lake Havasu City, Arizona, believed that he was in fact buying Tower Bridge. This was denied by McCulloch himself and has been debunked by Ivan Luckin, the seller of the bridge.

  • http://traveling-pictures.blogspot.com/ TravelPics

    Nice little tutorial. I really love the final results. Keep up the good work and please write more simple tutorials like this.

  • patrick collins

    this is tower bridge some american thought that he was buying this as london bridge but he actually bought
    london bridge and rebuilth it in the usa

  • John

    Don’t want to sound picky but it’s actually called Tower Bridge – we sold London Bridge to the Americans.

    • Matthijs.vandelaar

      Haha, indeed, I wanted to say it’s a shame that’s not the London Bridge, but you were first.

  • Don Simpson

    If you really need to achieve this effect the best and most versatile results will come from the OnOne Software Focus plugin.

  • pac man

    This technique is really kitsch, it does not look good. It looks too…..fake. And you sure picked a wrong photo for the tut. Cheers

  • http://www.graphiics.com Graphiics

    Its Fabulous tutorial …. london bridge looks good but what is tilt shift ?

    • sharpie

      this is not London bridge, it’s Tower bridge.

  • iluvhatemail

    the final outcome is terrible. If you are going to be calling it tilt-shift you should imitate the look at least. This is more of a lens baby effect. If you are doing this tutorial tilt-shift does more than just focus the middle and blur the edges. You are basically doing selective focus so pick a plane like the front of the clock tower and keep that in focus while gradually blurring the background and foreground. I would do this by duplicating the background and masking the focal point, then follow the tutorial for the background.

    • Michael Owens

      Here Here!

      • JHS

        I believe that what you meant to say was “Hear, Hear.”

  • http://www.jmagsgraphics.com jess

    Not really a good photo to show for a tilt-shift, probably should have used an image of a city

  • http://www.tegingraphics.com TeginGraphics

    I like this.Short and simple.

    • Michael Owens

      Please do not take this as a TILT-SHIFT tut, as if you have read the comments, mine included, its not a true respresentation, or even a good example.

  • http://projectautomatika.blogspot.com projecta

    wow! that’s neat and simple. :) so far the simple & easiest way i’ve seen to do tiltshift in photoshop.

  • Doogle

    Neat, easy to use and simple.
    Nothing wrong with the tutorial except the start photo. But that has been discussed in the other comments.

    One thing, though. Tilt-shift lenses cost thousands of dollars? Where? In New Zealand, I can get one for $200. Sure it probably isn’t as good, but to start out on tilt-shifting, it does work.

  • https://www.facebook.com/MaverickFilms Chirag Vadgama

    This is not an orginial tutorial, the entire method has been copied from another tutorial I myself used a year back from another site.

    http://www.visualphotoguide.com/tilt-shift-photoshop-tutorial-how-to-make-fake-miniature-scenes/

    I dont know if this is the original or they have copied from somewhere else.

  • Robert

    I think it’s a nice tut, something new to play with. I think there are too many cry babies here that want to critique and criticize any tut that’s put on here. Really, if you don’t know what a tilt-shift is, google it. It’s a good tut in that it teaches a new technique that can be applied to different images. If you can do better please post it and let ‘show’ us beginners a variation of the technique. Get a life cry babies.

  • Dids

    It is Tower Bridge by the way, not London Bridge

  • mdk

    Pretty cool effect, I learned about it a year or so ago online, though I’ve yet to find any use for it at all amongst my usual clientele. BTW, it’s Tower Bridge, not London Bridge.

  • http://www.blackboxmagic.co.uk Kane

    Such a simple, yet effective tutorial. Thanks for sharing.

  • gordon

    Great one. I found another one with a little different steps: http://vg-design.blogspot.com/2011/08/tilt-shift-tutorial.html

    It’s in german and also great. I tried it with that tutorial before i found this one.

  • http://lefthandedspider.com Schwebbie

    Cory, you specifically advise us to “spend the extra time to get the selection just right.”

    The problem with this tutorial isn’t your description of how to use Photoshop. It’s in your lack of explaining why certain areas should be kept in focus and others should be blurred.

    In this example, you want to emphasize the bridge towers. Therefore, the correct selection for a tilt-shift should include those areas of the bridge that fall in the same vertical focal plane as the front face of the bridge towers. That focal plane extends upwards past the top of the towers. Things in front and behind that focal plane should be progressively blurred.

    A good tutorial shouldn’t include just the “what” or “how,” but also the “why.”

  • http://twitter.com/igorzky igorzky

    great stuff for newbies..\m/

  • http://duygusohbet.com umut

    Such a simple yet effective tutorial. Thanks for sharing..

  • http://whysodumb.com Dhruv

    I chose the beautiful Taj Mahal to mimic the tilt shift effect.
    Here’s mine :http://whysodumb.com/wp-content/uploads/2012/03/taj-mahal-tilt-shift-photograph.jpg

    Nice tutorial Cory
    Thanks

    psdtuts+ rocks!

  • c

    If I’m using a black/white gradient than how do you get red? This turtorial is awful.

    • Cory
      Author

      Hello c, while in Quick Mask Mode any color gradient is going to appear red — it’s an indicator letting you know which mode you are in.