How To Create Tilt-Shift in Photoshop

How to Create Tilt-Shift in Photoshop
http://mashable.com/2013/09/24/photoshop-tilt-shift/
Mashable
Mashable Sign in Like Follow @mashable see more > Search
Search
FOLLOW MASHABLE >
Like Follow
Social Media Tech Business Entertainment US & World All US & World Politics Social Good U.S. World
A Chinese Province Is Trying to Solve Its Labor Problems With Robots
Our Promised Land: Silicon Valley and Its Prophets of Profit
Just 11% of Americans Tweet Every Month
Pinterest Expands Into Scandinavia With More Countries to Come
Batkid Was Beautiful Let's Keep It Going Lifestyle Watercooler Jobs More Channels Social Media Tech Business Entertainment US & World Lifestyle Watercooler Jobs Company About Us Licensing & Reprints Archive Contact Contact Us Submit News Submit a Bug Advertise Advertise Legal Privacy Policy Terms of Use Apps iPhone App iPad App Android App Resources Guidebooks Subscriptions Sites Jobs Events Social Good Summit Media Summit
1.6k Share on Facebook Share Tweet on Twitter
Tech

1.6k Share on Facebook Share Tweet on Twitter
1 of 9
16-Nov-13 4:02 PM
BY DENISE LU / SEP 24, 2013

There's something about tiny things that is just inherently fascinating. Tilt-shift photography is a great example of how making large, real-life objects look miniature can create beautiful art. Tilt-shift is a kind of photography that manipulates focus and depth-of-field to yield photos that have selective focus, often mimicking a miniature model. The effect can be achieved with special tilt-shift lenses, but you can also fake the effect in post-production via Photoshop. SEE ALSO: 10 Terrific Tilt-Shift iPhone Photos Here's a step-by-step tutorial on how to create tilt-shift miniature fakes with just a few effects in Photoshop.
1. Pick an appropriate picture.

This is possibly the most important step. Choosing the right photo will ensure that your final image has maximum effect by starting off on the right foot. Tilt-shift photography tends to work best for photos that have a wide view and are taken from higher ground. The photo doesn't necessarily have to be an aerial shot, but it should be something that is composed of many small parts that make up a whole. You should be able to envision how your photo might be manipulated to look like a miniature model, even before its Photoshop transformation. For this tutorial, we're using a shot of Barcelona taken from the hill of El Carmel:
2. Edit photo using Camera Raw (optional).

An optional step, you can pre-edit your photo in Photoshop Camera Raw to prep it before adding additional effects. To do this, open up the Open menu in Photoshop, select your file and then select Camera Raw in the Format drop-down menu.
From here, you can play around with adjustments until you're satisfied with your photo. Remember, the idea is to make it look more toy-like to look like a miniature model. The first step is to increase the clarity of the photo so your photo will have crisp edges. You can give it a hefty increase in clarity, but be cautious that it doesn't look too fake. Then, increase the brightness, contrast, vibrance and saturation of your photo as needed. Once you're satisfied, click Save Image and then Done to exit Camera Raw.
2 of 9
16-Nov-13 4:02 PM
3. Switch to Quick Mask mode.

Since our photo already has a fair number of colors and looks close enough to a miniature model, we'll forgo the Camera Raw step. Open up your photo in Photoshop and switch to Quick Mask mode. You can do this by either hitting the Q key on your keyboard or clicking on the Quick Mask mode button at the bottom of your tool box menu. This will basically "mask" your selected areas from whatever effects you apply next.
4. Make a reflected gradient.

Select the Gradient tool, which looks like a rectangle with a gradient across it. You can also just hit G on your keyboard.
5. Draw your gradient.

Using the Gradient tool, draw a vertical, perpendicular line. This is a tricky step. You want to start the line in an area that you want to be in focus, and then end the line in an area that you want to be out of focus. For best effects, your in-focus area should be something closer to you, rather than farther. In the photo below, we've outlined in red the line we drew. Note how it starts with the in-focus and closer white house and ends where the buildings are less distinct and out of focus.
3 of 9
16-Nov-13 4:02 PM
In your options bar, make sure you have the fourth choice selected, which is the Reflected Gradient. This will make a gradient that has a mirror-effect.
After you draw your line, there should be a red bar over the area that will be in focus. It usually takes a few tries to get this exactly the way you want it, so play around with the gradient until you're satisfied.
6. Exit Quick Mask mode.

Click on the Quick Mask mode button again to return to Standard Mode, or simply hit the Q button on your keyboard again. Now, you should see a series of marching ants selecting the area that you don't want to be in focus. Remember, the Quick Mask mode puts a "mask" over the effects you're about to add next, and we want to put a lens blur on the selected area. If you aren't satisfied with your selection, undo and repeat the last step until you've picked the perfect area to be in focus.
4 of 9
16-Nov-13 4:02 PM
7. Apply a lens blur.

Once you're satisfied with your selection, go to Filter > Blur > Lens Blur to put a lens blur effect on the area you've selected.
A new window will open, and here you can preview your effect before applying it. You can adjust how blurry you want the background to be, but just be careful to not make it look too fake by making a sudden jump from in-focus to out of focus. Once you're satisfied with the effect, click OK to accept and exit the lens blur window.
8. Deselect your image.

Get rid of the marching ants by deselecting your selected parts under Select > Deselect.
5 of 9
16-Nov-13 4:02 PM
9. Adjust the color.

Now it's time to make the photo look more model-like by adjusting the color and contrast of the photo. To adjust saturation, go to Image > Adjustments > Hue/Saturation.
Slowly increase the saturation of the photo until it looks more toy-like. Again, the idea is to lay on the effect in an amount that tricks the eye, but not too much that it looks fake and unbelievable. Click OK when you're satisfied with the effect.
10. Adjust the contrast.

Adjust the contrast of the photo by accessing the Curves panel. Go to Image > Adjustments > Curves.
6 of 9
16-Nov-13 4:02 PM
Making a slight S-curve will increase the contrast of your photo to make it look even more toy-like. Play around with curves until you have a desired effect, then click OK to accept the effect and exit the panel.
11. Finished!
This is the final product of a miniature Barcelona. Play around with the steps above and show us some of your own creations in the comments below.
Images: Mashable, Denise Lu
TOPICS: APPS AND SOFTWARE, ART, CONTRIBUTOR, DEV & DESIGN, PHOTOGRAPHY, PHOTOSHOP, TECH
7 of 9
16-Nov-13 4:02 PM
You May Like

What the Bible Says About Money (Shocking)
Moneynews
by Taboola
8 Bad Habits That Cause Back Pain | Fitnea Sta

Fitnea
Yen Gains Traction After Central Bank Meetings

Finances.com
Solid PMI Helps Euro Gain Traction

Finances.com
Blackberry Plummets on Fairfax Deal

Finances.com
Heart Attack: How Your Body Warns You Days B

Newsmax Health
MasterCard Pops on Spending Growth

Finances.com
Visa Falls Despite Revenue Gains

Finances.com
US stocks fall as markets absorb FOMC decision

Finances.com
7 Simple Ways of Being Super Productive | Fitnea Stay Fit

Fitnea
Content from Sponsors
Load Comments
Powered by Livefyre
What's Hot
Watercooler
New Adventure in the World of 'Harry Potter' Unfolds in Short Film

Molly Horan Harry Potter fans rejoiced earlier this fall when they learned their beloved series would return in a film adaptation of Fantastic Beasts and Where to Find Them. But that's not the only movie to take on the wizarding world beyond Harry Potter himself... 6.4k shares 20 hours ago Share Tweet Share Share
US & World
20 Batkid Instagram Photos That Will Make You Whole Again

Sam Laird The hero known as BatKid saved San Francisco and delivered smiles to the entire Internet while Instagram users captured the action as only they can. 5k shares 11 hours ago Share Tweet Share Share
US & World
Batkid Was Beautiful Let's Keep It Going

Chris Taylor Earlier this week, the folks at the Make-a-Wish Foundation's San Francisco branch called me about a crazy scheme they were cooking up for a boy named Miles, who has leukemia. Because he loved Batman, they were going to drive him around the city in a ... 3.4k shares 11 hours ago Share Tweet Share Share
US & World
Batkid Captures Obama and the Justice Department's Attention

Fran Berkman It's not often a U.S. Department of Justice press release and indictment will leave you grinning from ear to ear, but these may do the trick. The U.S. Attorney's Office for the Northern District of California issued a release Thursday thanking Batkid... 2k shares 13 hours ago
8 of 9
16-Nov-13 4:02 PM
Share Tweet Share Share
Watercooler
Boy With Autism Singing 'Roar' Brings New Meaning to Katy Perry Song
Neha Prakash Jack Robbins is a champion and you're gonna hear him roar -- for the first time ever. The 8-year-old from Texas has severe autism, leaving him mostly nonverbal (apart from basic words or repeating short phrases when told). He doesn't communicate emot... 8.3k shares 17 hours ago Share Tweet Share Share
US & World
Want to Help Typhoon Haiyan Victims? Post an 'Unselfie'

Todd Wasserman An ad agency exec has applied his marketing prowess to help funnel aid to victims of Typhoon Haiyan by starting a movement of "unselfies." Nicholas Bordas, VP at TBWA/Europe and president of Being Worldwide, proposed the idea, which he had spotted el... 1.7k shares 23 hours ago Share Tweet Share Share
More in Tech NEW
What's Hot
9 of 9
16-Nov-13 4:02 PM

How To Create Tilt-Shift in Photoshop

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

How To Create Tilt-Shift in Photoshop

Încărcat de

Drepturi de autor:

Formate disponibile

How to Create Tilt-Shift in Photoshop

FOLLOW MASHABLE >

A Chinese Province Is Trying to Solve Its Labor Problems With Robots

Our Promised Land: Silicon Valley and Its Prophets of Profit

Just 11% of Americans Tweet Every Month

Pinterest Expands Into Scandinavia With More Countries to Come

1.6k Share on Facebook Share Tweet on Twitter