SF – Faux Tilt-Shift Tutorial

September 22, 2010

Every week I get people asking me how I do my faux tilt-shift photos. So for those of you who’s google are broke, I’ve went ahead and did a step-by-step.

First start off with the right shot. In this case I wanted to simulate a miniature, so I choose a high isometric view.

In photoshop:

Step 1: Duplicate Layer (just in case)
Step 2: Enter quick mask mode
Step 3: Select the gradient tool from the right toolbar. Then select the “Reflective Gradient” option from the above toolbar

Step 4: Shift Click and hold on what you want to be your center (focused) area and drag your mouse up a a bit and let go. You will see what appears to be a red gradient over your images. This will be your focused area. You might want to play around with depending how big of an area you want in focus. Your image should look like this:

Step 5: Exit quick mask mode. You image should now have selection boxes:

Step 6: From the top menu select Filter>Blur>Lens Blur. From my experience it is the only blur that will do this effect convincingly. You should now be in the Lens Blur window. The only real option I ever mess around with is the “Radius“. This seems to determine how much of a blur effect you want. This is another option you will just want to play around with till you get the effect you are after. Once done, you can select ok.

And there you have it….easy peasy.

  • roberutto

    very simple an interesting!

  • http://pulse.yahoo.com/_3B6TQVSVQRGAXOXCM2DLWN6ZXA Jay

    very informative… great to find step by step tutorials like this… there’s an option for those who doesn’t have photoshop (or find gimp too complex or simply wants the easy quick route)… http://tiltshiftmaker.com

    thanks for the tutorial again ed!

    cheers!

  • http://titlecase.tumblr.com titlecase

    dude, you rule for all these down & dirty tutorials. please keep them coming.

  • http://twitter.com/waseefakhtar Waseef Akhtar

    Wow.. no doubt you are a tilt-shift master! thanks a lot for the tutorial! 😀

  • http://www.k9studios.es Guille

    Google? What’s that? 😛

  • http://awgnasuha.wordpress.com awgnasuha

    great tutorial. short and informative. :)

  • http://twitter.com/royuncg Leroy Walker

    I used your tutorial, what do you think?
    http://flic.kr/p/8DoEWg

  • http://twitter.com/louief1 Louie Flores

    Sweet post, I would love to see more on post processing, i.e. contrast and colors etc. I really like what you’ve done in your Flicker PP Fridays. The pictures mood really popped after you were done.

  • http://twitter.com/Luigihope Luis Villegas

    Thank you so much. Used it today along with the Loomax effect on this one http://tinyurl.com/2fuf3bz

  • http://pulse.yahoo.com/_DDAQZZR4PULNZNAC2RCDEPJLAQ Allen

    Awesome tutorial. love your blog. I tried it here.
    http://www.flickr.com/photos/happypapi/5020615328/

  • http://twitter.com/derStadtpirat Nico Knoll

    Hey, can I use this Tutorital in a translated German version on my blog (http://www.stadtpirat.net)? (With a backlink of course)

  • http://www.suzaidee.com Dee

    Simple and very nice tutorial…you one of my new favorite photographer :)

  • Lara Lima

    This is really easy.
    I did it here: http://flic.kr/p/8Hc1pR
    Thanks for the tutorial.

  • http://thepeopleofdetroit.com Noah

    :) @ “For those of you who’s google is broke” LOL. Thank you for the tutorial.

  • Kgstewart2

    Hi Edward. Thanks a lot for your tutorial and sharing your talents. Greetings from Vancouver.

    Cheers, Ken

  • http://twitter.com/timhoeksema Tim Hoeksema

    So well done

  • Outdoorguy44

    When I try to do step 4 the entire image goes red and when I exit quick mask there is nothing there?

  • http://twitter.com/frederick036 陈彬彬

    i wonder how you manipulated the picture into this gorgeous tone..

  • Xylofonfisk

    Can you expand the area you want to have in focus? i cannot figure it out if i can or not he he. Loved your tutorial, so easy to understand, finally i have a reason to use photoshop he he

  • Pingback: It has come to my attention | Kevin & Amanda()

  • http://profiles.google.com/susiejefferson Susie Jefferson

    Thanks so much for this. I’ve been using the pen tool to cut out the main object, layering over the background behind (which I’ve blurred and rotated slightly). This is so much easier!

  • rani

    awesome tutorial! Thanks so much for sharing the know how!

  • Ann Daly

    Thanks so much.  This is such a cool technique!

  • Kiran @ KiranTarun.com

    Cool technique, thanks for sharing! I usually use TiltShift Generator which is an AIR app that adds cool camera effect to your picture on the fly.

  • http://twitter.com/eth3ee Ashish Enoch E. Eben

    The tut is useful 

    Can u pls… provide as a desktop wallpaper.If u do it will be wonderful.

  • http://www.plainjoephotoblog.com isayx3

    its wallpaper sized on my flickr 1680×1050

  • Justin Hulse

    Thanks for sharing.  I’ve always wanted to get a shift and tilt lens just for this effect.  I’ve never seen it done better in PS.

  • http://www.imagemaskingservices.com/ Image Masking

    Very useful tut…a hi-def wallpaper wud be highly appreciated too.

  • oaks and coulter

    im going to try it next

  • Pingback: It has come to my attention | Kevin & Amanda()

  • Pingback: It has come to my attention | Kevin & Amanda()

  • Pingback: Blurred Backgrounds Use in Web Design()

  • esesto

    esinesratoraman.com PORTRAIT photographer