ilt-Shift Photography Photoshop Tutorial

Tilt-Shift Photography Photoshop Tutorial

This tutorial will walk you through how to create a tilt-shift image in Photoshop.  It has been produced using Photoshop CS2 on a PC.  Once you finish your tilt-shift image, make sure you upload your image for everyone to see.  You should also check our our gear page to find all of the latest gear you need to create tilt-shift images.

Step 1: Photo Selection

When choosing a photograph for the tilt-shift effect, bear in mind that you want to give the impression of a miniature model. Miniature models are usually viewed from above so try and choose a photo with an elevated viewpoint. Buildings, roads, traffic and railways are excellent choices but make sure there is a reasonable wide angle of view.

For this tilt-shift photography Photoshop tutorial, we are using a picture of Times Square during a typical day:

1-original
Even before the tilt-shift effect has been applied, it’s not too hard to imagine the scene as if it were a model.

To find an appropriate image, we suggest you browse through the flickr tilt-shift fakes pool. Pay attention to licensing terms though – if you are going to manipulate and display your work it will need to be released under the Creative Commons licence.

Step 2. Enter Quick Mask Mode

Open the image in Photoshop and enter Quick Mask Mode by pressing Q on the keyboard, or select the Quick Mask icon as shown in the Tool Palette below:

2-quick-mask
Step 3. Choose Gradient Tool

Choose the Gradient Tool by pressing G on the keyboard, or select the Gradient Tool icon. Be sure to choose the Reflected Gradient option (the fourth icon along before the Mode drop-down).

3-gradient-tool

Step 4. Draw A Line

Draw a vertical line; the start point will be the centre of the in-focus area, and the end will be where the transition from in-focus to out-of-focus is completed. This step, and the subsequent two steps, will need a fair degree of trial and error. If you look closely at the image below, you will see the line has been drawn from the back door of the silver car up to just under the word Hollywood beneath the street lamp.

4-draw-line

Once you release the mouse button the area of focus will appear as a red band across the image, as shown in the next step.

Step 5. View Mask Area

5-red-mask

Before progressing, review the position of the red mask. The middle of the mask is where the in-focus area will be, gradually losing focus towards the edges. Note the out-of-focus effect is yet to be applied.

Step 6. Return To Standard Mode

Press Q on the keyboard to exit Quick Mask Mode and return to Standard Mode, or press the icon on the Tool Palette as shown below. The area to apply the focus effect to will be surrounded by the “marching ants” selection lines:

6-standard-mode

Step 7. Open Lens Blur Interface

Choose Filter > Blur > Lens Blur:

7-lens-blur

Step 8. Review Effect And Tweak Settings

Hopefully, you will now see a pleasing focus effect. The Photoshop default settings for Lens Blur seem to work well, but experiment with them to improve the effect. If you are unhappy with the position of the focus area, go back to Step 4 and try drawing a line in a different place or with a different centre of focus.

 

8-lens-blur-settings
Step 9. Exit Lens Blur Interface

Assuming you were happy with the image preview in Step 8, click OK to accept the settings:

9-exit-lens-blur

Step 10. Remove Selection Boundary

Press CTRL-D on the keyboard to remove the “marching ants” selection bounday:

10-ctrl-d-remove-select

Step 11. Open Hue/Saturation Adjustment Interface

You may want to boost the colour saturation, to improve the effect. Remember that model scenery is often brightly painted so enhancing the saturation helps trick the eye. Press CTRL-U on the keyboard or select Image > Adjustments > Hue/Saturation:

11-choose-hue-saturation

Step 12. Boost Saturation

In this example, we boost the Master saturation to +40.

12-saturation-40

Step 13. Open Curves Adjustment Interface

It may help to increase the contrast of the image slightly using the Curves adjustment. Press CTRL-M on the keyboard or select Image > Adjustments > Curves:

13-choose-curves

Step 14. Adjust Curves

In this example we use a very small S-shaped curve to increase contrast. Take care not to over-do this step; in fact, it may not be necessary at all.

14-slight-s-curves

 

Step 15. Finished

Here’s the finished image.

15-voila

Categories:

Topic Filter: Commercial / Landscape / Portrait / Stock / What's Hot

Related Tutorials

Interviews

Martin Lawrence

After many years as a keen amateur photographer, I decided to start a small landscape photography business called Lakescenes which I ran alongside my main job as an IT Manager. As business increased, I found myself working long, but rewarding, hours just to keep up […]

Read More

Rob Sheppard

Rob Sheppard is a naturalist, nature photographer and videographer who says his favorite location is the one he is in at any time. He is the author/photographer of over 40 books, as well as a well-known speaker and workshop leader, and a Fellow with the […]

Read More

Gary Hart

Gary Hart has photographed California’s natural beauty for over 30 years. Gary’s photos and writing have appeared in many publications, most recently Outdoor Photographer and Sierra Heritage magazines. You’ll also find his images in greeting cards, postcards, calendars, and many galleries and private collections throughout the world.

Read More

Jaroslav Wieczorkiewicz

Originally from Poland, based in London UK, Jaroslav has background in Fine Arts, degree in Architecture, and wide array of experience. Being an Architect taught him how to be resourceful and to solve complex problems with simple, yet innovative solutions. Constant passion for graphic & […]

Read More

What's Hot

Mountain Landscape Photography Tips

There are few experiences as exhilarating as trekking in a mountainous landscape. A few years ago I did a three week long trek in the Himalayas, walking a circuit of about 300 km. As you can imagine, it was a huge experience, both physically and […]

Read More

Start Making Better Bird Pictures

At once challenging and wondrous subjects, birds are fast, elusive, biologically diverse, and can be stunningly beautiful. “There are about 10,000 species of birds in the world, and their range of behaviors is very wide,” says William Majoros, a North Carolina–based scientist and avid bird […]

Read More

Composition: Small Things Make a Big Difference

I’m continually astonished at how small things can have a big impact. Take the humble comma for instance. The placement of this relatively insignificant little mark can make all the difference to how legible a sentence is. Not adding a comma into the relevant place […]

Read More