How to Create Tilt-Shift in Photoshop

Embed Size (px)

Citation preview

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    1/9

    Mashable

    Mashable

    Sign in

    Like Follow @mashable

    see more >

    Search

    Search

    Social Media

    Tech

    Business

    Entertainment

    US & World

    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

    AdvertiseLegal

    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

    How to Create Tilt-Shift in Photoshop

    1.6k

    Share on Facebook Share Tweet on Twitter

    LikeFollowFOLLOW

    MASHABLE

    >

    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

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    2/9

    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 makeup 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.

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    3/9

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    4/9

    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 ofmarching ants selecting the area that you don'twant 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.

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    5/9

    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.

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    6/9

    9. Adjust the colo r.

    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.

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    7/9

    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

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    8/9

    Powered by Livefyre

    Load Comments

    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.4kshares

    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.

    5kshares

    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.4kshares

    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...

    2kshares

    13 hours ago

    byTaboolaYou May Like

    Contentfrom Sponsors

    What the Bible Says About Money (Shocking)

    Moneynews

    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 Prod uctive | Fitnea Stay Fit

    Fitnea

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop

    16-Nov-13

  • 8/14/2019 How to Create Tilt-Shift in Photoshop

    9/9

    NEW

    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.3kshares

    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.7kshares

    23 hours ago

    Share Tweet Share Share

    More in Tech

    What's Hot

    to Create Tilt-Shift in Photoshop http://mashable.com/2013/09/24/photoshop