How to Create Your Own Tilt-Shift Photograph in Photoshop

How to Create Your Own Tilt-Shift Photograph in Photoshop

Tutorial Details
  • Program: Photoshop CS4
  • Difficulty: Beginner
  • Completion Time: 30 Minutes

Miniature faking is a great way to spice up an otherwise dull shot. This effect is sometimes referred to as a “tilt-shift effect” because of how the finished product resembles a photograph taken with a tilt-shift lens. In this tutorial we will examine this interesting effect and outline how to achieve it without spending money on a new lens.


Final Image Preview

photoshop tilt-shift effect

Step 1. How Does It Work?

Miniature faking tricks the eye into perceiving a life-size image as a miniature model. The miniature feeling of the photo is present because of the illusion of a shallow depth of field. This shallow depth of field is normally encountered in macro (close-up) photography, giving the photo’s subject the feeling of being much smaller than it actually is.

photoshop tilt-shift effect
photoshop tilt-shift effect

Step 2. Taking the Right Shot

The best shots for miniature faking are ones taken at a high vantage point. Usually, the larger the angle between you and the ground, the better. Lower angle shots are not useless, but the higher angled shots have the best results. This is because the higher angled shots emulate a shot looking down at a miniature model.

Take your time deciding the best location to get the effect you want. If available, venture into a city near you and go to an observation deck. This high vantage point makes for extremely interesting miniature photographs. In more rural locations, higher ground such as hills should do just fine in capturing a shot high enough to display the miniature effect well. Another key to taking a good shot for miniaturization is shooting in the daytime. Unless your night shot is extremely well lit, the effect of the shallow depth of field won’t be as obvious as it would in a day shot.


Step 3. Getting Started in Photoshop

The first step in miniaturizing your photo is by switching into Quick Mask Mode in Photoshop by pressing “Q” or selecting the icon on your tool palette. Quick Mask Mode can also be found by going to Select -> Edit in Quick Mask Mode. The mask will enable us to lay the groundwork for which areas of the image will be in or out of focus.

photoshop tilt-shift effect

Step 4. Choosing the Gradient Tool

The next step is to choose the Gradient Tool by either pressing the icon on the tool palette, or by pressing “G” on your keyboard.

photoshop tilt-shift effect

Make sure that the reflected gradient (icon fourth from the left) is selected and the gradient is moving from black to white.

photoshop tilt-shift effect

Step 5. Drawing your Focus Line

This step will probably take the most time in the process and requires a lot of trial and error to get it perfect. When drawing the line, position the anchor point where you want the sharpest focus to be. The gradient will fill different depending on whether you drag the line up or down from the anchor point. Try either way to figure out which works best for you.

It is essential that you don’t make this long too long, as it will eventually decide the depth of field in your image. Don’t be concerned that your gradient turns out red even though we selected black to white as our gradient fill; it is totally normal!

Take heed not to make your gradient too thin, or else the blurred portion of the image will obscure the little part that is in focus. Also, making the gradient too thick will cause the depth of field to be too large, therefore taking away from the effect we’re trying to accomplish.

A perfect gradient should have a nice band of solid color where the sharpest focus will be, but also enough fade away that the lens blur will look believable when it is applied.

photoshop tilt-shift effect

Step 6. Return to Standard Mode

When you are happy with your red masking area, return to Standard Editing Mode by pressing “Q” or by clicking the icon shown in Step 3. After returning to Standard Mode, you will see a rectangular marquee representing the gradient that you drew in the last step.

photoshop tilt-shift effect

Step 7. Add the Lens Blur Effect

The next step is add the lens blur effect that will make the depth of field shallow. Go to Filter -> Blur -> Lens Blur.

photoshop tilt-shift effect

Step 8. Adjusting the Lens Blur

In the Lens Blur editing screen, you will see the preview of what your image will look like, as well as options on the right side. Many of the default settings are sufficient for the effect we are going for.

I like to change the Iris shape from Hexagon to Octagon, but the decision is yours. Fool around with the options to get the effect you desire. When you are satisfied, hit OK at the top right of the screen.

photoshop tilt-shift effect

Step 9. Remove the Selection Marquee

After applying the Lens Blur, press Control+D (Command+D on Mac) to deselect the marquee. Or go to Select -> Deselect.

photoshop tilt-shift effect

Step 10. Boost Saturation

To get the feel of a small model, we will boost the saturation a bit to give the photo more of a “toy” feel. Open up the Saturation Adjustment Panel either by pressing Control+U (Command+U on Mac) or by going to Image -> Adjustments -> Hue & Saturation.

photoshop tilt-shift effect

With the window open, move the saturation slider to the right to increase it. Don’t go overboard with the saturation, but just add enough to give the image the feel of a toy model. Finished!

photoshop tilt-shift effect

Final Result

photoshop tilt-shift effect

Conclusion

Miniature faking is a great technique that you can employ on many landscape photos. This process is most easily done the way you have just learned using Photoshop. This tutorial just touches the basics of miniature faking, but there is so much more that can be done using this technique! More advanced techniques can use selective focus and separate layers to create an even more realistic effect.

Miniature faking is a interesting topic to explore should you have the free time. I hope you learned a thing or two about depth of field and miniature faking and I can’t wait to see some of your results!


Further Reading and Inspiration

Miniature faking has really found it’s stride in photography, and many artists are using it to create captivating effects that catch the viewer’s attention. Here’s some more information on the techniques employed in this tutorial as well as some inspiration for your own miniature fakes.

Some more info on Wikipedia:

Inspiration:

Have fun experimenting, and feel free to share a link to your finished image in the comments below!

  • http://www.mandakh.net Mandakh

    Wow ! I wanna did it Nice work Goodjob maan !!! tnx

  • shane

    thanks for this i was only just looking at the collection of these on this site yesterday and wanted to know how it was done. thanks again

  • http://www.andrislinz.ch Andris

    Instead of just using HUE/SATURATION you can also use a smart filter called Dynamic. You can check a short tutorial I wrote several months ago: http://andrislinz.ch/tilt-shift

  • http://www.nickbester.com Nicholas Bester

    I really love this effect, I remember reading a similar article a couple years back dealing with the same topic. Thanks for the refresher :)

  • http://craigps.info CraigSnedeker

    Great tutorial! I love these shots, look like real miniatures!

    • http://www.vaporizerkits.com Zephyr Ion

      The final image looks fun.

  • Duluoz

    Please stop referring to this type of post processing as ’tilt-shift’. You’re not shifting anything. You’re only faking the tilt aspect.

  • shane

    This is a down and dirty way to do it. I would prefer to see a depth map added to the lens blur or at least some masking on the foreground objects that overlap the “sweet-spot.” As it is it just looks like a smart filter blur with a loose gradient mask and optics just don’t do that, the effect is a little harsh but i would not have thought of the hue/sat shift for the chromatic aberration so thx.

    • http://repaintthecity.com Christian
      Author

      Thanks for taking the time to comment! I intentionally made this tutorial the “down and dirty” way for presentation purposes and even to leave the possibility for me to write a follow-up! I love the idea for masking on the foreground objects to create a more realistic effect, and I’m glad you took something away from this!

    • Rosario

      I found this tutorial that shows a simple way to reach a more realistic effect, by editing the mask and using it as a depth of field map source. Hope it helps.

      http://martybugs.net/blog/blog.cgi/photoshop/tutorials/TiltShiftTutorial.html

  • Rhee

    Love these tuts and thanks for taking the time to share your knowledge! My photography has improved dramatically over the last few months just by using some of the techniques discussed here. Thanks again!

  • http://www.georun.net georun974

    Great !! Thank you !

  • http://www.scottphotographics.com/ Mike

    Nice and simple!

  • http://www.flickr.com/photos/sjgodfrey Stephen

    Great description oh how it works (even if it is down and dirty), I now have it down to about 5min if I get my selection right first up. You can find my first attempt below, may have gone over the top with the blur but the shot does look more interesting. Feel free to leave any suggestions.
    http://www.flickr.com/photos/sjgodfrey/4923455823/

  • Damir Kulic

    I use an Alpha channel as a depth map.

    Photoshop:
    - select channels
    - create a new channel (by default alpha 1)
    - in this channel make a linear gradient from black to white to match perspective of the floor plane
    - turn that channel off and make sure you select the rgb channels
    - select your layer and go to effects / blur / lens blur
    - in the lens blur dialogue select blur channel to be alpha 1
    - move your focus slider around or click right on the image where you want to focus and apply!
    have fun miniaturizing!

    There are a few examples here http://www.flickr.com/photos/damir/2421979758/

  • http://www.flickr.com/photos/perfectionofbeauty/ perfection of beauty

    is this a joke ??? i took this exact picture months ago http://www.flickr.com/photos/perfectionofbeauty/4253291958/

  • fahrulazmi

    So great! simple steps and awesome result.

  • Forris

    Thanks! I just tried it and I’m happy with my first attempt. I’ll be experimenting with this more.

    Here is a link to it on facebook if it works on this blog.

    http://www.facebook.com/photo.php?fbid=1996931596687&set=a.1996930956671.2111326.1045390490&type=1&theater

    Thanks
    Forris

  • Peyman_Pz

    ماشاالله بابا

  • Warren