TiltShift Photography Tutorial

Today i went out to buy some Khao Pad Gai (fried rice with chicken) for lunch not far from where i live here in Sukhumvit (Bangkok).

As soon as i reached the bridge to cross from my sidewalk to the other side, i saw this long cue of coloured taxies and cars. And i couldn’t walk away

without taking a picture of the scene…

When i posted it on my Facebook my friend Alexander commented it sayin’ that wasn’t sure if was just a perspective-game but the cars looked like mini models that kids use to collect or play with. So i thought “Hmmm…why don’t enhance it even more?”.

And that’s how i came up with this tutorial, where i didn’t use Photoshop, Lightroom or Gimp or what else…BUT…a little toy that i’ve reviewed here on my very 1st post… TILTSHIFT, a nice little Adobe Air tool to tweak the photos and make them stand-out (and look like you were lookin’ at them with a magnifing glass so to speak).

It’s time to give it a try!

For this tutorial, we will use the original photo that i took today and i’ll guide you step by step to achieve the same results i got.

It’s easy don’t worry.

First of all let’s look at the original photo and let me ask you….where your eyes ended up as soon as you seen the pic on the screen? I guess on the yellow taxi in the middle, just in front of your eyes….

What if we try to make it stand-out and give it a nice toy-ish, plastic feeling?

Be sure that you have the latest Adobe Air library installed. If not, go there and install it.

Once installed, it’s time to move on and download our little new friend, TiltShift, from the main website.

There’s an online version available, but i assume you want to download it and install it to have it handy on your harddrive.

But it’s up to you, really.

Ready then? :)

1. Load the original file

First of all, load the original.jpg file that you can download HERE.

I’ve already reduced as size it so it doesn’t take too much cpu when processed…

2. Linear Blur

Set the type of blur to LINEAR in this case (RADIAL gives you a nice effect but personally the LINEAR one has much more control and can give you impressive results if used wisely). Once done click exactly in the middle of the front windscreen, as u see in the photo.

3. Center Radius

Drag the CENTER RADIUS slider to the value of 50. That’s from where all the “action” will start.


 

4. Strenght

Set the STRENGHT to 20. This will control the “aggressivity” of the effect we will apply on our sample photo. I’m sure you can notice already some changes but wait to reach step 8 for the big leap forward…


 

5. Saturation

Next step, SATURATION. This parameter controls how “vivid” we want the colours. The cars don’t have to look like neonlights, but also not colorless of course. Let’s set it to the value of 19, that’s enough to give that plastic toy feeling to the cars.


 

6. Contrast

Now the CONTRAST. Keep in mind that isn’t just bout’ how the yellow taxi will look in the end, but also the environment plays an important role, in this particular case i’m talkin’ bout’ the road. We have to make look the asphalt as if was made of plastic, a bit shiny, smooth…in short…pure Lego feeling if u get what i mean. So let’s set the contrast to 31. This will do the job. Even better lookin’, right? Two more steps to go!


 

7. Brightness

BRIGHTNESS: same as above, not too much but not too dark either. Set the value to -14, just a little less than the default value. Will give that sort of dramatic, dark touch to the photo.


 

8. Vignetting

And last step, VIGNETTING: this is the cherry on the cake that can dramatically improve the final result. Slowly drag the slider up to 0.70 and look how the photo radically changes


 

9. Export the photo

Now set the JPG quality to 85-100 and export your creation and compare it with the original….what a change eh? You get an even better result if you scale the photo a bit more, so that if fits the screen and you will be able to spot all the details and also be proud of yourself for all the “efforts” you put into it to make it look special :)

Well, that’s it…that was an easy one. Feel free to experiment with TiltShift :)

Seeya soon with another mini-tutorial and….If you want to learn more about graphic design and how to take beautiful pictures with your own camera and edit them, check out our Beginner’s Digital Photography Class!

  • http://touchpadblackfriday.us/ Touch Pad Black Friday

    Hey There. I found your blog using msn. This is an extremely well written article. I’ll be sure to bookmark it and return to read more of your useful information. Thanks for the post. I’ll certainly comeback.

  • Koen

    Such a cool effect. It’s used in movies too, recently in the social network :
    http://www.youtube.com/watch?v=O-6U-h49wf8
    check it out…

  • Pingback: Let’s recap my last 6 months…. « t@wcb()

  • Terry

    This is not a tutorial on tilt-shift photography at all – rather a tutorial on how to emulate tilt-shift photography using digital post processing

    • http://www.webcoursesbangkok.com Carl Heaton

      Thankyou for your comment however at the end of this tutorial you will have photography that is Tilt Shift, that is our aim and we feel that is achieved. If you have any suggestions on how we can improve the tutorial we will be more than willing to take them onboard. Thanks.

  • Terry

    Tilt-shift photography relies on the lens being tilted/shifted relative to the camera body. Tilt-shift lenses were originally designed to correct perspective when taking photos of buildings, and various tilt-shift lenses are available for DSLR cameras, but they are rather pricey (ie, the Canon TS-E 24mm f/3.5L retails for AUD$1500+).

    Rather than spending many dollars on a tilt-shift lens, you can fake the effect digitally in Photoshop. This is clearly a tutorial on how to fake it, rather than an actual ‘Tilt-Shift Photography’ tutorial