Create Tilt-shift Miniature Effect in Photoshop

February 23, 2010 · 36 comments

in Photoshop Tutorials

Tilt-shift photography is getting more and more popular these days and I bet many of you would like to have one of these tilt-shift lenses to play with. Unfortunately they are pretty expensive and you probably will not want to spend hundreds of dollars just for some funny shots.

For funny shots will use Photoshop – here is quick tutorial how to create miniature tilt-shift like effect for your photos.

1) Choose the right photo

It is important to choose right photo for this effect to look great. As you are creating miniature effect and want it to look as real as possible.

- ) Choose shot form above (remember, you are looking at miniature world).

-) Choose panorama shot with different objects – houses, cars, people etc. looks amazing if you apply this effect on them.

Here is the photo I have chosen – it is a shot from Egypt taken by friend of mine.

tilt_shift_tutorial_1

And will turn into this:

tilt_shift_tutorial_final_small

2) Select area for blur effect

First of all look at your photo and think about what area will look great as a miniature. I think I will go with the middle of image with the people and camels.

-) Select Quick mask mode in Photoshop

tilt_shift_tutorial_quick-mask

-) Go and get Gradient Tool

tilt_shift_tutorial_gradient

-) From Gradient type select Reflected Gradient

tilt_shift_tutorial_reflect

-) Now go and select focus area in your image. The area you want to be in focus will appear in red after applying gradient. It should look something like this:

tilt_shift_tutorial_redarea

- ) Selecting back to Standard mode should select area for applying blur effect.

tilt_shift_tutorial_selection

3) Apply blur effect

For blur effect you can use Lens blur from the filter menu. Play with the radius setting to see which value brings best effect – for this picture I set my radius value to about 30.

tilt_shift_tutorial_blur-effect

4) Tune up the final image.

Only thing I have don to the final image is spiced up the color with Saturation option as it gives better feel of miniature world. If you need you can play with brightness, curves, contrast and other options to give to the picture final touch.

Here is the final image:

tilt_shift_tutorial_final

Hope you like this tutorial and remember to subscribe to our feed for upcoming news and tutorials!

Article by

has written 18 awesome articles for us at Photoble

  • http://www.1stwebdesigner.com/ Dainis Graveris

    Definitely giving thumbs up to this tutorial! So simple but with right photo you can do wonders with it! Thanks for sharing these tips!

  • http://www.codesquid.co.uk/ Codesquid

    Wow! They look like little toys! It's amazing that such a smal change can do that!

  • http://twitter.com/photoble Photoble.com

    I'm glad you like it – it is a very quick tutorial and you can turn photo to tilt-shift-like in couple minutes.

  • philipbrunner

    Awesome! Thanks for sharing!

  • http://www.tripwiremagazine.com/2010/02/user-linkcreate-tilt-shift-miniature-effect-in-photoshop.html [User Link:Create Tilt-shift Miniature Effect in Photoshop] | Tips for Designers and Developers | tripwire magazine

    [...] Create Tilt-shift Miniature Effect in Photoshop [...]

  • http://cssbrigit.com/CNews/entrada/2010022614052383 CSS Brigit | Create Tilt-shift Miniature Effect in Photoshop

    Create Tilt-shift Miniature Effect in Photoshop…

    Here is quick tutorial how to create miniature tilt-shift like effect for your photos….

  • http://www.tripwiremagazine.com/2010/02/90-fresh-posts-for-designers-and-developers.html 90+ Fresh Posts for Designers and Developers | tripwire magazine

    [...] Create Tilt-shift Miniature Effect in Photoshop [...]

  • http://www.faqpal.com/story/24633 You are now listed on FAQPAL

    Create Tilt-shift Miniature Effect in Photoshop…

    For funny shots will use Photoshop – here is quick tutorial how to create miniature tilt-shift like effect for your photos….

  • http://www.neurosoftware.ro/programming-blog/facebook-web-design/tutorial/90-fresh-posts-for-designers-and-developers/ 90+ Fresh Posts for Designers and Developers – Programming Blog

    [...] Create Tilt-shift Miniature Effect in Photoshop [...]

  • coolmilo

    very effective, cool

  • http://shoes.wisdomofbeauty.com/footwear-that-has-a-advantageous-effect-on-the-whole-body/ footwear that has a advantageous effect on the whole body. | Shoes Beauty Wisdom

    [...] Create Tilt-shift Miniature Effect in Photoshop [...]

  • http://pedrogoico.com/2010/03/13/miniature-effect-in-photoshop/ PEDRO GOICO. New Media Developer´s Blog. » MINIATURE EFFECT IN PHOTOSHOP.

    [...] Create Tilt-shift Miniature Effect in Photoshop. Share var button = document.getElementById('facebook_share_link_6995') || document.getElementById('facebook_share_icon_6995') || document.getElementById('facebook_share_both_6995') || document.getElementById('facebook_share_button_6995'); if (button) { button.onclick = function(e) { var url = this.href.replace(/share.php/, 'sharer.php'); window.open(url,'sharer','toolbar=0,status=0,width=626,height=436'); return false; } if (button.id === 'facebook_share_button_6995') { button.onmouseover = function(){ this.style.color='#fff'; this.style.borderColor = '#295582'; this.style.backgroundColor = '#3b5998'; } button.onmouseout = function(){ this.style.color = '#3b5998'; this.style.borderColor = '#d8dfea'; this.style.backgroundColor = '#fff'; } } } dtsv.dtse_post_6995_permalink = 'http://pedrogoico.com/2010/03/13/miniature-effect-in-photoshop/'; dtsv.dtse_post_6995_title = 'MINIATURE EFFECT IN PHOTOSHOP.'; [...]

  • Anonymous

    I gues with Photoshop extended you could apply this to video as well. What’s more expensive CS5 Extended or a TS lens?

  • jeffandpals

    I gues with Photoshop extended you could apply this to video as well. What's more expensive CS5 Extended or a TS lens?

  • http://new.webcoursesbangkok.com/blog/photoshop-tutorials/ Photoshop Tutorials | Web Courses Bangkok

    [...] » Create Tilt-shift Miniature Effect in Photoshop / photoshop Articles Blog [...]

  • Timblin

    It’s like $300 more for the TS lens. Time is $$. I’d get the lens.

  • Timblin

    It’s like $300 more for the TS lens. Time is $$. I’d get the lens.

  • Timblin

    It's like $300 more for the TS lens. Time is $$. I'd get the lens.

  • Timblin is POOP!

    You can do more with photoshop….

  • Timblin is POOP!

    You can do more with photoshop….

  • Timblin is POOP!

    You can do more with photoshop….

  • Pinkandwhite

    Cheers for this!!!

  • Pinkandwhite

    Cheers for this!!!

  • http://www.yusrablog.com/photoshop-2/tilt-shift-tutorials-for-photoshop-and-photography/ Tilt Shift Tutorials For Photoshop and Photography | YusraBlog

    [...] piece of cake!How to Make Fake Miniature ScenesTilt-Shift Miniature Fake Technique in Photo-shop CSCreate Tilt-shift Miniature Effect in PhotoshopTilt Shift Photography – Video Photoshop TutorialSimulated Tilt-Shift Using Photoshop ElementsFake [...]

  • Anonymous

    Hmm… so fake.

  • Anonymous

    Hmm… so fake.

  • http://www.cartoonifyyourself.org cartoonify yourself

    I shale give this a try in my freetime

  • rachel

    so cool!!! i am kinda new with photoshot, and this will be VERY fun to play with! thanx!

  • http://mypentax.romebe.com/2011/07/26/city-shift/ City shift | My Pentax On Show

    [...] tilt-shift effect, it looks funny and more colorful I you like this technique, please visite http://www.photoble.com Share this: Tuesday, July 26th, 2011 at 10:29 am Technique | Bangkok, city, effect, [...]

  • L Brad0

    Invert selection!

  • L Brad0

    Invert selection!

  • Jayesh

    Thanks a lot for the help, Sir.

  • Jayesh

    Hey Timb, We don’t have much money too…pal

  • Jayesh

    We can’t throw money on this Lens, we have The most powerful tool in our life…
    The Adobe PHOTOSHOP.

  • Nasser

    Amazing

  • http://vietdesigner.net/ VietDesigner.net

    Haha! Very easy

Previous post:

Next post: