Faux Miniature Effect With Photoshop

Faux Miniature Effect With Photoshop

Faux tilt shift photography has been gaining in popularity recently and there have even been iPhone apps popping up that emulate the technique. Real tilt shift lenses can cost thousands of dollars, but you can achieve the look and feel quite easily in Photoshop. It can also be done with video as seen in the introduction sequence to the BBC show Sherlock (which is quite good if you haven’t seen it).

Faux Miniature Effect With Photoshop

The effect can take a mundane image and add real interest to it. When done properly it can trick the eye into thinking it is seeing a model miniature. Today I will provide a quick tutorial on how to do this with still images.

Click the download button below if you want to download the original image used in this tutorial.

[tut download=”http://cdn.onextrapixel.com/wp-content/uploads/2011/07/faux-miniature-effect-with-photoshop.zip”]

First off you will need Photoshop or GIMP. I will be using Photoshop for the purposes of this tutorial. Secondly you need an image taken from a good height. The picture I am using was taken from the top of a seven story parking garage. This is probably the minimum height you would want to use.

Open your image and duplicate it onto a second layer using control+J (PC) or cmd+J (mac). Add a layer mask to the duplicate layer. Select the gradient tool (which is the alternate tool to the fill or paint bucket in the tools panel), once the gradient tool is selected choose reflected gradient from the choices at the top. Make sure that black is your foreground color and white is the background color. Select the layer mask to ensure you are working on it rather than the image itself. Now using the gradient tool click and drag from the center of where you want the gradient to fall. Keep in mind the gradient will be perpendicular to the line you drag out and fade from the center point out on either side.

This may take several tries to get lined up the way you want. Whatever the gradient covers is what will ultimately be in focus in the final image. In my example the gradient covers the road and cars.

Steps for Creating Faux Miniature Effect

Step 1

Duplicate the original layer, add a layer mask to the duplicate layer, and mask out the focal point with a reflected gradient.

Tutorial Step 1

This is what the layers panel should look like once step 1 is complete.

Tutorial Step 2

Once this is done to your satisfaction select the duplicated layer and go to filter > blur > lens blur. Select the source as Layer Mask and move the radius slider to approximately 50 (play with this as it will change with each image). Click Ok. Everything that was masked out with the gradient on the layer mask will still be in focus from the original layer. At this point touch up the layer mask with a soft black brush to make sure everything you want to be in focus is.

Tutorial Step 3

Step 2

Use the lens blur filter on the duplicate layer to focus attention. Make sure to select the source as Layer Mask. The radius slider should be at approximately 50.

Tutorial Step 4

Step 3

With a soft black brush touch up the layer mask to make sure everything you want in focus is. Whatever you paint on will be in focus.

Select the original layer and add a hue/saturation adjustment layer. Bump up the saturation until the cars (or whatever is in focus) appear almost toy-like.

Tutorial Step 5

Step 4

Add a hue/saturation adjustment layer to the original layer and bump up the saturation to taste. The adjustment layer button is located at the bottom of the layers panel.

Your layers panel should look like this at this point.

Tutorial Step 7 Closeup

Step 5

Lastly, with the original layer selected go to filter > sharpen > unsharp mask. Move the radius slider to 1 and the amount slider to anywhere between 60 and 150 depending on the size of the image. This gives an extra pop to cars or focal point.

Use these approximate settings with Unsharp Mask to give some added clarity to your focal point.

Tutorial Step 6

Final Result

Here is the final result.

Final Tilt Shift


And voilà, you’re done! See if you can trick your friends and add some really interesting images to your blog or website.

Wes Davidson is a travel writer and photographer based in Portland, Maine. He has worked in the travel industry for almost a decade. Photography and design have been his passions since high school and he tries to devote as much time as possible to them.


    • G369,
    • July 7, 2011
    / Reply

    cool. tnx for the tut!

  1. / Reply

    As a tilt-shifter (both real and faked) it should be mentioned that lenses will never, never give you that X shaped focal region. It always has to be a linear gradient of DoF.

    So, if you’re going to fake it, look up some real examples to emulate so it doesn’t look obviously faked (ie. impossible optical physics).

    Happy shooting!

    • 7em,
    • July 7, 2011
    / Reply

    agree with Brennan!

  2. / Reply

    Really handy tool, but i think it can be more used for videos rather than images, zooming in and out in videos with this method is just awesome.

    Great tool, thanks.

    • ray,
    • July 12, 2011
    / Reply

    very nice this one. i can use it for roll over effects..

  3. / Reply

    I have tried this trick already :)

    • Dax,
    • July 19, 2011
    / Reply

    I agree with Brennan. Lenses do not have a man-made focus and blur shapes, they are mostly radial (circular) or linear. The center rectangle of this photo should be focused and the rest blurred for a proper effect.
    Another tip: you should try modifying the saturation to create a “toy” effect on the objects.
    Good luck!

  4. / Reply

    Great trick.

    By the way, if you want to use French clichés, you should finish by “Et voilà”, not “And voilà”.

    Bonne soirée

  5. / Reply

    Nice, really useful.

  6. / Reply

    Very Cool!
    Thank you for Demystifying! :)

  7. / Reply

    Amazing effect with high quality. This tutorial is very easy to make and test also to. It is very useful in many illustrations. Thank you for sharing so organized. Hug’s…

  8. / Reply

    Agree, that in general it’s quite helpful tut for accomplishing.
    But wouldn’t it better to pick a bit other foreshortening or just another district?
    Anyway, the guide is well done though!

Leave a Reply

Your email address will not be published. Required fields are marked *


Iconfinder Coupon Code and Review

Iconfinder offers over 1.5 million beautiful icons for creative professionals to use in websites, apps, and printed publications. Whatever your project, you’re sure to find an icon or icon…

WP Engine Coupon

Considered by many to be the best managed hosting for WordPress out there, WP Engine offers superior technology and customer support in order to keep your WordPress sites secure…

InMotion Hosting Coupon Code

InMotion Hosting has been a top rated CNET hosting company for over 14 years so you know you’ll be getting good service and won’t be risking your hosting company…

SiteGround Coupon: 60% OFF

SiteGround offers a number of hosting solutions and services for including shared hosting, cloud hosting, dedicated servers, reseller hosting, enterprise hosting, and WordPress and Joomla specific hosting.