How To: PhotoShop Tilt Shift Photos

PawnSacrifice

Lifer
South Oxfordshire
My attempts at Tilt Shift (toy car) photos have always been well received so I thought I'd try a How To. Have meaning to do this for a while, slightly tired after a lot of driving yesterday I'm finally in one place long enough to do it.

You can buy a Tilt Shift SLR lens at around £1,400, or it can be done in PhotoShop... for the lens money I could have an LSD so I use PhotoShop. There are a few ways doing this, below is mine. The example is using PhotoShop Elements for Mac. The full version of PS makes this easier, the Windows version may look slightly different.

Source photo is best taken from a distance and from an elevated angle if possible. The basic principal is to blur all but a narrow band of the image, that contains the main subject, and make the colours more artificial.

Open the source image in PS. I work with the original - 10MP, do any editing you want before you start - I removed a bird from the sky.
TSFullscreen.png

Using the layer pallet start by duplicating the background layer. You can do this without the Layer Pallet, but having it visible makes the process far easier.
TS1LayerDupe.png

Create the required number of layers and name accordingly for Blur and Top - I begin with 'Blur 16', 'Blur 15' and work down from 15 in 1.5 increments to 9.0, plus a final layer called 'Top'.
TS2LayerNames.png

Click the small eye icon to make all layers invisible from Top down to and including 'Blur 15'
TS3LayerHide.png

Select the 'Blur 16' layer. From the top menu bar select Filter > Blur > Gaussian Blur... Set the radius to 16 pixels and click OK.
TS4BlurTool.png
One by one make the layers visible and apply the Gaussian Blur to that layer - the radius being equal to the layer name eg 'Blur 15' = radius 15 pixels. Do not blur the Top layer.

Click the rectangular selection tool and set Feather to 50
TS5SelectFeather.png

Again, make all layers invisible down to 'Blur 15' but keep this visible. On that layer use the tool to select an area of about 3/4 of the screen, and then use menu > Select > Inverse to invert the select. Push Delete.
TS6SelectInverse.png

Work up through the layers narrowing the selection area, you can see from the layer pallet each image becoming smaller, you want to work toward the Top layer where you want as a small band tight to the part of the picture that you want in focus.
TS7Layers.png

You should finish with something that looks like this:
TS8Blurred.png

In the layer pallet select all layers from 'Blur 16' to Top and Merge.
TS9MergeLayers.png

Finally, adjust the colour saturation. From the menu > Enhance > Adjust Colour > Adjust Hue/Saturation... Drag the saturation slider to the right - mine typically seem to be around +30, but this can vary depending up on the colours in the source image. With preview on you can see the image as you adjust. This should give the photo a more vivid artificial feel.
TS11AdjustHueSat.png

Hopefully you will be left with something toy like (or better :oops: ):
TS_Finished.jpg

Variations
If you have the full version of PS or another package with the facility, you can apply a gradient adjustment layer working from the outside in (heavy to light) with a clear band over the cars in the centre. Apply the blur filter and proceed to the colour saturation. This gradient method is far better if you have that option.
Using layers and gradually applying less blur is to simulate the gradient affect (best method) you may use more or less layers depending on your patience, the more the better.
In this example I have used Gaussian blur. If you have a photo editing package with the function, apply a lens blur.
My original photo was 10MP, if you use one larger or smaller you will need to adjust the blur radius accordingly.

Lazy Option
Alternatively, you can use this web site - with better results largely as it has the Bokeh filter, although I am trying to improve:
http://tiltshiftmaker.com/

I uploaded this image:
TS_Source.jpg

Within seconds it produced this:
TS_Source-tiltshift.jpg

Although it takes me longer and I am still refining my technique I prefer to do this myself.
 
PawnSacrifice, what an awesome write-up. Funny you should do this, I saw the link to that website the other day (was it on here?) and have been doing a few to see how it looks. Your method looks better as I think you can get more control over what you are doing.

Pic looks ace :thumbsup:
 
Wondermike said:
I saw the link to that website the other day (was it on here?) and have been doing a few to see how it looks.

Thanks, it was a bit of an odd one, wasn't sure how it would be received. I really like it. I haven't seen that link on here - I originally found it when I was trying to find instructions. I found it quite useful when I started trying it myself as it allowed me to create the end result so I could see what I was aiming for.
 
Nice one.

I also have this link for changing the colour of a car which might be of use as well to someone:

http://www.agentfx.com/carPaint_tut/carPaintTutorial.html
 
Actually, Wondermike, would be interested to see some of your pics... interested to see how others are turning out.

pvr, incredible results... I wouldn't have thought that possible :thumbsup: I think you do need the grown ups version of PS though :(
 
PawnSacrifice said:
Actually, Wondermike, would be interested to see some of your pics... interested to see how others are turning out.
Hmm not sure if these are OK or not, they were pics I found on Flickr (I didn't really have anything suitable as source material). All done on the website, I did try touching a couple up further in PS but never saved them. I've had a DSLR for 2 years now and taken about 20 pics with it!

Tiltshift02.jpg
Tiltshift01.jpg
 
That's a really handy write-up PawnSacrifice, and I love your and Wondermike's photos. :thumbsup:

I had a very rough and ready attempt at doing this using Paint Shop on a photo I took at the recent NE meet. I didn't use as many layers as you (to be honest I was quite lazy and only used two) - here's how it turned out:

TS3.jpg

And while I'm at it, a couple more. One from the Baltic in Newcastle and the other from the city wall in York.

TS4.jpg

TS5.jpg

Now I just need to take some source photos from more elevated angles and refine the technique as suggested in your guide :D
 
Tilt shift is always good fun... I had a few of Iasi (Romania) a few years ago that came out well, but can't find them now :(

This is definitely the best I've seen though: http://keithloutit.com/
 
Tweed said:
Tilt shift is always good fun... I had a few of Iasi (Romania) a few years ago that came out well, but can't find them now :(

This is definitely the best I've seen though: http://keithloutit.com/
that's pretty cool :D
 
Angus McCoatup said:
I had a very rough and ready attempt at doing this using Paint Shop on a photo I took at the recent NE meet. I didn't use as many layers as you...
I remember that now... to be honest the only reason I use that many layers is because I don't have the gradient mask (or probably can't get it to work properly) -have seen them with less and they come out well.


Taz x said:
i need to buy this software urghhh
Amazon often do offers on PhotoShop Elements - picked mine up for £51. The other package I've used before is PaintShop Photo Pro x3 does a similar job but can be picked up cheaper.


gannet said:
Tweed said:
Tilt shift is always good fun... I had a few of Iasi (Romania) a few years ago that came out well, but can't find them now :(

This is definitely the best I've seen though: http://keithloutit.com/
that's pretty cool :D
+1 :thumbsup:
 
There is also a PhotoShop plug-in from OnOne called FocalPoint which does this (a preset call 'Debigulator') and many other interesting lens blur effects, with one or two clicks - which just makes it quicker (not necessarily better).

Debigulator
Debigulator.jpg


Debigulator2.jpg


3D Tunnel
3D_Tunnel.jpg
 
mmm-five said:
Debigulator
Debigulator.jpg
That is a great shot!

I did actually look at that plugin app, I remember their sample pictures, unfortunately it's too pricey for the amount that I'd use it - especially given the price of PSE. For how well it works, if there's a need I'm sure its actually well priced.
 
PawnSacrifice said:
I did actually look at that plugin app, I remember their sample pictures, unfortunately it's too pricey for the amount that I'd use it - especially given the price of PSE. For how well it works, if there's a need I'm sure its actually well priced.
The biggest problem (for me) whether I use the plug-in, action, or manually is finding the right source picture.
 
If you do some better cropping around vertical objects that occupy the same Z-depth in real life then the look can be made much better.

The effect is really interesting but when peoples feet are blurred and their heads sharp it kinda looks not so fantastic. A fair few of those pics just look wrong vs really good ones. You need to try get compositions where the focal point area has no objects that move vertically out in to the out of focus distance :)

There are some really cool techniques to get a fantastic effect if you have an appropriate camera mount of course... basically simulating a huge aperture to force a really shallow depth of field. You can kinda do it roughly and still get a nice result. They look fantastic but take a bit more work...

Alternatively if you use a decent filter like Frischluft and draw a rough depth mask, then you can get nice Bokeh in there too, even better done on a HDR original image... all a bit OTT but they look nice :D

Dave
 
I like some of the Photoshop tutorials on PSDTuts+.

There's more sites on the same domain that cover everything from vector work (VectorTuts) to audio work (AudioTuts).

Here's a similar effect using a mask of the car with the Bokeh plug-in - which lets me put some blur into the background that's on the same plane (but further back) as the car.

Bokeh
Mask_%26_Bokeh.jpg
 
Muso said:
A quickie online version using the Bokeh plug -in !

http://tiltshiftmaker.com/
Here's the same photo below, but run through this website's filter.

TiltShiftMaker
TiltShiftMaker.jpg


A bit of extra blur on the background either side of the car would make it look so much more 'toylike', but the automated filters don't offer that level of customisation. Still, a couple of minutes on another layer and it would look great.
 
Back
Top Bottom