T H E A D O B E® P H O T O S H O P
Dynamic Range
®
“ H O W -T 0 ” M A G A Z I N E ›
Craft a composite that creates the illusion that part of a photo is coming right out of your smartphone’s screen
›
june
Learn how to use displacement maps in unique ways to create dispersion and particle effects
2017
Proving Ground ®
PHOTOSHOP SPECIAL EFFECTS Adding finishing effects to your images will have your clients screaming for more
THE OFFICIAL PUBLICATION OF
Markus Gollner | KelbyOne Member
Watch How Zach Got the Shot
The Rapid Box™ Duo Portable Speedlight Modifier
Watch What’s Trending on the KelbyOne Channel!
Photoshop Buried Treasure, #2: B&W Conversions Using Calculations
Buried Treasure in Camera Raw: One Key Super Zoom
Photo Tip Friday: Dave Clayton “Photoshop Templates”
Lightroom Mobile & The Two Finger Tap Lightroom Tips | Photoshop Tutorials | Photography Tips “Photo Tip Friday” Quick Tips | Online Class Trailers | Full Episodes of The Grid
CONTENTS
Adobe Stock; BLT Communications; Layout: Jessica Maldonado
[ P H O T O S H O P U S E R • J u n e 2 0 17 • V O L 2 0 • N O 5 ]
[070] FINISHING EFFECTS IN PHOTOSHOP By Corey Barker to his Photoshop toolbox for finishing his composites. From custom brushes to layer styles to HDR Toning, these special effects will help unify the elements in your composites and add that wow factor that will impress your clients and viewers. More importantly, these techniques are a
[020]
©Adobe Stock/Zsolnai Gergely
springboard for you to experiment and come up with your own amazing finishing touches.
©Adobe Stock/RUSLAN SOLNTSEV
FEATURE
Over the years as a designer, Corey Barker has added a plethora of quick-and-easy effects
[032]
A NOTE FROM SCOTT
[020]
DOWN & DIRTY TRICKS
[009]
CONTRIBUTORS
[032]
DOWN & DIRTY TRICKS
BENEFIT SPOTLIGHT
[044]
BEGINNERS’ WORKSHOP
[012]
[050]
DYNAMIC RANGE
[058]
RETOUCHING MAGIC
[084]
DESIGNING WITH PHOTOSHOP
[010]
KELBYONE COMMUNITY [016]
HEARD ON THE TWEET
[018]
A Few Finishing Tricks to Get that Movie Poster Look Craft Your Own Set of Energy Wings Removing Distracting Objects
Bringing Smartphone Screens to Life Blend Mode Magic
Working with Type in Photoshop
NEW ONLINE TRAINING
COLUMNS
FROM THE HELP DESK
[064]
PHOTOSHOP PROVING GROUND
Using the Displacement Map for Particle Effects
DOWNLOADABLE CONTENT
[092]
PHOTOSHOP TIPS
Whenever you see this symbol at the end of an article, it means there are either downloadable practice files or additional content for KelbyOne members at http://kelbyone.com/magazine.
[094]
DESIGN MAKEOVER
Whenever you see this button at the end of an article, click it to go to the Online Community to ask questions or make comments about this issue.
[098]
PRODUCT REVIEWS
[110]
BOOK REVIEWS
Discuss this Issue
in the nav bar at the top Click this symbol of the online reader to access the Contents.
[050]
Boost Your Productivity and Creativity
Home Design
Get the Scoop on the Latest Gear
Reviews of Photoshop and Photography Books
Kristina Sherk
[112]
David Williams
DEPARTMENTS
HOW TO
[007]
[058]
KelbyOne Members Receive Exclusive Discounts
The Professional’s Source TM
Log on to KelbyOne’s website: http://kelbyone.com/discounts
420 Ninth Ave, NYC Visit Our SuperStore
877-885-1911
Speak to a Sales Associate or consult with Live Chat online
www.BandH.com
NYC DCA Electronics Store Lic.#0906712; NYC DCA Electronics & Home Appliance Service Dealer Lic. #0907905; NYC DCA Secondhand Dealer – General Lic. #0907906 © 2016 B & H Foto & Electronics Corp. JN150613
Shop conveniently online
› › FROM THE EDITOR
> A Note from Scott
details as we get closer. Congratulations, Melanie! We can’t wait to share your wonderful work with the world. One more thing, and then I’ll let you get to the mag. If you’re not visiting the KelbyOne Insider blog (the link is in your dashboard), you’re missing out on lots of cool stuff. One thing that’s really resonating with our members is our Member Challenges—you have to check it out on the site (go to page 12 to learn even more). While you’re on the site, check out the latest member discount from Macphun. They just added a 15% discount on their Luminar plug-in (that’s what I’ve been using since my Nik Collection started to die, which has been happening to a lot of folks lately). Sadly, Google announced that they wouldn’t be updating the software any longer for people who can’t get it to work. In short, it’s dead, but I have a new class on how to use Luminar coming out at the end of June, so you can make an easy-and-painless jump from the old to the new. Whew, that’s a lot of stuff, and I’ll have a whole lot more next issue. In the meantime, thanks to everyone who tells their friends about KelbyOne, who gives us a shoutout on social, or is active in the Community. You guys rock! Now you can check out the mag—it’s a pretty good one. ;-) All my best,
Scott Kelby KelbyOne President & CEO Editor & Publisher, Photoshop User
> K ELBY ON E . CO M
I have lots of cool things to share this issue, so let’s get to it! Last issue, I talked about our new KelbyOne Mags app for reading this magazine and our sister publication, Lightroom Magazine, and it’s been an overwhelming hit with our members. I wanted to share a quote from one member who went on Twitter and wrote: “I downloaded the app last week. What an improvement. I had pretty much given up reading the magazines because it was so inconvenient, but I have already read the latest issue and [am] going back to earlier issues. Great job! Actually, it is the best reading app I have used!” I wish I could take the credit, but it was Chris Main and Erik Kuna who worked to make this app a reality, and then take it further than any of us imagined it could go. But we actually have more app news: The all-new, from-the-ground-up version of our other app. (Yes, we have two apps—one for reading the mags, and one that lets you take KelbyOne courses offline so you can watch them when you don’t have Internet access, or really slow access, like when you’re on a flight.) Well, we’ve been testing the new app internally (and yes, it’s for iPhone and Android), and it’s stable enough to start having beta testers look at it. To find beta testers, we’re looking to the awesome members involved in the KelbyOne Community section of the website. These folks (the most helpful folks in the world) are totally engaged with their membership and us, and I know they’ll put this baby through its paces in a big way before the full release to the membership. So if you’re an active member of the Community, keep an eye out for your beta release invite for the new KelbyOne app. In other news, we’re very, very excited to once again announce the winner of our contest where one talented KelbyOne member (and a guest) will be flown to Florida for her own solo gallery showing at “The Gallery at KelbyOne.” We had members enter from all over the world, and I’m thrilled to announce that our winner is KelbyOne member Melanie Kern-Favilla. Her stunning images of flowers absolutely captivated the judges, and we can’t wait to see her images hanging on the walls of the gallery. Her gallery show opening is at 7 p.m. on Friday, July 21, and we’ll be broadcasting a live, one-hour interview with Melanie at 8 p.m. that evening from our events theater. Keep an eye on your email inbox for more
Kalebra Kelby
CALLING ALL BETA TESTERS
[ 7 ]
J U N E 2 0 17 • V O L 2 0 • N O 5
AN OFFICIAL PUBLICATION OF
EDITORIAL: Scott Kelby, Editor-in-Chief Chris Main, Managing Editor Kim Doty, Associate Editor
CONTRIBUTING WRITERS: Corey Barker • Peter Bauer • Bruce Bicknell • Dave Clayton Michael Corsentino • Kirk Nelson • Kristina Sherk • Colin Smith Lesa Snider • Scott Valentine • Erik Vlietinck • Jake Widman David Williams
GRAPHICS: Jessica Maldonado, Art Director Margie Rosenstein, Senior Graphic Designer Angela Naymick, Senior Web/Graphic Designer
MARKETING: Adam Blinzler • Jacque Johnson • Rachel Scott • Kleber Stephenson Melissa White
WEB: Adam Frick • Curt Husting • Yojance Rabelo • Aaron Westgate
PUBLISHING: Scott Kelby, Publisher Kalebra Kelby, Executive V.P. Jean A. Kendra, Business Manager
ADVERTISING:
Jeanne Jilleba, Advertising Coordinator 800-201-7323 ext. 152
HOW TO CONTACT KELBYONE: U.S. Mail: 118 Douglas Road East • Oldsmar, FL 34677-2922 Voice: 813-433-5000 • Fax: 813-433-5015 Customer Service:
[email protected] Letters to the Editor:
[email protected] Help Desk: http://kelbyone.com/my-account/helpdesk
COLOPHON: Photoshop User was produced using Adobe Photoshop CC 2017 and Adobe InDesign CC 2017. Korolev was used for headlines and subheads. Frutiger LT Std for text.
Each issue we feature cover art by a KelbyOne member! This issue´s cover image is by Austria-based artist and photographer Markus Gollner of Markus Gollner Photography. Markus is an autodidactic photographer with a passion for surreal art and fast-paced action. Whenever his job as an airliner allows, he covers rock concerts or ardently dedicates his time to create new surreal and dreamlike images. His art is emotional and teasing. Markus´s long-term goal is an exhibition and to get recognized for his artwork. To learn more about Markus and to see more of his work, turn to page 14.
All contents ©COPYRIGHT 2017 KelbyOne, LLC. All rights reserved. Any use of the contents of this publication without the written permission of the publisher is strictly prohibited. Photoshop User is an independent journal, not affiliated in any way with Adobe Systems, Inc. Adobe, the Adobe logo, Acrobat, Illustrator, InDesign, Lightroom, and Photoshop are registered trademarks or trademarks of Adobe Systems, Inc. in the United States and/or other countries. All other trademarks mentioned belong to their respective owners. Some of the views expressed by contributors may not be the representative views of the publisher. ISSN 2470-7031 (online)
COREYBARKER is an award-winning designer and illustrator. A featured instructor at the Photoshop World Conference and an Adobe MAX Master Instructor, he has produced numerous training titles for KelbyOne. Look for his latest book
CONTRIBUTORS
PETERBAUER
COLINSMITH
is an Adobe Certified Expert that does computer graphics consulting for a select group of corporate clients. His latest book is Photoshop CC for Dummies. He was inducted into the Photoshop Hall of Fame in 2010.
is an award-winning digital artist, photographer, and lecturer who has authored 19 books and has created a series of training videos. Colin is also the founder of the online resource PhotoshopCAFE.com and president of Software-Cinema.com.
BRUCEBICKNELL
LESASNIDER
is the founder of Digital Blue Productions. He has been an instructor on Adobe’s in-box training, and is an instructor at Sessions.edu. His clients include Time Inc., NFSTC, DTCC, and magazines that include People and National Geographic..
is the author of Adobe Lightroom CC and Photoshop CC for Photographers: Classroom in a Book (2016), Photoshop CC: The Missing Manual, TheSkinnyBooks.com, more than 40 video courses, and the “Creaticity” column for Macworld.
DAVECLAYTON
SCOTTVALENTINE
is a KelbyOne instructor, designer, and creative specialist with more than 30 years experience. He specializes in creating branding projects and logos and has been published by Peachpit and KelbyOne. He’s also an Adobe Influencer and ACA in InDesign.
is a member of Adobe’s prerelease team, an Adobe Community Professional, and Photoshop author. His books include The Hidden Power of Adjustment Layers and The Hidden Power of Blend Modes (both by Adobe Press). Keep up with him at scoxel.com.
MICHAELCORSENTINO
ERIKVLIETNICK
is an award-winning wedding and portrait photographer, Photoshop and Lightroom expert, author, columnist for Shutter Magazine and Resource Magazine, and speaker and international workshop leader. Learn more at www.michaelcorsentino.com.
founded IT Enquirer in 1999. A J.D. by education, Erik has been a freelance technology editor for more than 22 years. He has written for Macworld, Computer Arts, and many others. He also contributes to UK-based Red Shark News and Red Shark Sound.
KIRKNELSON
JAKEWIDMAN
is a professional graphics artist in the Washington, D.C., area. He has a B.A. from George Mason University and is an Adobe Certified Expert in Photoshop. Kirk’s career has touched on a broad range of subjects from logo design to animation. He can be reached here.
is a writer and editor who lives in San Francisco. He’s been covering the intersection of computers and graphic design for about 25 years now—since back when it was called “desktop publishing” and Photoshop was just a piece of scanning software.
KRISTINASHERK
DAVIDWILLIAMS
is a high-end retoucher based in D.C. and has worked for clients such as Time Inc. and Hasselblad. She loves “translating” Photoshop for people and has written for Shutter Magazine, as well as authored KelbyOne courses and PhotoshopCAFE’s Fashion Retouching DVD.
is a well-seasoned, UK-based travel photographer with internationally published work and a passion for sharing his knowledge of Adobe software. Dave lives by the mantra, “Lend me your eyes and I’ll show you what I see.”
> K ELBY ON E . CO M
Photoshop Tricks for Designers.
[ 09 ]
> Benefit Spotlight
> PHOTOSHOP USER > J U N E 2017
KELBYONE MAGS: THE NEW MOBILE APP FOR PHOTOSHOP USER & LIGHTROOM MAGAZINE
[ 10 ]
We recently released KelbyOne Mags for both iOS and Android devices. This new app is perfect for reading Photoshop User and Lightroom Magazine on the go. And the library is stocked with back issues. Photoshop User goes all the way back to January 2014, and the entire collection of Lightroom Magazine is available in the app. That’s more than 60 issues. If you’re on a Wi-Fi or cellular network, just tap the cover of the issue you want to read and start reading. If you know you’re going to be somewhere without an Internet connection, download a few issues directly in the app, and then you can read them offline! (We highly recommend that you download issues over Wi-Fi, unless you have unlimited data.) But that’s not all. The app also gives you instant access to the KelbyOne Community. Have questions, comments, or
suggestions about the magazines, online courses, or anything to do with photography, Photoshop, or Lightroom? Visit the Community and start interacting with other members, instructors, and writers. There are tons of people there ready to help. Plus, you can access the new KelbyOne Insider. This blog is for members only and will keep you up to date on everything going on at KelbyOne. And finally, you can access our Facebook and Twitter feeds directly in the app to give you even more ways to interact with KelbyOne. You can find out more about the app right here on the Insider. We also have a dedicated topic for the app on the Community. So go ahead and download KelbyOne Mags today and visit the Community to let us know what you think.
#KelbyOneBooks
RACHELSCOTT & DAVECLAYTON
> KelbyOne Community Inspiration, information, and member musings to fuel your creativity Ready for a Member Challenge? We’ve always known our members are talented, but when the Gallery at KelbyOne slammed that message home with countless incredible bodies of work, we decided we had to do something more to show off your work. So what did we come up with? Weekly Member Challenges! What’s a Member Challenge? It’s a mini-contest that’s announced via both the Insider and the Community. In those posts, we pick a topic or theme with which to challenge our members. Member Challenge 1 consisted of landscapes. We asked our members—that’s you guys—to submit their very best landscape photographs (only one entry per person). And boy did you deliver! Our first winner was Scott Chandler with this beautiful shot of the Moeraki Boulders at sunrise in New Zealand. Here’s the link to the Insider post announcing the winning image.
In Member Challenge 3, we asked members to submit their best wildlife images, and once again, we were impressed by the number of amazing images that poured in. It really does make it tough to pick a winner. This time around, Doreen Lawrence took the top spot. Check out the Community to see all the great submissions, and the Insider to see the announcement of the winning image.
All Member Challenge winners not only get to be featured on the Insider with a post dedicated to their winning image for all other KelbyOne members to see, but they also get an exclusive T-shirt—only available to Member Challenge winners. Member Challenges will take place every Friday with winners being announced the following Thursday. Keep an eye on the Insider for your next chance to win!
> PHOTOSHOP USER > J U N E 2017
The winner of Member Challenge 2, which was photos with a summer theme, was Svetlana VanKempen. Here’s the link to the Insider post announcing her winning image.
[ 1 2 ]
Special Guest Rob Foldy We had another visitor at KelbyOne headquarters, and this time he was someone a bit more local, Rob Foldy. Based out of Miami, Rob is a professional sports and portrait photographer. He’s shot for Getty Images, ESPN, and Sports Illustrated. Wondering why Rob paid us a visit? Two reasons! Reason #1: Rob was a special guest on episode 285 of The Grid. Scott and Rob discussed what it takes to get paid as a photographer. So if you want to start making some cash with your work, you need to watch that episode. Reason #2: Rob was filming two new sports photography classes for KelbyOne—feel free to jump out of your seat and do the wave! To see some of Rob’s work, visit his website, Rob Foldy Photography. You can also get to know Rob on Twitter, Facebook, and Instagram.
ARTIST SPOTLIGHT >> BRIAN RODGERS JR. MEMBER SINCE 2008
ARTIST SPOTLIGHT >> CHRIS LORD MEMBER SINCE 2004
WHO’S WHO IN THE KELBYONE COMMUNITY >> MARKUS GOLLNER MEMBER SINCE 2014
› › K E L BYO N E C O M M U N I TY
Who’s Who in the KelbyOne Community Markus Gollner is an Austria-based artist with a passion for surreal art and fast-paced action. His art is emotional and teasing, and his long-term goal is an exhibition and to get recognized for his artwork.
From my youth I was always creative, and at the same time interested in technical stuff. I did mostly painting, as at that time, I had no computer or Photoshop. At the age of 15, I got my first camera and I liked it instantly. It’s a combination of technique and vision, and I got a result quicker than in a slow painting process. Don’t ask me why, but at that time photography wasn’t on my radar as an occupation. After my bachelor’s degree, I started aviation training, and today I’m captain of an Airbus 320 flying in Europe. I did take photos nevertheless, and photography in a professional way became interesting in my mid-thirties. At one point I was bored with the “normal stuff“ and was keen in going a new and different way, covering subjects that aren’t everyday. My entry into that field was to cover the Special Operations Unit COBRA, the Austrian Police Special Forces, publishing a photo book about them. That led to the “Jagdkommando,“ the Austrian Army Special Forces. Next came “Kommando Spezialkräfte“ of the German Army.
You have a quote on your website that reads “Make Visible What, Without You, Might Perhaps Never Have Been Seen.” What made you start experimenting with fantasy style images? My first fantasy style image was “Vampires.“ At that time I was covering action—Special Forces, sports, and music. I loved that and still do, but I was looking for something new and different. Nowadays, we’re flooded with zillions of images every day, which we rarely look at consciously or remember later on. I wanted to create images that stand out, catch you off guard, make you stop and engage.
Where does the idea start for a new project, and do you aim for one image or a series? Every shoot has a theme, mostly surreal, dark art. Around that theme the models come up with ideas, outfits, and stylings, and I add my input and stuff I have available. I always make a series of images—different poses and angles, with and without accessories, etc.—to cover all corners. Then I have the essential flexibility in the postprocessing part.
Do you work out of your own studio? I have a studio at home in Ebreichsdorf, near Vienna, Austria. But I work out of town, as well, when it’s more efficient for me to get there, instead of having a lot of people come to me.
Who or what inspires you? A great source of inspiration are painters and artists from earlier centuries, such as Henri de Toulouse-Lautrec, Lawrence Alma-Tadema, and Picasso, as well as modern artists, such as Gottfried Helnwein and other hyper-realistic painters. I learned a lot from fellow photographers, especially Bernhard Moestl and Stefan Gesell. Additionally, literature and movies about science fiction, fantasy, and comics!
You seem to enjoy the compositing side of your work. Do you shoot your own backgrounds? A good part of my work is collecting backgrounds, textures, and the like. Whenever I come across some useful stuff, I take images of it.
What kit do you use and what is on your wishlist? My first camera was a Canon AE-1 and I’ve been using Canon for the last decade, currently owning a D5 Mark III and a 1D X. Recently, I bought a Fuji X-T20 and haven’t touched my Canon gear since that day. The Fuji is like my old Canon, but with the modern technology of today. Now I’m seriously considering a transition to Fuji with the Fuji GFX on top of my wishlist.
What’s your history with KelbyOne, and what advice would you give to anyone who isn’t a member? About 12 years ago I got a Canon D20 and the logical consequence was to start using Photoshop. With no knowledge at all, it was a difficult trial-and-error process. Then I came across Scott Kelby’s The Photoshop CS2 Book for Digital Photographers and that was a game-changer for me. Other books followed, as well, such as Light It, Shoot It, Retouch It; Photoshop Classic Effects; Photoshop Killer Tips; and Photoshop Down & Dirty Tricks. I wish every teacher had the ability to teach his students like Scott does. He shows you in a simple, but effective way how to achieve something. If my teachers had been like him, I suppose I’d be a little rocketscience-Nobel-Prize genius. So it was just a matter of time to sign up with KelbyOne and suck up the different courses like a nerd. My advice for others is: Go for it! Look in your heart, where your deepest love for a subject or a field of work is, where your passion lies, and what brings you the most joy. Then go pedal-to-the-metal. Pick your courses, learn, try, fail, get up, and never stop having fun and being curious. If you love it, the rest will follow. n
> K ELBY ON E . CO M
Please tell us a bit more about yourself and what made you start in photography?
[ 15 ]
> Heard on the Tweet
> PHOTOSHOP USER > J U N E 2017
A Quick Glance at Some Highlights from our Twitter Feed
[ 16 ]
› › HEARD ON THE TWEET
KelbyOne and Scott Kelby on Twitter!
> K ELBY ON E . CO M
Follow
[ 17 ]
Here Are Your Late
Every week, we publish at least one new training c
Designing Graphics for Social Media in Photoshop
> PHOTOSHOP USER > J U N E 2017
Learn how to use Photoshop to help get your message out on social media! Join Dave Clayton to get a designer’s perspective on using your images to build your brand awareness on Facebook, Twitter, YouTube, and Instagram. With Dave’s Photoshop templates and techniques you’ll be well on your way to creating a cohesive message tailored to each platform.
[18 ]
Deconstructing Design in Photoshop Take inspiration from good design and make it your own. Join Dave Clayton as he demonstrates in Photoshop how you can start with an existing design and build on top of it to make something completely unique, as a tool to help you learn and improve your craft. Learn how to find inspiration, extract from PDFs, add vector images, work with templates, as well as tips and techniques for adding all the final touches.
est Online Courses
course. Check out these brand-new courses below:
Just One More Flash
Sports Photography: Make Your Pee Wees Look Like Pros Photograph your kids sports like a pro! Join Rob Foldy, professional sports photographer, as he teaches you the basic photographic principles that will make your subjects proud. Rob shows you how to configure your camera for the best results. You’ll also learn the importance of storytelling and how being prepared before you go to the game will help you take your photographs to the next level.
> K ELBY ON E . CO M
Learn how to add one more flash to your portrait lighting with Scott Kelby! Building on the foundation you gained in Just One Flash, Scott teaches you the why, when, and how of adding a second flash to your Speedlight setup. Whether you want to create separation between your subject and the background, add a fill light, or change the look of the background itself, you’ll be amazed at all the great things you can do with a second flash.
[ 19 ]
COREYBARKER
A FEW FINISHING TRICKS TO GET THAT MOVIE POSTER LOOK This time around I thought we’d revisit a favorite topic of mine, and that’s movie posters. I wanted to show you a few handy finishing tricks you can add to your own design to get that cool, gritty, movie poster finish. We’ll do this by way of a mini project
> PHOTOSHOP USER > J U N E 2017
creating a poster for Sherlock Holmes.
[ 2 0 ]
› › DOWN & DIRTY TRICKS
a young man in the image of Sherlock
•
Smoke on black background
•
Tower Bridge in London England
Step One: Begin by going into Photoshop and creating a new document (File>New) in which to build the final design. Make it 945 x1400 pixels at 100 ppi to work with the Adobe Stock images. For high-res images, you’ll want to make it 1350x2000. Whatever size you choose, just be sure to keep the proportions to a movie poster format. Set the Background Contents drop-down menu to Black, and click the Create button in the New Document dialog.
Step Two: Start by opening the Sherlock image. If you downloaded it to your Libraries panel, simply double-click it in the panel to open it. You’ll see the subject is shot on a dark backdrop and selecting it would be rather tricky. In this case, however, we don’t need to make a selection because we’re going to utilize the dark background.
> K ELBY ON E . CO M
•
©Adobe Stock/Ruslan Solntsev
To obtain the stock images used in this exercise so you can follow along, download the watermarked previews from Adobe Stock, or add them directly to your Libraries panel (Window>Libraries) by clicking on the link for each image below. When the Adobe Stock webpage opens, make sure you’re logged in to your Adobe account, then to the right of each image, you’ll see the option to Save Preview to My Library (you can click on My Library to select a different library or download option). Click on the cloud-with-an-arrow icon, and the preview image will automatically be downloaded to your Libraries panel in Photoshop.
[ 2 1 ]
› › HOW TO
Step Three: Switch to the Move tool (V) and drag the Sherlock image over to the main document that we created in Step One. Hold down the Shift key before you release the mouse button so that the image lands centered in the canvas. Press Command-T (PC: Ctrl-T) to activate Free Transform to scale and reposition the image to fit better in the composition. Hold down Shift-Option (PC: Shift-Alt) as you drag out a corner handle to scale the image larger (Shift maintains proportions and Option [PC: Alt] transforms it from the center outward). Then, just click-and-drag inside the bounding box to reposition it. Press Enter to commit the transformation when done.
> PHOTOSHOP USER > J U N E 2017
Step Four: In the Layers panel, lower the Opacity of the Sherlock layer to 75%.
[ 2 2 ]
Step Five: Click the Create a New layer icon at the bottom of the Layers panel to create a new blank layer above the Sherlock layer. Then set the layer blend mode near the top left of the Layers panel to Overlay and drop the Opacity to 75%.
› › DOWN & DIRTY TRICKS
Step Six: Select the Brush tool (B) in the Toolbar, and then click on the panel icon in the Options Bar to open the Brush panel. Choose a simple round, soft-edged brush, and make sure that there are no other brush features turned on in the panel. If you’re using a pressure-sensitive tablet, click on Transfer and set the Control drop-down menu under Opacity Jitter to Pen Pressure. If you’re not using a tablet, just set the brush Opacity to around 50% in the Options Bar. Set the size to around 250 pixels.
> K ELBY ON E . CO M
Step Seven: Press D to set black as the Foreground color. Then start painting in the darker shadow areas of the subject to crush the shadows even more.
[ 2 3 ]
> PHOTOSHOP USER > J U N E 2017
Step Eight: Now create another blank layer and set its blend mode to Overlay and its Opacity to 50%. Press X to swap the Foreground and Background colors, making the Foreground white. Using the same brush as before, paint over the brighter highlights of the subject. This will enhance the detail and even add a soft glow to the subject.
[ 24 ]
Step Nine: Now that we have the subject in place, let’s begin adding the special effects. We’ll start with a smoke element for the pipe in his hand. Open the Adobe Stock smoke image. You’ll see it’s a simple smoke element on a black background. To quickly extract the smoke from the background, open the Channels panel (Window>Channels) and hold down the Command (PC: Ctrl) key as you click on the RGB channel thumbnail. This will create a luminance-based selection, and since it’s simple white smoke on a black background, it will select all the smoke.
©Adobe Stock/Deyan Georgiev
› › HOW TO
› › DOWN & DIRTY TRICKS
Step 10: Now go back to the Layers panel and create a new blank layer. Then, press OptionDelete (PC: Alt-Backspace) to fill the selected area with white, which is your current Foreground color. There. You’ve perfectly extracted smoke. Just use the Move tool to drag it to the main design.
> K ELBY ON E . CO M
Step 11: Use Free Transform (Command-T) to scale the smoke down, and then drag it into position over the pipe in the subject’s hand. Press Enter when done. Finally, drop the layer Opacity to 50%.
[ 2 5 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
Step 12: Now we’re going to use a texture image as an overlay that will add some texture and contrast to the image. If you’re a KelbyOne member, you can download this image from the magazine page (see link below). Using the Move tool and holding the Shift key, drag this texture to the main design and make sure the layer is at the top of the layer stack. Then, change the layer blend mode to Multiply and drop the layer Opacity to 75%. [KelbyOne members may download the texture file used in this tutorial at http://kelbyone.com /magazine. All files are for personal use only.]
[ 2 6 ]
Step 13: Now let’s add a cool type overlay. Select the Type tool (T) from the Toolbar, and then starting at the top-left corner of the canvas, drag a text box over most of the canvas area. Go to the Options Bar and set the font to Trajan Pro or something similar. Feel free to play with other fonts, as well. Also, set the Size to around 30 pt (I used 50 pt for my high-res version). Click on the color swatch in the Options Bar to open the Color Picker, set it to white, and click OK. In the Paragraph panel (Window>Paragraph), select the Justify All option (last icon at the top right).
› › DOWN & DIRTY TRICKS
Step 14: Go under the Type menu and select Paste Lorem Ipsum to fill the text box with filler text. (If you have text of your own, you can go ahead and paste the text in the text box.) Place your cursor in the text and press Command-A (PC: Ctrl-A) to select all. Hold the Option (PC: Alt) key and tap the Up and Down Arrow keys to adjust the leading (space between lines) until you have something that looks like this. Place the cursor at the end of the text block and run Paste Lorem Ipsum again to fill the rest of the image with the text.
> K ELBY ON E . CO M
Step 15: Go to the Layers panel and set the Type layer’s blend mode to Difference and drop its Opacity to 10%. Hold down the Option (PC: Alt) key and click on the Add Layer Mask icon (circle in a square) at bottom of Layers panel. This will add a mask filled with black, which will hide the type layer from view.
[ 2 7 ]
› › HOW TO
Step 16: Select the Gradient tool (G) in the Toolbar. In the Options Bar, click the gradient preview to open the Gradient Editor, choose the Foreground to Transparent preset, and click OK. Back in the Options Bar, set the gradient type to Radial and the tool Opacity to 50%. Press D to set white as the Foreground color. Also, in the Layers panel, drag the Type layer below the texture layer.
> PHOTOSHOP USER > J U N E 2017
Step 17: Drag out one of the bottom corners of the document window so you can see the canvas around the image. Starting just outside the document bounds, drag a gradient in toward the subject. Continue to add gradients around the image to reveal the text texture. Remember, this is nondestructive editing, so you can press Command-Z (PC: Ctrl-Z) to undo a gradient, or even refill the entire layer mask with black if you need to start over.
[ 2 8 ]
Step 18: Now let’s add a background image with a cool shot of the Tower Bridge. Open this Adobe Stock image from the Libraries panel and drag it to the main design. In the Layers panel, drag the Tower Bridge layer below the Type layer. Press Command-T (PC: Ctrl-T) to activate Free Transform, then scale and position the image in relation to the subject, keeping in mind which areas you want to keep visible and which areas you want to hide. Don’t commit the transformation yet.
Step 19: Here’s another cool trick when it comes to compositions. Once the image is in place, Rightclick on the object and choose Flip Horizontal from the pop-up menu. This angle works better for this design. Often backgrounds like this are abstract enough so that you can’t really tell they’re flipped, especially with the other effects we’ll be adding. Now you can press Enter to commit the transformation. Next, press Command-U to open the Hue/Saturation dialog. Check on Colorize and use these settings to put a blue cast over the layer. Click OK.
> K ELBY ON E . CO M
©Adobe Stock/clayllama
› › DOWN & DIRTY TRICKS
[ 2 9 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
Step 20: Now drop the layer Opacity to 75% and add a layer mask. We’re going to use the same radial gradient as before but this time we’re going to press X to set the Foreground color to black and set the Opacity in the Options Bar back to 100%. Add gradients in the middle of the layer to hide the bridge and reveal Sherlock. In some areas it may seem like it’s ghosting the image a little; that actually looks good for this project. This happens because the bridge layer is above the subject layer in the Layers panel. We added gradients in the top corners, as well.
[ 3 0 ]
Step 21: Now for another favorite effect of mine, which involves using HDR Toning. This adjustment, however, can’t be applied to a layered image, so go to the Image menu, choose Duplicate, and click OK. Once the duplicate is created, go under the Layer menu and choose Flatten Image. Step 22: Go under the Image menu, to Adjustments, and choose HDR Toning. You can use these settings here to start but feel free to play around to see the range of effects you can get. You’ll want to be sure to drop the Saturation at the bottom to –100. Click OK when done.
› › DOWN & DIRTY TRICKS
Step 23: Using the Move tool and holding the Shift key, drag this image back to the original document and place the layer at the top of layer stack (it’s important to hold the Shift key so this layer is aligned with the original layers). Then, set the blend mode to Overlay and drop the layer Opacity to 50%. You can see it adds more contrast to the scene. Step 24: You can also use this HDRtoned layer to change the temperature of the image. Press Command-U (PC: Ctrl-U) to open the Hue/Saturation dialog again. Check on Colorize and use these settings here to add a subtle warm cast to the layer. Click OK when done.
> K ELBY ON E . CO M
Step 25: All that’s left is to add some text, and you can see how I added the text shown in the final image by clicking here to watch a video tutorial. Remember to experiment with these effects and see how they can be useful by themselves, or combined, to create your own custom movie poster look. [For more on creating finishing effects for your composites, check out Corey's feature article in this issue starting on page 70.—Ed.] n
[ 31 ]
KIRKNELSON
CRAFT YOUR OWN SET OF ENERGY WINGS The camera shutter is devised to capture a single moment in time—a snap that freezes movement and records a split second. Yet when used over an extended period of time, the whole idea changes dramatically. One of the most fun experiments you can do with a long shutter exposure is to create light streaks. This is somewhat similar to the effect our eyes see when somebody waves a sparkler through the air. By using this technique to create light streak resources, we can then use Photoshop to
> PHOTOSHOP USER > J U N E 2017
draw out more complicated elements with those resources.
[ 3 2 ]
› › DOWN & DIRTY TRICKS
In this project, we’ll give a ballet dancer a set of glowing wings that seem to be comprised of pure light energy. We fully encourage you to create your own light streak resources, but if you don’t have the time or available resources, feel free to use ours!
Step Two: To create the light streaks, the general principle is to adjust the shutter to stay open while you wave the glow sticks in front of the camera. The exact settings will depend on your setup, but these images were taken in manual mode with an aperture of f/4.8, ISO 500, and shutter speed 2 seconds. If the background is clearly visible, reduce the aperture or ISO. If the streaks are too dim, try a longer shutter speed and move the glow sticks more slowly. ALL IMAGES BY KIRK NELSON UNLESS OTHERWISE NOTED
> K ELBY ON E . CO M
Step One: Crafting your own light-stream effects is fun and easy to do. Glow sticks are ideal for the task. They’re readily accessible at most party stores and inexpensive too. Having a variety of colors is a fun addition, but certainly not required. It’s important to use a dark room with a solid background. A tripod is essential to keep the camera steady during the long shutter exposure. [KelbyOne members may download the light-stream files used in this tutorial at http: //kelbyone.com/magazine. All files are for personal use only.]
[ 3 3 ]
Step Three: To obtain the stock image used in this exercise so you can follow along, download the watermarked preview from Adobe Stock, or add it directly to your Libraries panel (Window>Libraries) by clicking on the link for the image below. When the Adobe Stock webpage opens, make sure you’re logged in to your Adobe account, then to the right of the image, you’ll see the option to Save Preview to My Library (you can click on My Library to select a different library or download option). Click on the cloud-with-an-arrow icon, and the preview image will automatically be downloaded to your Libraries panel in Photoshop. •
Ballet dancer-action
> PHOTOSHOP USER > J U N E 2017
Step Four: Open the image in Photoshop either through the File>Open menu command, or by double-clicking on the image in the Libraries panel. Then, grab the Crop tool (C), and drag the top-center point up to extend the canvas upward. Lengthen the canvas until the lower third is approximately even with the neckline of the dancer’s dress. Press the Enter key to commit the crop operation. Press Shift-G until you have the Paint Bucket tool in the Toolbar, then press D to set your Foreground color to black. Click once in the extended canvas area to fill it with black.
[ 3 4 ]
Step Five: Go to File>Place Embedded and select the LightStreak1.jpg image. This brings the image in as a smart object. Change the blend mode near the top left of the Layers panel to Linear Dodge to render the black areas completely invisible. Use the transformation handles to move, scale, and rotate the light streak to roughly form the upper outline of a wing from the dancer’s back.
©Adobe Stock/Zsolnai Gergely
› › HOW TO
› › DOWN & DIRTY TRICKS
Step Six: To further shape the light into a shape that more closely resembles a wing, go to Edit> Transform>Warp. Pull on the warp grid points to bend the top area of the wing to form a smooth curve. Pull down on the bottom corner points to expand the light curve downward to fill in more area for the wing. Press Enter to commit the transformation.
Step Eight: Place the LightStreak2.jpg image into the composition in the same fashion. This one will be used for defining the outside curve of the wing as it slopes inward from the top edge. We rotated it to the left to around –115°. Be sure to use the Linear Dodge blend mode and warp the light shape as needed.
> K ELBY ON E . CO M
Step Seven: Place the LightStreak5.jpg image into the composition and change the blend mode to Linear Dodge. Use Edit>Transform>Flip Horizontal and then rotate it to form the bottom curve of the wing. Use Edit>Transform>Warp to further refine the curve to fit the proper shape. Press Enter.
[ 3 5 ]
› › HOW TO
Step Nine: Use the LightStreak3.jpg image to fill in the central portion of the wing. For this streak, choose Edit>Transform>Flip Vertical, and then rotate, resize, and warp it. Pay attention to how the light “flows” from one texture into another. The goal is to get a seamless illustration of the wing so it isn’t apparent where one light streak begins and another ends.
> PHOTOSHOP USER > J U N E 2017
Step 10: Use the LightStreak4.jpg image to add definition to the outside edge of the wing shape. Again, use the Linear Dodge blend mode and the warp transformation to craft the shape. Then add a layer mask with Layer>Layer Mask>Reveal All. With the mask active, use the Brush tool (B) with a Soft Round tip and black paint (press the letter D then X) to remove any stray marks from this texture along the inner edge of the wing.
[ 3 6 ]
› › DOWN & DIRTY TRICKS
Step 11: With the top light streak layer still active, select all of the other light streak layers by holding down the Shift key and clicking on the thumbnail of the bottom light streak layer in the Layers panel. Then go to Layer>Smart Objects>Convert to Smart Object. Double-click the name of the resulting smart object and rename it “Light Wing 1.” Even though the individual layers had a specific blend mode set to them, the combined smart object reverted to the default Normal mode. Change it to Linear Dodge to render the black areas completely invisible.
Step 12: Add a layer mask to the Light Wing 1 smart object and use the Brush tool again to paint out any light streaks that appear out of place. Make sure none of them cross over the centerline of the model, as it will conflict with the second wing that we’re going to create in the next step.
> K ELBY ON E . CO M
Step 13: Duplicate the wing layer by pressing Command-J (PC: Ctrl-J), and rename the duplicate “Light Wing 2.” Go to Edit>Transform> Flip Horizontal to flip the wing, and then use the Move tool (V) to drag it to the other side of the dancer.
[ 3 7 ]
› › HOW TO
Step 14: The two wings should be almost symmetrical, but not perfectly so. There should be some slight variation for realism. First, delete the mask from the second wing by Right-clicking on the mask thumbnail and selecting Delete Layer Mask. Then use the warp transformation on the second wing to create a slight deformation difference. This alteration should be subtle, so use very small movements on the warp mesh.
> PHOTOSHOP USER > J U N E 2017
Step 15: We removed the layer mask in the previous step, not because it wasn’t needed, but because we needed to warp the wing first, and the warp transformation doesn’t like linked masks. Additionally, this wing should have its own unique mask. So add a new layer mask and use the brush again to remove stray light elements.
[ 3 8 ]
› › DOWN & DIRTY TRICKS
Step 16: Use the Shift-click method to select both wing layers and group them together with Layer>Group Layers, or press Command-G (PC: Ctrl-G). Rename this group “Wings” and hide the group by clicking on its Eye icon next to it in the Layers panel.
> K ELBY ON E . CO M
Step 17: Go to Select>Color Range and the Select option should be Sampled Colors. Click on the black background area in the image to sample it and the preview in the Color Range dialog will show it as completely white. Adjust the Fuzziness until all of the background is selected, somewhere around the level of 28 should be fine. This will select some of the dancer as well. Click OK to create the selection.
[ 3 9 ]
› › HOW TO
Step 18: Reveal the Wings group again by clicking where its Eye icon used to be, and use the Add Layer Mask icon (circle in a square) at the foot of the Layers panel to use the selection as a mask on the group. This will conceal the portion of the wings that were in front of the dancer. If there are areas where the selection isn’t correct, touch up those areas by using the Brush tool set to black. Tip: Option-click (PC: Altclick) the mask thumbnail to view just the mask in the image so you can see if any areas on the dancer need to be filled with black. Option-click (PC: Alt-click) again to return to the regular image view.
> PHOTOSHOP USER > J U N E 2017
Step 19: Hold down the Option (PC: Alt) key and go to Layer>Merge Group to create a merged layer of the Wings group, and rename this layer “Wings Glow.” This merged layer also inherited a layer mask. Right-click on the mask thumbnail and select Apply Layer Mask. Then drag this layer beneath the Wings group in the Layers panel.
[ 40 ]
› › DOWN & DIRTY TRICKS
Step 21: Click on the background image layer in the Layers panel to make it the active layer and go to Filter>Convert for Smart Filters. Next, go to Filter>Render>Lighting Effects, set the drop-down menu at the top of the Properties panel to Point, and drag the center of the light to the center of the frame. Hover your cursor over the outer edge of the light until it turns yellow, and then click-and-drag to resize the light (as shown here). Click on the Color Swatch in the Properties panel, set the color to a pale green (RGB values of 203, 252, 99, respectively), and click OK to close the Color Picker. Set the light Intensity to 20, Exposure to 10, Metallic to 67, and Ambience to 54. Apply the effect with the OK button in the Options Bar.
> K ELBY ON E . CO M
Step 20: Let’s soften the glow layer with a blur using Filter>Blur>Gaussian Blur, and in the dialog set a Radius setting of 5 pixels (I used 10 pixels for the high-res version of the image), and click OK. Now, go to Image> Adjustments>Hue/Saturation and check the Colorize option. Set the Hue to 50 and Saturation to 67, and click OK to give the layer a bright-yellow color. Then set the layer blend mode to Screen and reduce the Opacity to 50%.
[ 4 1 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
Step 22: Add a new layer called “Sparkles” at the top of the layer stack. Grab the Brush tool and open the Brush panel by pressing F5. Start with the Soft Round tip. Reduce the Size to 5 px (30 px if using the full-resolution image), increase the Hardness to 64%, and then set the Spacing to 350%. Engage the Shape Dynamics and set the Size Jitter to 70%. Engage the Scattering, check the Both Axes option, and set the Scatter amount to 800%. Hold down the Option (PC: Alt) key to temporarily switch the Brush tool to the Eyedropper, and click to sample a brightgreen color from the wings. Use the Brush to softly paint in sparkles along the wings. If the specks seem too bright, reduce the layer Opacity as needed.
[ 4 2 ]
› › DOWN & DIRTY TRICKS
> K ELBY ON E . CO M
Step 23: Add another new layer called “Bokeh” and set its blend mode to Screen. In the Brush panel, increase the brush Hardness to 65% and the Size to 300 px (1,000 px if using the full-size image). Reduce the Spacing to 33%, and in the Shape Dynamics, reduce the Size Jitter to 11%. Press D then X to set the paint color to white, set the brush Opacity to 20% in the Options Bar, and paint in some large bokeh blooms. Reduce the layer Opacity to 19% to make the blooms very subtle. And you’re done! n
[ 43 ]
LESASNIDER
> BEGINNERS’ WORKSHOP
REMOVING DISTRACTING OBJECTS Photoshop excels at removing distracting objects in your photos. If you do the removing on new, empty layers, you won’t harm the photo or bloat your document with a slew of duplicate layers. In this column, you’ll use the Patch tool, Clone Stamp, Content-Aware Fill and the Spot Healing Brush to zap power lines and more. Step One: Choose File>Open and navigate to the Santorini photo shown here. If you’re starting in Lightroom, select the photo and then choose Photo>Edit In>Adobe Photoshop CC. Press Shift-Command-N (PC: Shift-Ctrl-N) to create a new layer. In the resulting dialog, enter “power lines” as the name and click OK. [KelbyOne members may download the files used in this tutorial at http://kelbyone .com/magazine. All files are for personal use only.]
> PHOTOSHOP USER > J U N E 2017
Step Two: Zoom into the photo by pressing Command-+ (PC: Ctrl-+). Press-and-hold the Spacebar and drag to reposition the photo so you can see the power lines at the upper right. Activate the Rectangular Marquee tool (M) and drag to draw a rectangular selection around the top of the power pole and the five power lines.
[ 4 4 ]
› › BEGINNERS’ WORKSHOP
Step Three: Press Shift-J until the Patch tool is active in the Toolbar. In the Options Bar, set the Patch dropdown menu to Content-Aware and turn on Sample All Layers. Click within the selection and drag it upward to a clear area of sky. Release your mouse button and Photoshop performs the patch—don’t deselect yet! In the Options Bar, experiment with the Structure and Color sliders. To preserve more of the texture of the area from which you copied pixels, increase the Structure slider; to preserve less, decrease it. To perform more color blending between the two areas, increase the Color slider; to perform less, decrease it. As you experiment with these fields, keep an eye inside your selection and you’ll see the pixels change (values of 7 and 3 were used here). When you’re finished, choose Select>Deselect.
> K ELBY ON E . CO M
Step Four: Switch to the Rectangular Marquee tool and draw a selection around the remaining power lines. Switch to the Patch tool, and drag the selection upward to a clean area of sky. Experiment with the Structure and Color fields in the Options Bar, and then choose Select>Deselect. Repeat this step to remove the tallest plant next to the building. Tip: You can also use the Quick Selection tool (W) for selecting, and then switch to the Patch tool. To make the Quick Selection tool work on an empty layer, turn on its Sample All Layers setting in the Options Bar.
[ 45 ]
› › HOW TO
Step Five: Create a new layer and name it “power line clean up.” Zoom farther into the image and activate the Clone Stamp tool (S). Since this tool doesn’t perform any blending, you won’t create blurry areas near the building’s hard edges. In the Options Bar, click on the brush preview on the left to open the Brush Preset Picker and set the brush Size to around 20 pixels and brush Hardness to around 75%. Then, choose All Layers from the Sample drop-down menu in the Options Bar. Set a sample point by Option-clicking (PC: Alt-clicking) the area of the sky from which you want to copy pixels. Release the modifier key and brush down the side of the building to remove the remaining plants. Reset the sample point as needed as you go.
> PHOTOSHOP USER > J U N E 2017
Before
[ 46 ]
Tip: If the sky within the area you fixed looks blotchy in color, use the Spot Healing Brush as described later in this column. Note: The Healing Brush tool works the same way in that you need to set a sample point first; however, it does automatically blend pixels. The photo looks a lot better without the distracting power lines and plants, as illustrated in this before and after.
After
› › BEGINNERS’ WORKSHOP
USING CONTENT-AWARE FILL If you have plenty of similar background pixels surrounding the object you want to remove, start with the Fill command’s Content-Aware option. Like the Patch tool, this method is quick and automatically blends pixels; however, you don’t pick from where Photoshop copies pixels; it uses the pixels just outside the selection.
> K ELBY ON E . CO M
Step One: Open the photo of the pyramids. Duplicate the image layer by pressing Command-J (PC: Ctrl-J). (The Fill command doesn’t work on an empty layer, so the only way to use it without harming your original photo is to use it on a duplicate image layer.) In the Layers panel, doubleclick the duplicate layer’s name and enter “shadow.” Zoom into the photo and reposition it so you can really see the shadow at the lower right. Press Shift-M until the Elliptical Marquee tool is active in the Toolbar, and draw a selection around the shadow that extends off the document’s edge. Make the selection a little larger than the item you’re removing. You can press-andhold the Spacebar while you’re drawing the selection to reposition it. Tip: The Fill command only works on single layers. If you have multiple layers, activate the topmost layer and press ShiftOption-Command-E (PC: Shift-Alt-Ctrl-E) to create a new layer that contains the content of all visible layers. Then use the Fill command on that layer!
[ 47 ]
› › HOW TO
Step Two: Choose Edit>Fill and, in the resulting dialog, choose Content-Aware from the Contents drop-down menu, turn on Color Adaptation, and click OK. You get different results each time you use this command, so you may want to undo it by pressing Command-Z (PC: Ctrl-Z) and then run it again. Choose Select>Deselect when you have a result that you like. Tip: If you still don’t like the result, try using a different selection tool, creating a tighter or looser selection, or both. For example, if you first used the Elliptical Marquee, you may want to try the Lasso tool (L) in order to make the selection shapelier.
> PHOTOSHOP USER > J U N E 2017
Step Three: To remove the car, reposition the photo onscreen so you can see it, add a new empty layer, and then press Shift-J until the Spot Healing Brush tool is active in the Toolbar. In the Options Bar, turn on Content-Aware and Sample All Layers. Set the brush size to around 30 pixels and then brush across the car to remove it. Alternatively, you can increase the brush size until the entire car fits within the cursor and then click once.
[ 4 8 ]
› › BEGINNERS’ WORKSHOP
Before
As you can see, a combination of ContentAware Fill and the Spot Healing Brush greatly improved the photo. Until next time, may the creative force be with you all! n Discuss this Issue ALL IMAGES BY LESA SNIDER
> K ELBY ON E . CO M
After
[ 49 ]
DAVIDWILLIAMS
> Dynamic Range
BRINGING SMARTPHONE SCREENS TO LIFE In this project, we’ll take a London city scene that features a tall object (in this case, it’s the Elizabeth Tower, or St. Stephens Tower, or Big Ben, or Jubilee Tower, depending on who you ask) and composite it with an image of a smartphone. We’ll manipulate the two images in Adobe Photoshop to create an effect where it appears that part of the building comes to life and emerges from the smartphone.
> PHOTOSHOP USER > J U N E 2017
Together, we’ll blend the desired elements of both images to create the composite.
[ 5 0 ]
With this tutorial, I’ve provided you with the files you’ll need to follow along, but here’s what you need to know to use your own images: You’ll need one photo focused on the phone set at a depth of field that causes the background to be knocked out of focus. In this case, I shot at f/2.8, but you can use a narrower depth just as effectively to achieve the necessary effect. The second shot needs to be the exact same scene with the same exposure settings, but without the phone, and focused on the main feature of the shot. Use your tripod to ensure your composition remains consistent. The composition and alignment of the phone is important because you must ensure that only the desired element—the Elizabeth Tower—can rise from the phone when we get to postprocessing. The rest of the building to the right of it must remain below the limits of view masked by the phone. If you don’t do this, you’ll be left with an awkward situation whereby the roofline of the building to the right (which, if you’re interested, is Westminster Hall) would have to be chopped off at the limitations of the screen edge, and so you wouldn’t have a clean image. To ensure that you don’t land in this situation, it’s important that you position the phone in such a way that you fully consider the final result. [KelbyOne members may download the files used in this tutorial at http://kelbyone .com/magazine. All files are for personal use only.]
› › D Y NAM IC R A N G E
Step One: We need to load both images into Adobe Photoshop to work on them simultaneously. We’ll be switching back and forth between them and using different elements from each.
Step Three: After we’ve selected the majority of the tower, we can refine the selection to capture some of the thinner details. With the selection still active, click on Select and Mask up at the top in the Options Bar to open the tools that allow us to refine our selection. I find that the Overlay View mode, which is enabled by pressing V, works best to see my selection easily. This makes the selected area appear normal and the area outside the selection has a red overlay by default. To catch the finer details in this image, expand the Edge Detection section in the Properties panel and adjust the Radius of the selection to 68 px. This will select the finer details surrounding the bulk of the tower, aside from the very tip (again, we’ll deal with that later). Click OK at the bottom of the Properties panel.
> K ELBY ON E . CO M
Step Two: Within the image of the focused tower, using the Quick Selection tool (W), select the tower. As you draw inside the tower with the tool active, Photoshop will automatically find the edges to make an approximate selection. When using this tool, the algorithm Adobe Photoshop uses to find the edges is pretty spot on, but it can miss certain thinner details at the edges. Also, notice that it may limit itself at pronounced lines within the limits of the tower, so be sure to check that all the inner areas are selected. You can add areas to the selection by clicking on them or by painting over them, and you can remove areas from the selection by doing the same while holding the Option (PC: Alt) key. You can also change the size of the brush with the keyboard shortcuts of the Left Bracket key ([) to decrease, and the Right Bracket key (]) to increase the size. Don’t worry about selecting the element at the very top of the tower for now; we’ll take care of that later.
[ 51 ]
› › HOW TO
Step Four: It’s good practice to save your selection (so you don’t lose it): Go to Select>Save Selection and you’ll be presented with a dialog where you can name your selection. In this case, we’ll name it “tower.” Note that when you save a selection, you can save it under any of the currently open documents—this may be useful to remember for later.
> PHOTOSHOP USER > J U N E 2017
Step Five: With the tower dealt with, we can move on to the phone image. We’ll make a selection within the phone to mark out the screen using the Polygonal Lasso tool (press Shift-L until it’s active in the Toolbar). We’ll estimate a screen area in this image from which the tower will rise. With the tool selected, click one corner of the screen as a starting point, and then click the next three corners to demarcate the limits of your screen. With each click, a straight line will be drawn until you reach the starting corner. As you get close to the starting point, the cursor will change to include a small circle, and when you click, the line will automatically join up with the first point to create the selection.
[ 5 2 ]
Step Six: We need to save this selection, as well, using the same method as we used for the tower in Step 4. Name this selection “screen.”
› › D Y NAM IC R A N G E
Step Seven: Now we need to load the screen selection in the tower image. Switch back to the image with the focused tower and navigate to Select>Load Selection. From the Document dropdown menu under Source, select the filename of the screen.jpg image. This will allow us to open a saved selection associated with that open file. The Channel drop-down menu should automatically switch to the screen selection since that’s the only selection saved in that file. Click OK, and we now have the selection that we just made in the phone image loaded into the tower image.
Step Nine: Now we need to switch back to the other image again. Make sure the screen selection is still active, and press Command-V (PC: Ctrl-V) to paste the copied tower content into our phone’s screen.
> K ELBY ON E . CO M
Step Eight: With our screen selection loaded, copy the selected area with Command-C (PC: Ctrl-C).
[ 5 3 ]
› › HOW TO
Step 10: The next element to move across to the phone image is the tower. Go back to the image with the tower in focus and load the tower selection, as we did with the screen selection, by navigating to Select>Load Selection, but this time choosing the tower.jpg document and the tower Channel. Click OK to close the dialog, and then press Command-C (PC: Ctrl-C) to copy the selected tower.
> PHOTOSHOP USER > J U N E 2017
Step 11: We can now switch back to the image with the phone and paste the tower into the image. If you shot both images on a tripod as I did here, you can go to Edit>Paste Special> Paste in Place and the tower will be pasted in exactly the same position from which you copied it, which will line it up perfectly with the copied portion of the building in the phone. If the alignment is off, you can easily align the pasted layer by lowering its Opacity in the Layers panel, zooming in, and using the Move tool (V) to line it up correctly. Return its Opacity back to 100% when you’re done.
[ 5 4 ]
Step 12: Looking at the pasted tower, we’ve fallen outside the edges of our phone screen, so our next task is to erase the edges of the tower that fall outside the screen. To do this, we need to load the screen selection again the same way we did in Step 7, but in the next step we’ll be working outside the screen, so we need to invert the selection with Shift-Command-I (PC: Shift-Ctrl-I).
› › D Y NAM IC R A N G E
Step 13: Using the Eraser tool (E) set to a hard brush, we can now simply paint over the bits that have fallen outside our screen, safe in the knowledge that the selection will protect what’s inside the screen from the Eraser tool. Start with the portions that fall below the edge of the screen.
> K ELBY ON E . CO M
Step 14: With the bottom edge dealt with, we can now remove any unwanted copied areas from the top edge of the screen, being careful not to touch the tower itself. Adjust the size of the Eraser tool using the Bracket keys as necessary.
[ 5 5 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
Step 15: The last touch to our tower is the very top piece that we left earlier. As the tower itself sits against a relatively simple blue-sky background, we can do this quite easily. Go into the image of the focused tower, and using the Rectangular Marquee tool (M) draw a small marquee around the edge of the tip, making sure to select some of the sky around it. Once this is done, click on Select and Mask and adjust the Feather to 20 px, which will give a gradual but useful fade between the focused and unfocused skies. Click OK and copy the selection with Command-C (PC: Ctrl-C).
[ 5 6 ]
› › D Y NAM IC R A N G E
Step 16: Switch back to the final image one last time and paste in the selected tip using Edit>Paste Special>Paste in Place. If it doesn’t line up perfectly, align it to its correct position at the tip of the tower using the same technique we used in Step 11.
> K ELBY ON E . CO M
And now we’re all done! Just be sure to save a PSD of your layered file so you can go back and make changes anytime you need. n
ALL IMAGES BY DAVID WILLIAMS
[ 5 7 ]
KRISTINASHERK
> Retouching Magic
BLEND MODE MAGIC Layer blend modes are a great way to experiment with your images to get tons of different effects in a nondestructive way. The featured image below, which is on my website’s home screen, periodically prompts conversations about the process I used to create the rainbow effect on the lips. Since it’s been a while since I created that image, I decided to jump back into the file and rediscover the steps I took
> PHOTOSHOP USER > J U N E 2017
to create this look.
[ 5 8 ]
The first thing to do with any beauty image, especially macro images, is clean up the image. My beauty retouching work flow typically involves skin smoothing, frequency separation, and correcting the skin tone. For this specific image, it also including touching up the golden lip color.
› › RETOUCHING MAGIC
Next, I added depth to the finger area, which I thought needed a little more dimension. For my dodging and burning, I held the Option (PC: Alt) key while clicking the Create a New Layer icon at the bottom of the Layers panel to open the New Layer dialog. In the dialog, I named this layer “dodge and burn,” set the Mode to Soft Light, turned on the option to Fill with Soft-Light-Neutral Color (50% Gray), and clicked
OK (the thumbnail in the Layers panel will be gray, but you won’t see gray in the document because it’s set to Soft Light). On the dodge and burn layer, I used the Brush tool (B) set to black with a low opacity to paint over the fingers, gradually adding shadows and highlights. (In the image below left, I changed the blend mode on the dodge and burn layer from Soft Light to Normal so you can see the brush strokes.) THE BLEND MODES Before we get to the rainbow lips effect and how I got from the gold to rainbow, I’d like to give a brief explanation of each of the different blend modes. Changing a blend mode on a layer changes how it interacts with the layer below it. Adobe Photoshop has 27 different blend modes and these can be a little confusing, but Adobe has categorized them into six groups to help clarify them a bit. These categories and blend modes are: NORMAL MODES
Normal Modes
•
ormal: Doesn’t change the way the active layer N effects the underlying layer
•
issolve: Transparent and partially transparent D pixels in an irregular pixelated pattern
Darken Modes
Lighten Modes
•
arken: Darker pixels of active layer are D kept in image; lighter pixels turn invisible
•
ultiply: Multiplies luminance levels of active M layer and underlying layer. (Think about what a photograph would look like if it were printed with ink on a regular piece of paper; the dark colors would be very “wet” and dark. This is the effect this blend mode gives to layers.)
•
olor Burn: Similar to Multiply but darker and C more saturated
•
inear Burn: Less saturated than Color Burn L but still darker than Multiply
•
arker Color: Close to the Darken mode but D it’s applied to the RGB composite channel instead of individually to the RGB channels
Contrast Modes
Inversion Modes Cancellation Modes
Component Modes
> K ELBY ON E . CO M
DARKEN MODES
[ 5 9 ]
› › HOW TO
LIGHTEN MODES •
ighten: Lighter pixels of active layer are kept in L image; darker pixels turn invisible
•
creen: Lightens luminance levels of active layer S and underlying layer
•
olor Dodge: Similar to Screen mode but brighter, C more saturated, and more contrast
•
inear Dodge (Add): “Adds” luminance levels; L less saturated and intense, but brighter than Color Dodge
•
ighter Color: Close to the Lighten mode but L applies to RGB composite channel instead of RGB channels individually
CONTRAST MODES •
verlay: Combines Screen and Multiply. Screen O brightens light pixels and Multiply darkens dark pixels
•
Soft Light: Similar to Overlay mode but with a “softer” look
•
Hard Light: Combines Linear Dodge on light pixels and Linear Burn on dark pixels; similar to Overlay but with a “harder” look
> PHOTOSHOP USER > J U N E 2017
•
[ 6 0 ]
ivid Light: Combines Color Dodge on light pixels V and Color Burn on dark pixels; more contrast and more saturated
•
inear Light: Close to Vivid Light but combines LinL ear Dodge and Linear Burn with a more intense effect
•
in Light: Combines Lighten and Darken blend P modes. Lighten works on light pixels and Darken on the dark pixels and removes all midtones
•
ard Mix: Converts each channel to black H and white, then keeps the darkest shade of red, green, blue, cyan, magenta, and yellow. The result is often very intense highlights, shadows, and saturated colors
INVERSION MODES •
ifference: Subtracts color from either D underlying layer from active layer or vice versa, depending on which is brighter
•
xclusion: Effect is similar to Difference E but less contrast
CANCELLATION MODES •
ubtract: Subtracts color from active layer from S underlying layer; similar colors cancel each other and become black
•
ivide: Divides color from active layer from D underlying layer; black stays black
COMPONENT MODES • Hue: Adds color and hue from active layer to underlying layer; luminance and saturation from underlying layer •
aturation: Adds saturation from active layer S to underlying layer; hue and luminosity from underlying layer
•
olor: Adds color from active layer to underlying C layer; luminance from underlying layer, hue and saturation from active layer
•
uminosity: The inverse of Color, adds luminance L from active layer, and hue and saturation from underlying layer
[For even more on blend modes, visit Adobe Help and the PhotoBlogStop.]
TASTE THE RAINBOW Now that we have a basic idea of what each of the modes do, we’re on to the fun stuff! Step One: In order to create the rainbow colors on the lips, I needed to start with a “clean” lips layer, so I pressed ShiftOption-Command-E (PC: Shift-Alt-Ctrl-E) to create a merged layer at the top of the layer stack. I started by desaturating the normal color from the lips using a Hue/Saturation adjustment
› › RETOUCHING MAGIC
layer (Layer>New Adjustment Layer>Hue Saturation). In the Properties panel, I pulled the Saturation all the way down to –100. Then, I created an empty new layer and painted some funky colors, slightly overlapping each other. You can see that colorful layer, at the bottom of the previous page. Step Two: The next step was to apply the rainbow colors only to the lips, so I added a black layer mask (hold down Option [PC: Alt] when you click the Add Layer Mask icon [circle in a square] at the bottom of the Layers panel). Once my black mask was created, I painted the lip area of the black mask with white to let the color show through. To get the desired effect from this layer, I decreased the Opacity to
60% and changed the blend mode to Vivid Light. I also copied the layer mask to the Hue/ Saturation layer to remove the blackand-white effect from the rest of the image. To copy a layer mask to another layer, hold the Option (PC: Alt) key, and click-and-drag it to the layer to which you want to copy it. Since the Hue/Saturation adjustment layer already has a mask by default, Photoshop will ask if you want to replace the mask. Click Yes.
Step Four: Then, as with most images that I retouch, I added a High Pass layer with the blend mode switched to Soft Light to sharpen the layer. I also desaturated (ShiftCommand-U [PC: Shift-Ctrl-U]) the High Pass layer so as not to change the colors in the image. To create a High Pass layer, create another merged copy of the image at the top of the layer stack using the Shift-Option-Com mand-E (PC: Shift-Alt-Ctrl-E) shortcut, then go to Filter> Other>High Pass.
> K ELBY ON E . CO M
Step Three: The steps to complete the transformation of this image was to add a few Curves adjustment layers (Layer>New Adjustment Layer>Curves) to accentuate the highlights and shadows on the lips, giving them a more three-dimensional appearance. (Be sure to copy the lips layer mask from one of the other layers to the Curves adjustment layers.)
[ 61 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
EXPERIMENTING WITH BLEND MODES Next, I’m going to play around with a few adjustments to the lips using other blend modes to demonstrate some of the different looks you can achieve. First, I created another merged layer at the top of the layer stack, added another new Hue/Saturation layer, set the Hue to –134 in the Properties panel, and copied the lip layer mask as described above from the rainbow color layer to this new Hue/Saturation layer. Now that I have the Hue/Saturation layer set up and masked, I can play around and see what happens as I switch between blend modes. Here are the ones I used: Normal, Darken, Linear Dodge (Add), Soft Light, Exclusion, Divide, and Hue. (Note: For some of them, I played around with the Blend If sliders in the Layer Style dialog. The sliders give you even more control over how the two layers blend with each other. To access the Blend If sliders, double-click to the right of the Hue/Saturation layer’s name in the Layers panel. To split a slider into two parts, Optionclick [PC: Alt-click] it. Splitting sliders will give you smoother transitions.) Each of the example images looks significantly different, even though they all have the same Hue/Saturation layer. That’s the magic of exploring the different blend modes.
[ 6 2 ]
Normal
Soft Light
I hope this inspires you to play around with layer blend modes. As you can see, they create very versatile looks. Now get out there and have some fun with your images! n
Hue
› › RETOUCHING MAGIC
Linear Dodge (Add)
Exclusion
Darken ALL IMAvvvGES ARE BY KRISTINA SHERK
> K ELBY ON E . CO M
Divide
[ 6 3 ]
SCOTTVALENTINE
> Photoshop Proving Ground
USING THE DISPLACEMENT MAP FOR PARTICLE EFFECTS Since this issue focuses on special effects, I thought it would be fun to pull out one of Photoshop’s more enigmatic tools and breathe some life into it. The most popular use of displacement maps (let’s call them D-maps for short) is to distort and warp one image so it better fits the surface of some object in another image, such as logos or text on T-shirts, or textures on faces. It’s a really easy way to blend things in a natural way. Let’s take things further and build a popular dispersion effect using a slightly hidden power of D-maps: channels. The core concept of a D-map is that it uses gray values to determine from where to copy pixels in your base image: 50% gray means nothing moves around, while 100% (white) pulls image pixels from one direction, and 0% (black) pulls from the opposite direction. Typical D-maps are grayscale images, where white on the map copies from the lower right, and black copies from the upper left. Original
D-Map
Result
> PHOTOSHOP USER > J U N E 2017
3x3 Map showing before/map/after
[ 6 4 ]
When you apply a D-map (Filter>Distort>Displace), you get the following options: To control the Horizontal and Vertical Scales by percentage; a choice of stretching or tiling the D-map to fit your canvas; and whether pixels at the edge of your image should be repeated or taken from the other side (Wrap Around). To make things more predictable for this article, we won’t be using these options because our map will be the same size as the original image. The percentage values are really handy, but they don’t affect the
size of the map; they affect where the map reaches out to your image for pixels.
250%
200%
The grid example is built so that each square is 128 px, and it’s done on purpose because D-maps evaluate gray value as “distance away from zero.” White and black mean “Go 128 px away, grab a copy of the pixel there, and bring it back here.” Being in the middle, 50% gray doesn’t go any distance away; it samples from and copies to right where it is. When you apply a percentage value in the Displace dialog, you’re changing the distance of the sample, but not the placement. Applying 200% in both vertical and horizontal directions means a white pixel on the map reaches out 256 pixels down and to the right; 50% pulls from only 64 pixels away. You can also use negative values, and different values in each of the horizontal and vertical fields. This example uses the same map applied at different horizontal values. It’s important to point out that the values used by the D-map are fixed pixel values, not scaled, which means that with larger documents you need to adjust the percent values to get more displacement. (Note: D-maps only work with 8-bit RGB or Grayscale images. In the following example, my base image is 8-bit, but if it were 16-bit, I’d have to convert my D-map to 8-bit before applying it.) D-MAPS AND CHANNELS Now there’s one more thing to know before we can really do some cool stuff. D-maps use channel information, not just gray values. The Red channel works horizontally, and the Green channel works vertically. On the Red channel, white pulls from right to left, and on the Green channel, white pulls
100%
50%
0%
100%
200%
300%
128 px
256 px
512 px
100%
200%
300%
128 px
256 px
512 px
100%
200%
300%
128 px
256 px
512 px
100%
200%
300%
128 px
256 px
512 px
100%
200%
300%
128 px
256 px
512 px
Examples of 50, 100, 200, 250, and 300 percent displacement
> K ELBY ON E . CO M
› › PHOTOSHOP PROVING GROUND
[ 6 5 ]
› › COLUMN
Original
Squeezed
© Scott Valentine
Expanded
Linear grad D-map and result © Adobe Stock/Alexander Y
from bottom to top. The third channel is not used, which is why it’s blue. (Ha ha! Well, I thought it was funny.) Anyway, use the Blue channel to make notes or sketch boundaries when you get to really detailed D-maps, but for now we’ll ignore it. There’s an interesting gotcha using channels, though. Remember that channels get blended together, so if you paint with pure RGB red on a regular layer, the Red channel gets pure white, but the Green and Blue channels get black, and that will affect our D-map! The way around this is to work directly on each channel independently. If I open a document with a single layer filled with 50% gray (see images above), I can go directly to the Red channel and apply a black to white linear gradient from right to left, and on the Green channel from bottom to top. The result will look expanded. Reversing that causes everything to squish.
> PHOTOSHOP USER > J U N E 2017
CREATING THE DISPERSION EFFECT We now have everything we need to start making a dispersion effect. I’m using this dancer from Adobe Stock because it has a relatively uniform background and will make things much easier to see. To obtain the stock image used in this exercise so you can follow along, add it directly to your Libraries panel (Window>Libraries) by clicking on the link for the image on the next page. When the Adobe Stock webpage opens, make sure you’re logged in to your Adobe account, then to the right of the image, you’ll see the option to Save Preview to My Library (you can click on My Library to select a different library or
[ 6 6 ]
Original
› › PHOTOSHOP PROVING GROUND
download option). Click on the cloud-with-an-arrow icon, and the preview image will automatically be downloaded to your Libraries panel in Photoshop. Double-click the image in the Libraries panel to open it. •
the dancer
[KelbyOne members may download the brushes used in this tutorial at http://kelbyone.com/magazine. Simply double-click the .abr file to load the brushes into Photoshop. You’ll find them at the bottom of the Brush Presets panel (Window>Brush Presets).] Step Two: Right-click on the brushed layer in the Layers panel, and choose Duplicate>Layer. In the dialog that opens, select New in the Document drop-down menu, and click OK.
Step One: In order to work more accurately, I like to paint my basic D-map into a blank layer above my image by clicking on the Create a New Layer icon at the bottom of the Layers panel. Select the Brush tool (B) and make sure your Foreground/Background swatches at the bottom of the Toolbar are set to the default Black/White by pressing the D key on your keyboard. In the Brush panel (Window>Brush) use the Spatter brushes at 100% Opacity around the subject, reducing Opacity (to about 30%) and Size (using the Left Bracket key on your keyboard) as you get closer to the subject. I used black here to make it more visible, but we’ll change that in the map itself.
Step Three: Still in the new document, click on the brushed layer to make it active, then open the Channels panel (Window>Channels). Select the Blue channel, and fill it with 50% gray.
Brushed layer
D-map showing brushed layer over 50% gray
> K ELBY ON E . CO M
In the new document, click the Create a New Layer icon, and drag this new layer below the brushed layer in the Layers panel. Fill this layer using Edit>Fill. In the Fill dialog, set Contents to 50% Gray, and click OK.
[ 6 7 ]
› › COLUMN
Step Four: Click on the Red channel and press G to load the Gradient tool. Click on the gradient preview thumbnail in the Options Bar and choose the Foreground to Background preset (the first one), and then choose the Linear Gradient icon in the Options Bar. Press D to set Black/ White as your Foreground/Background colors. Drag from the right edge of the canvas to the left, which will fill the brushed marks with the gradient, but won’t affect the transparency. Step Five: Repeat the gradient on the Green channel, but drag from the lower right to the upper left. Step Six: Click the RGB composite channel, and check out the colors. Step Seven: Save this file, which is your map, next to your base image in the Finder (PC: Windows Explorer). I like to use the same name as the base, but with “_DMap” at the end, so Photo.psd becomes Photo_DMap.psd.
> PHOTOSHOP USER > J U N E 2017
D-map Red channel
[ 6 8 ]
D-map Green channel
D-map composite (RGB)
Final image
Final variation
Step Eight: Back in the original image of the dancer, turn off the visibility of the brushed layer by clicking on its Eye icon in the Layers panel, and then duplicate the Background layer (Command-J [PC: Ctrl-J]). With the Background copy active, choose Filter>Distort>Displace. Ensure the Scale percent values are 100%, and then click OK. Navigate to the DMap you just saved, and click Open.
Step 10: Repeating the same displacement (ControlCommand-F, [PC: Ctrl-Alt-F]) two more times yields the “Final Variation” image above.
Step Nine: Turn on the brushed layer on and off to compare the map with the results. Not every brush mark you made will be filled with pixels from the subject, so you may have to Undo the filter (Command-Z [PC: Ctrl-Z]) and try again with larger percent values. Alternatively, you can simply repeat the filter, but I recommend starting with the largest percent displacement and working down to smaller values. Voilà! Particle displacement!
Some things to note: The process is destructive, so work on duplicate layers. If you create multiple duplicates of your Background, then apply the D-map to each, at different percent displacements, you can selectively blend them with masks. Also, because of the nature of D-maps, you’re likely to get pixelated edges. Finally, remember that the gray values of your map represent specific pixel distances. The pixel dimensions of your document will affect the apparent movement of your D-map, so experiment with the percent values. As always, be sure to share what you come up with, especially on the new KelbyOne Community forums! n
> K ELBY ON E . CO M
› › PHOTOSHOP PROVING GROUND
[ 6 9 ]
By Corey Barker
Tips & Tricks for Creating Special Effects for Your Images
I have to admit that I grappled with how I was going to approach this feature on finishing effects. I was going to discuss the theory behind finishing effects, and cite examples, but then I realized that approach would just leave you wanting to know how to create those effects. I decided that, since this is a magazine on Photoshop techniques, I’d give you just that: a collection of some of my go-to finishing effects that I use every day. You’ll be amazed > PHOTOSHOP USER > J U N E 2017
how adding a few simple little touches can be the cherry on top
[ 70 ]
of your composites. Once you go through the steps in this article, you’ll have the tools to experiment with new effects that you can add to your library and use right away. Before we go into the techniques, I’d like to discuss briefly the world of finishing effects.
Fortunately, most of us aren’t designing feature film posters (though some of us would like to), nor do we have to endure a drawn-out review process; however, we can take advantage of some of the techniques that finishers use to add pizzazz to our own work. It just might be the thing that makes the difference in getting that next job. (Trust me, because this has happened to me.) So, in this article, we’ll explore some finishing effects I developed over the years that owe their existence to other effects I learned from other designers. Once you understand how an effect works, you can play around with other ways to use it, which leads to discovering a whole new world of effects. I encourage you to experiment with the following tips to come up with your own effects. So enough chitchat; let’s get into it!
Real-World Examples If you’re curious to see some incredible finishing work, visit BLT Communications, one of the premiere agencies for feature film design. Check out their site and you’ll see a lot of work done for some of the biggest feature films ever. I visit this site often to see what’s new, and to get inspired.
> K ELBY ON E . CO M
Look at it this way. When a house is built, it starts with an architect who creates the original concept, followed by someone who builds that design, and finally someone comes in at the end to paint and landscape to make the final house presentable. In entertainment design, such as a movie poster, the concept is presented by the art director, a designer creates the initial concept, and then the finisher adds the final effects. There’s even an entire industry built around designers who only do finishing effects. You know those posters you see in theaters? That’s the result of a long process of concept and approval at numerous levels until it reaches the finisher, and even then it goes through the wringer a few more times before you have the final movie poster.
[ 7 1 ]
Brushes & Layer Styles Are Always There When You Need Them!
> PHOTOSHOP USER > J U N E 2017
Before we get into the techniques, let’s talk about a couple of key features you should get familiar with if you want to get the most out of custom finishing effects: brushes and layer styles. You may be saying to yourself that you already know how to use brushes and layer styles, but do you really? Have you exhausted all that’s possible with these two facets of Photoshop? I’ve been using both features since they first arrived in Photoshop, and I’m still discovering amazing things to this day. The trick is to look beyond what they’re called and concentrate on what they do. This always reminds me of one my favorite quotes from the movie Apollo 13 in which Ed Harris’s character says, “I don’t care what anything was designed to do; I care about what it can do.” So look beyond what something was designed to do and play with all the settings to see what it can do. You’ll be amazed at what you can achieve with just layer styles when you combine, mix, blend, and vary the settings. Yes, many of these features were designed by engineers for a very specific function, but you have to look at these features as an artist. They go way beyond what they were engineered for. It’s up to you to discover those possibilities. I hope these tricks give you a good start.
[ 72 ]
Create a Custom Particle Brush Let’s do a couple of exercises to help you think differently when it comes to using brushes and layer styles. These are finishing effects I use often, and once you follow through these steps, not only will you have a better understanding of custom brushes, but you’ll also have a cool particle brush you can use right away.
Step One: Start by creating a new 1000x1000 pixel document at 100 ppi.
Step Two: Press D to set the Foreground/ Background colors to their default black/white, and then go to the Filter menu, to Noise, and choose Add Noise. Set the amount to 400%, Distribution to Gaussian, and check on Monochromatic. Click OK.
Step Four: Now open Levels by pressing Command-L (PC: Ctrl-L). Push the highlight and shadow sliders below the histogram toward the center to where they almost touch. The closer they get, the more contrast you’ll see in the noise in the image. Here you can see that pushing the sliders to the right of center spaces out the particles even more. Click OK when you get the amount you like.
Step Three
> K ELBY ON E . CO M
Step Three: Go under the Filter menu to Blur and choose Gaussian Blur. Set the Radius to 3 Pixels and click OK.
[ 73 ]
Step Five: Press Command-I (PC: Ctrl-I) to invert the image, making the particles black and gray and the background white.
Step Six: Select the Gradient tool (G), and in the Options Bar, click on the gradient preview strip to open the Gradient Editor. Choose the Foreground to Transparent preset and click OK. Select the Linear Gradient icon in the Options Bar. Press D then X to set the Foreground color to white. Proceed to draw a gradient from each side of the image toward the center of the canvas to fade the edges of the particle effect. Step Five
Step Six
Step Eight
Step Seven
Step Seven: Press Shift-Delete (PC: ShiftBackspace) to open the Fill dialog. Set the Contents to Black and Mode to Overlay. Click OK. This will darken the lighter particles that remain.
> PHOTOSHOP USER > J U N E 2017
Step Eight: Go under the Edit menu and choose Define Brush Preset. Name the new brush when prompted, and click OK.
[ 74 ]
Step Nine
Step Nine: With your brush defined, let’s change its behavior. Select the Brush tool (B) in the Toolbar and your new brush should already be selected. If not, just click on the Brush Preset Picker in the Options Bar and locate the brush at the bottom of the list of brushes. Open the Brush panel (Window>Brush) and click on Brush Tip Shape. Go to the bottom of the panel and increase the Spacing to around 25%.
Step 10: Click on Shape Dynamics to activate it and set both the Size Jitter and Angle Jitter to 100%. Also check on both Flip X Jitter and Flip Y Jitter near the bottom for more randomization.
Step 11
> K ELBY ON E . CO M
Step 10
©Adobe Stock/alonesdj
Step 11: Finally, activate Transfer and set the Opacity Jitter to 100%. Now just paint on your image to add random particles. Use the Bracket keys on your keyboard to change the brush Size for larger or smaller particles. Also play with different colors. Set the brush to white for snow or black for dust and dirt effects.
[ 7 5 ]
Corey Barker
> PHOTOSHOP USER > J U N E 2017
[ 76 ]
But why stop there? You know those coollooking, slightly blurred spark elements you see in movie posters? This brush, combined with layer styles, can achieve this easily. First, turn off the Shape Dynamics and Transfer options in the Brush panel, and make the brush a fairly large Size, about the width of the document. Add a new layer and click once to add one instance of the brush. Activate the Warp feature under the Edit>Transform menu and use the grid to manually stretch the particles, resulting in a sense of movement. Press Enter to commit the Warp. Finally, go to Layer>Layer Style>Inner Glow and play with the settings to turn the particles yellow, then click on the Outer Glow option in the list of Styles on the left of the Layer Style dialog, and play with the settings to create a darker orange glow around each particle. Position the particles in the image. Done! This demonstrates how the discovery of one effect can lead to another. You’re essentially being inspired by your own work. Weird but cool! Let’s move on.
©Adobe Stock/rybindmitriy
Custom Lens Flares One of my favorite brushes is the flare brush. A flare is a great finishing effect when the occasion calls for it. Remember there’s no need to add a flare just because you can, but it’s nice to have some lens flares at the ready when you need them. So here’s how to create your own: Step One
Step One: Find an image of a lens flare on a stock site or even do a Google image search for anamorphic flares. Doing the latter is more of a gamble, as there’s no guarantee that the image will be a usable size. You want an image that’s at least 1000 pixels at its widest dimension. Normally, flares will be on a black background.
Step Three: Open Levels by pressing Command-L (PC: Ctrl-L) and click on the left eyedropper in the group of three eyedroppers. This eyedropper sets the black point in your image. Click on the background somewhere close to the flare itself and click OK. This will convert some of the areas around the flare to black. Now press Command-I (PC: Ctrl-I) to invert the image, making the flare black on a white background. When defining a brush, Photoshop reads black as opaque, gray areas as semi-transparent, and white areas as completely transparent. This means the background needs to be pure white. You can use Levels once again to push the highlights up a little to convert areas that you don’t want included in the brush to pure white. Step Four: Now just go under the Edit menu and choose Define Brush Preset. Name the brush and click OK. Voilà! You have a flare brush. Add a new blank layer to your image, press D then X to set the Foreground color to white, and click once with the Brush tool to add a flare anywhere you want. Don’t forget to add an Outer Glow layer style to match the flare to the color in the scene.
Step Two
Step Three
Step Four
> K ELBY ON E . CO M
Step Two: Open the image in Photoshop and remove the color by pressing Shift-CommandU (PC: Shift-Ctrl-U).
[ 7 7 ]
A Simple 3D Trick While there are myriad cool things you can do with 3D in Photoshop, here’s a cool little trick you can do with the flare brush we just created. Again, this demonstrates how one effect can build on another. Step One: Start by creating a new 1500x1500 pixel document at 100 ppi. In the New Document dialog, set the Background Contents to Black and click OK. Step Two: Create a new blank layer, switch to the Brush tool (B), and select the flare brush we just created. Use the Bracket keys on your keyboard to size the brush to about two-thirds the width of the document. Press D then X to set the Foreground color to white, and then dab a few instances at the bottom area of the canvas.
> PHOTOSHOP USER > J U N E 2017
Step Three: Go under the Filter menu to Distort and choose Polar Coordinates. Make sure Rectangular to Polar is selected and click OK. You’ll see the flare turn into a circular flare.
[ 78 ]
Step Four: Go to the 3D menu to New Mesh from Layer and choose Postcard. You won’t see any change other than the fact that the circular flare is now in 3D space. Switch to the Move tool (V), and in the Options Bar, choose the Orbit the 3D Camera tool in the 3D Mode section.
Step Five: Open the 3D panel located under the Window menu and make sure Current View is selected. Then, just click on the canvas and drag to change the angle of the flare.
> K ELBY ON E . CO M
Step Six: You can also add a layer style to a 3D layer in the same way as a regular layer. For this effect, go to Layer>Layer Style>Outer Glow, and experiment with the settings. click OK to close the dialog.
[ 79 ]
©Adobe Stock/Scree Graphics: d1sk; Woman: Studio Kwadrat
> PHOTOSHOP USER > J U N E 2017
[ 8 0 ]
Here’s an example where I used this very effect on a movie-poster design as a special light effect. I even added a Drop Shadow layer style. In the Layer Style dialog, I set the Drop Shadow to a light color, the Opacity to less than 10%, and the Blend Mode to Dissolve, yes Dissolve. This created the effect of small particles around the glowing flares. Be sure to experiment with different types of flares and glow colors. These can be easily catered to your images. You can also get extremely dramatic angles by modifying the Camera settings in the Properties panel (Window>Properties).
PixelSquid/3d_molier
HDR Toning: A Different Use Now I want to tell you about what has become my “secret sauce” for finishing a composite. It involves using the HDR Toning feature but in a way for which it wasn’t necessarily designed. But then again, how many great things in history owe their discovery to venturing outside the box. So if you have a composite image comprised of multiple layers of images, graphics, and effects, this effect will help unify the overall look, while adding some overall contrast. Step One: HDR Toning won’t work on a layered document, so you’ll need to flatten the image; however, you don’t want to flatten your working image. So instead, go under the Image menu, choose Duplicate, and click OK to create a copy of the composite. Now you can go under the Layer menu and choose Flatten Image. Step Two: Once the image is flattened, go under the Image menu to Adjustments and choose HDR Toning.
Step Four: Go up to the Tone & Detail section and increase the Detail amount. This tends to brighten the image a little too much in some areas, so dial down the Exposure slider a little to compensate for this. Depending on the image, you can also increase the Gamma a little to soften the highlights.
> K ELBY ON E . CO M
Step Three: Go to the bottom of the HDR Toning dialog and set the Saturation to –100% to remove all the color, as it will tend to muddy the image with oversaturation. Since this will be an overlay, it doesn’t need color.
[ 81 ]
Step Five: Next, go to the Edge Glow section and check on Smooth Edges. Then, nudge the Radius and Strength sliders a little to the right, depending on how strong an effect you want. Click OK when done.
> PHOTOSHOP USER > J U N E 2017
Step Six: Using the Move tool (V), hold the Shift key and drag-and-drop this image back into the original layered file. The Shift key will center the HDR image, aligning it with the original image. Drag the HDR toned layer to the top of the layer stack. Set the layer blend mode in the Layers panel to Soft Light and drop the layer Opacity to 50%. You can, of course, try other blend modes, depending on the image. Remember that every image will react differently to this effect, so think of this example as a springboard to get you started. Experiment with various settings to get a better idea of how they work, and this will open even more creative possibilities.
[ 8 2 ]
©Adobe Stock/Militiaman: Mark J. Grenier; U.S. Flag: Daniel Thornberg; Declaration of Independence: lawcain; Parchment: Scisetti Alfio; Map: Sergey Kamshylin
> K ELBY ON E . CO M
I hope you’ve been inspired to look beyond the obvious and endeavor to expand your special effects skill set, and that when it comes to special effects in Photoshop, you won’t be so much concerned with what a feature or tool was designed to do, but what you can do with it. n
©Adobe Stock/snaptitude
A Final Word Regarding Textures Another secret weapon for finishing effects is textures. You’ll benefit tremendously by building your own library of textures either by taking pictures of them yourself or purchasing stock images. As you start using textures, you’ll discover that there are some you’ll use over and over. Since textures are abstract, you can use them in variety of ways. You can use them as a simple texture overlay to add some grit to a photo, or you can define them as patterns and then apply them as a layer style, which you can then combine with other layer styles to create a whole new look. You can turn a texture into a custom brush and paint an effect on a layer, then add a layer style to that layer, and apply the original texture as part of the layer style. Oh yeah, you know what I’m talking about! The point is that textures can play a key role in finishing an image. Just look at composites and even movie posters; some have very obvious texture effects, while others tend to be subtler. Like the HDR Toning effect, textures have a tendency to help unify all of the elements in the composite. In fact, you can think of the HDR Toning effect as a custom texture created from the image. How about if you ran the HDR Toning effect on an image of texture? I’ve actually done this, and it does a great job of pulling gritty detail from a texture you didn’t even know was there. Many would never think of applying an HDR effect to a texture, but it’s that kind of thinking that prevents people from discovering what lies on the other side. All you have to do is try it! (Check out my “Down & Dirty Tricks” tutorial to see some of these techniques in a stepby-step poster project on page 20.)
[ 8 3 ]
DAVECLAYTON
> Designing in Photoshop
WORKING WITH TYPE IN PHOTOSHOP Using Photoshop for creating graphic design projects is really simple. If you don’t have InDesign but you want to create content with lots of text, then here’s a few type tips you can use in Photoshop to give you more control over your type options. Photoshop has many great type effect options but
> PHOTOSHOP USER > J U N E 2017
[ 8 4 ]
1. CONVERT POINT TEXT TO PARAGRAPH TEXT AND VICE VERSA There are two ways to add text in Photoshop: point or paragraph text. If you simply click on the canvas with the Type tool (T) and start typing, then you’ll create point type; but if you click-and-drag out a frame for your text, you’ll create paragraph text. Point text will stay on the same line until you press the Return key; paragraph text will wrap to the next line when it hits the edge of the frame. Both of these are useful, and the good news is that you can always change them later. You can convert a point text into paragraph text and vice versa at any time using the Convert to Paragraph/Point Text option in the Type menu. This option will be grayed out if you have your cursor inserted in the text, so commit the type first before making the switch. The same applies to converting horizontal and vertical text, which can be created with either the Horizontal or Vertical Type tools found in the Toolbar. To convert them, look for the Toggle Text Orientation icon on the left side of the Options Bar. It’s the T with an arrow pointing down on the left and an arrow pointing to the right below it. You can also go to Type>Orientation. With horizontal or vertical type, it’s okay to have the cursor inserted in the text before you convert it.
©Adobe Stock/sborisov
these few tricks may help your workflow and keep you creating!
› › DESIGNING IN PHOTOSHOP
3. A PPLY NONDESTRUCTIVE FILTERS TO LIVE TEXT Turning a text layer into a smart object will keep the text ask if you’d like to Rasterize the text or Convert to Smart editable inside the smart object, and it will allow you to Object. If you want to change the text without having to apply filters nondestructively to the text. Any filters will be reapply the effects, just double-click the thumbnail of the added as smart filters, making it easy to revert or change text smart object in the Layers panel. This will open a temthe text. To convert the text to a smart object, just Rightporary file with your text. Change the text, close and save click on the layer’s name in the Layers panel and select the temporary document, and when you return to the PSD Convert to Smart Object. But even if you forget to convert file, you’ll see the changes apply to the text but the effects the text before you select a filter, Photoshop will politely are still the same.
> K ELBY ON E . CO M
2. C ONVERT TEXT TO SHAPE FOR CUSTOM TEXT (LIKE ILLUSTRATOR) Converting a text layer into a vector shape layer means to Shape. This is usually done to create a type effect, such that you’ll no longer be able to edit the text; but you’ll as a logo mark. Using the Direct Selection tool, drag points be able to use the Direct Selection tool (A) and the Path to manipulate the text shapes, elongating or shortening Selection tool to make custom modifications to the parts of the letters. You can marquee over two corner characters. Keep in mind this conversion can’t be reversed. points to select them and use the Up or Down Arrow keys You can either Right-click your text layer in the Layers to elongate or shorten that part of the letter. panel and choose Convert to Shape, or go to Type>Convert
[ 8 5 ]
› › HOW TO
> PHOTOSHOP USER > J U N E 2017
4. QUICKLY DISTORT OR CHANGE THE SIZE OF LIVE TEXT Whether you’ve set point text or paragraph text, you can distort the text and still have live, editable text. With your type cursor inserted in the text, press-and-hold the Command (PC: Ctrl) key, and you’ll see a Free Transform-like bounding box appear around the text. If you hover the cursor below any point of the bounding box until it changes to a white arrow, you can click-anddrag to skew the text box to how you want it. All the text inside will remain editable. Sometimes the obvious tips are still unknown! You can also clickand-drag any point to resize the text (hold the Shift key to maintain proportions). You can check this in the Character panel or Options Bar to see that the point size has changed. Plus, you can click-and-drag anywhere outside the bounding box to rotate the text. (Note: With paragraph text, you don’t have to hold the Command [PC: Ctrl] key to rotate the text.)
[ 8 6 ]
› › DESIGNING IN PHOTOSHOP
6. CHANGE COLOR OF TEXT To change the color of your text to a color from your image, just click on the Foreground color swatch near the bottom of the Toolbar, click a color in the image to sample it, and click OK to make it the Foreground color. Then, select the text you want to change with the Type tool, or double-click the T in the Layers panel to select all text, and then use the shortcut of Option-Delete (PC: Alt-Backspace) to change the text to the Foreground color.
depending on which panel you’re in. You can now apply the character styles to any selected part of your text, but applying paragraph styles will affect the whole paragraph. You can experiment with mixing the two types of styles together. You can also double-click the name of the styles in the panels to edit them.
If you then wanted to change a single word or a selection of words within that text to a different color to highlight something, you can set the Background color the same way by clicking its swatch in the Toolbar. Highlight the specific piece of text you want to change and then use CommandDelete (PC: Ctrl-Backspace) to make it the Background color.
> K ELBY ON E . CO M
5. C HARACTER AND PARAGRAPH STYLES Character and paragraph styles can save you a lot of time when you need to use the same styling of text in the same Photoshop document. You can find both panels under the Window menu. Once you’ve formatted your text the way you want, click on the flyout menu of either panel and select New Paragraph Style or New Character Style,
[ 8 7 ]
› › HOW TO
7. EDIT MULTIPLE TYPE LAYERS AT THE SAME TIME You can change the font family, font size, or color of multiple type layers at once by simply selecting all the text layers that you want to change in the Layers panel (Shift-click to select contiguous layers; Command-click [PC: Ctrlclick] to select non-contiguous layers). Then, simply make the adjustments in the Options Bar or Character panel.
> PHOTOSHOP USER > J U N E 2017
8. TRANSFORM TEXT INSTANTLY (BOLD, ITALICS, UNDERLINING, ALL CAPS TRANSFORMING, ETC.) If you want to change the style of the text quickly, you can either choose the font family options in the Options Bar, or in the Character panel you have a line of icons which allow you to bold, italicize, make all caps, underline, strikethrough, and some other options. Be aware, however, that the bold and italic options in this section are referred to as “faux” because Photoshop is faking these attributes.
[ 8 8 ]
9. T YPE ON A PATH: LOGO STYLE EFFECTS Start by creating a path. In this instance, use the Ellipse tool (press Shift-U until you see it in the Toolbar), set it to Path in the Options Bar, and hold the Shift key as you drag out the path to create a perfect circle. Now select the Type tool (T). Hover the cursor over the outside of the circle, and you’ll see a wavy line appear, which means you can start typing on the outside of the shape. You can change the font, size, color, etc. You can also drag the type around the shape with the Path Selection tool (A). This is great for making logos in Photoshop. Plus, you can use the Path Selection tool to drag the type to the inside of the circle. You may need to change the tracking (spacing) between the letters in the Character panel to “unsquish” the text.
› › DESIGNING IN PHOTOSHOP
10. CHECK SPELLING With the Type tool active, Right-click on the type and choose Check Spelling. The Check Spelling dialog will find misspelled words and give you the option to change them, along with suggestions for the correct spelling. You can change single instances of a word, all instances of a word, or just completely ignore changing it altogether. If only more people would do this. Better yet, get your work proofread!
11. FIND AND REPLACE Go to the Edit menu and choose Find and Replace Text. Type in the word you want to change and then type the word with which you want to replace it. Click Change All and it will change all instances of that word.
> K ELBY ON E . CO M
12. CHANGE FONT PREVIEW SIZE You can change the size of the font previews in the font drop-down menus in both the Options Bar and Character panel. Make sure that you don’t have the cursor inserted in any text, and go to Type>Font Preview Size and select the size for your preview (Medium is the default). The larger you set the preview, the more memory you’ll use.
[ 8 9 ]
› › HOW TO
13. PLACE AN IMAGE INSIDE TEXT It’s really easy to place an image inside live text. Just type your text and then place a suitable image directly above the text layer. Position the image over the text to make sure it covers it. In the Layers panel, hold down the Option (PC: Alt) key, hover
the cursor between the two layers until a small square with a downward arrow appears, and click. This not only clips the image inside the text but it also allows you to change the text and move the image around inside the text.
> PHOTOSHOP USER > J U N E 2017
14. USEFUL KEYBOARD SHORTCUTS TO EDIT TEXT What better way to end this article than with a bunch of useful shortcuts to edit text quickly in Photoshop?
[ 9 0 ]
•
J ump between words: Command-Left or Right Arrow (PC: Ctrl-Left or Right Arrow)
•
lignment: Shift-Command-L (PC: Shift-Ctrl-L) for A Left, R for Right, C for Center, and J for Justify
•
J ump between paragraphs: Command-Up or Down Arrow (PC: Ctrl-Up or Down Arrow)
•
ll Caps: Select text and press Command-Shift-K A (PC: Ctrl-Shift-K)
•
Select characters: Shift-Left or Right Arrow
•
•
elect words: Command-Shift-Left or Right Arrow S (PC: Ctrl-Shift-Left or Right Arrow)
erning/Tracking: Insert cursor between two K letters and press Option-Left or Right Arrow (PC: Alt-Left or Right Arrow) to change kerning; select an entire word or words to change the tracking.
•
Select lines: Shift-Up or Down Arrow
•
•
elect paragraphs: Command-Shift-Up or Down S Arrow (PC: Ctrl-Shift-Up or Down Arrow)
eading: Select at least one line of text and L press Option-Up or Down Arrow (PC: Alt-Up or Down Arrow)
•
elect by clicking: Two fast clicks will select a S word, three fast clicks will select a line, and four fast clicks will select a paragraph
•
aseline Shift: Select at least one letter and press B Option-Shift-Up or Down Arrow (PC: Alt-Shift-Up or Down Arrow)
•
elect or Deselect all: Command-A (PC: Ctrl-A) S or ESC, respectively
•
•
tyles: Command-Shift-I (PC: Ctrl-Shift-I) for Italic, S -B for Bold, -U for Underlined
tart typing on new layer in Photoshop: S Make sure your type cursor isn’t inserted anywhere in a current type layer and Shift-click in the document window with the Type tool (T)
ize: Command-Shift-. (PC: Ctrl-Shift-.) to make S it larger; use the Comma key instead of the Period to make it smaller; include Option (PC: Alt) for larger changes
•
•
pecify size of text frame in Photoshop: S Option-click (PC: Alt-click) in the document window with the Type tool. n
#KelbyOneBooks
You’ve Updated Photoshop , ®
Now Update Your Photo Editing Skills!
The photographer’s workflow in Photoshop has evolved greatly over time, and in the latest edition of The Adobe Photoshop Book for Digital Photographers (2017 Release) by Scott Kelby, you’ll wind up doing a lot of your processing and editing in Photoshop’s Adobe Camera Raw (whether you shoot in RAW, JPEG or TIFF—it works for all three). That’s because, for years now, Adobe has been adding most of Photoshop’s new features for photography directly into Camera Raw itself. Since today’s photography workflow in Photoshop is based around Camera Raw, nearly half of this book is about mastering Camera Raw like a pro. If you’re ready to learn all the “tricks of the trade”—the same ones that today’s leading pros use to correct, edit, retouch, and sharpen their work—then this is the book that will get you up to speed!
fuel for creativity
COLINSMITH
> Photoshop Tips BOOST YOUR PRODUCTIVITY & CREATIVITY It’s my favorite time, time for more tips. I mean it’s always time for tips, right? Because they save you time. Okay, enough of the bad jokes. What’s not bad, though, is this nice collection of Photoshop tips. Enjoy! CLIPPING IN LEVELS When you’re adjusting the brightness of a photo, there’s a point where the image “clips.” Clipping means that brights become 100% white with no visible detail, and the darks become 100% black with no detail. As a rule, you should avoid clipping your images. When you’re making a Curves adjustment, if you hold down the Option (PC: Alt) key while moving either the white or black triangle below the curve, your image will show only the areas that are clipping. This clipping preview helps you to avoid “over correcting” or clipping details in your photographs.
> PHOTOSHOP USER > J U N E 2017
ESCAPE COMMITMENT ON YOUR TYPE When you’re applying type, you need to apply or commit the type. Enter commits the text. (You may have inadver tently found that hitting the Return key starts a new line.) You can also apply your text by clicking the checkmark in the Options Bar, or choosing a different tool in the Toolbar. You can also use the ESC key to apply your text. The first time you use the ESC key with text, Photoshop brings up a dialog asking if you’d like “to use the ESC key to commit text or cancel the text entry.” Choose Commit Text. If you’re creating a design with a lot of text, this is a good option to use. You can always change it later in Preferences by going to Photoshop CC (PC: Edit)>Preferences>Type and turning off the Use Esc Key to Commit Text option.
[ 9 2 ]
RELEASE THE BACKGROUND There are certain things that require you to convert the back ground into a regular, editable, floating layer, such as add ing masks, smart objects, etc. There have been many ways of doing this in the past, such as Option-double-clicking (PC: Alt-double-clicking) the Background layer’s thumbnail. Now, there’s an even faster way (it’s actually been there for a cou ple of years now). Simply click the padlock to the far right of the Background layer in the Layers panel and, voilà, you now have a floating layer. What about changing it back to a background? (Huh?) Just choose Layer>New>Layer from Background. There you go—round trip!
NONDESTRUCTIVE HEALING The Spot Healing Brush tool (J) and the Healing Brush tool have revolutionized retouching because they’re so easy to use. Here’s a little tip: Don’t heal directly on your photo or image layer. Instead, create a new blank layer on top of the layer stack and name it “healing.” By doing all your healing work on that layer, it’s easy to undo or edit corrections later. The trick to healing on a blank layer is to make sure you turn on the Sample All Layers option in the Options Bar, or you’ll be healing nothing. WHAT’S THE STUFF AT THE TOP MEAN? Have you ever looked at the top of your Photoshop docu ment, saw something like “Untitled-1 @100% (RGB/8)*,” and wondered what it all means? Well, the first part is the filename and the @ symbol followed by a percentage is the
magnification level you’re currently viewing. This is impor tant because you always want to be at 100% when retouch ing or sharpening. The term (RGB/8) means that you’re in RGB color mode and working in 8 bits per channel. And the last part, the “*,” is really important. This means that there are some changes to the document that are unsaved. Bonus, if you’re working on a layer or mask, it will also dis play which layer or mask is currently active; for example, if you’re working on a mask on Layer 1, you’ll see (Layer 1, Layer Mask RGB/8).
› › PHOTOSHOP TIPS
CURVES IN COLOR (RGB OPTIONS) You may have discovered that Curves are the best way to target specific tones in your image. They’re very powerful and let you make very precise adjustments. What some people don’t realize is that Curves can also be used for very specific color adjustments too. Where it says RGB (or CMYK in CMYK mode), you can choose the specific color channel: Red, Green, or Blue (or Cyan, Magenta, Yellow, or Black). Once you’ve chosen one of those options, you can use curves in the same way as usual, but now you’ll be adjusting the specific colors in the tonal range of your choosing. CHANNELS IN COLOR Why are your channels (Window>Channels) always dis played in black and white? Aren’t they supposed to be in color? Well, yes, they are color; however, Photoshop displays them as grayscale to make it easier to see the pixels and the effects of your masking and other work. White means more density on that channel, while black is the absence of that color (unless you’re in CMYK, then it’s the opposite). If you like, you can display your channels in color. Go to Photoshop CC (PC: Edit)>Preferences>Interface. Near the bottom of the dialog, under Options, you’ll see a box that says “Show Channels in Color.” Guess what? (You already guessed, didn’t you?) Check that box and you can view the channels in color in the Channels panel. You don’t even have to restart Photoshop to see these changes.
all of this for you, including the math, and you don’t have to drag out a single guide. Sound promising? Go to View>New Guide Layout. Choose a preset, or enter the number of Columns and Rows you want, as well as Gutters (spacing between rows or columns) and margins. When you do this, don’t forget to save it as a preset, so that you can reuse these settings in the future. Just select Save Preset from the Preset drop-down menu at the top of the dialog. RESHAPING A PATH There are lots of ways to make paths in Photoshop, but the most flexible way is by using the Pen tool (P). Sometimes you may want to resize your path, or reshape it slightly. It would be very painful to watch someone drag each point individually, or even select and drag multiple points. It would be even more painful to do this yourself, knowing there’s a better way. Here’s how: Choose your path with the Path Selection tool (A). Tap Command-T (PC: Ctrl-T) for Free Transform. Now you can use Free Transform to scale or rotate your path. Right-click, and all your transforming “friends” are there too, including Skew, Distort, and even Warp. “Whaaa? Free Transform works on paths? I didn’t know that,” you say. Yeah, you can also transform selec tions (Select>Transform Selection)—try it. n
THE OLD NEW DOCUMENT WINDOW When you’re creating a new document (File>New) in Photo shop, you’ve probably noticed the new giant New Document dialog that pops up, which is packed with useful presets and templates. You may love this new dialog, or you may not. If you don’t like it, the good news is that you can make Photo shop work like it used to. All you need do is go to Photoshop CC (PC: Edit)>Preferences>General, and check the box that says Use Legacy “New Document” Interface.
> K ELBY ON E . CO M
MAKING GUIDES Guides are a pain. I mean, they’re really useful, but they’re a pain to set up. Say you want three columns: First, you have to divide the page into thirds, but what if you want to add a little margin around the edges? Wait, you’ll need a calcula tor for this. Stop the madness! You can make Photoshop do ALL IMAGES BY COLIN SMITH
[ 9 3 ]
JAKEWIDMAN
> Design Makeover CLIENT Eva’s Phoenix www.evas.ca
home design
> PHOTOSHOP USER > J U N E 2017
[ before ]
[ 9 4 ]
Eva’s Phoenix is one of three facilities operated by Eva’s Initiatives for Homeless Youth in Toronto, Canada. The organization is named for Eva Maud Smith, an immigrant from Jamaica who worked as an educator and youth worker. In those roles, she saw the challenges that homelessness presented for many students, and how shelters intended for adults didn’t offer the special services that homeless youth need. As a result of Smith’s efforts, the youth shelter Eva’s Place opened in 1994. Over the next 10 years, it was joined by Eva’s Satellite, another emergency shelter, and then Eva’s Phoenix, which provides longer-term transitional housing, as well as educational support and employment and independent living skills for ages 16 to 24. “Up to 50 youth can live here at one time,” says Alanna Scott, Eva’s director of development and campaigns. The facility comprises 10 townhouses that accommodate five residents each. “Residents get a private bedroom and their own key,” continues Scott. “They can live here for up to a year.” A couple of years ago, Eva’s Phoenix got the opportunity to relocate to an unused municipal building; but before it could do so, the organization had to come up with $12.1 million to renovate the structure into the living spaces needed. That meant appealing to corporate and financial donors, who would expect some kind of recognition for their generosity. Eva’s old facility had a list of donors on the wall, but the organization wanted something more appealing for the new place. At about the same time, the organization undertook a logo redesign. “We had a primary-color logo that looked like it came out of the ’80s,” says Scott. “We had a company come in and redesign the brand pro bono.” The new donor recognition signage, whatever it turned out to be, would also reflect the logo redesign. Eva’s Phoenix opened its new location in September 2016, with a new set of plaques to recognize donors.
Original donor wall
makeover submissions We’re looking for real-world makeovers for future installments of the “Design Makeover,” so let us know if you recently had a branding makeover or if you did a branding makeover for a client that you’d like us to consider. We cover everything from product packaging or labels, print advertisements, websites, logos, and magazine covers that are currently in the marketplace. So if you’d like to be considered, send us an email at
[email protected].
› › DESIGN MAKEOVER
CLIENT Eva’s Phoenix www.evas.ca
Early versions of plaques on architects’ renderings
For the donor-recognition signage in its new space, Eva’s Phoenix wanted to find someone to “interpret our brand look-and-feel into something that would work in our facility,” says Scott. Each of the 10 townhouses would be named for a donor, and a sign on the door would acknowledge the donation. In addition, there would be five “Pillars of Support”—columns running down the central aisle of the building, each sponsored by a donor—a Donor Wall, a Cumulative Wall, and a Brick Wall, all bearing the names and logos of the donors who funded the move. “But we didn’t want the interior to feel like a branded environment,” says Scott. There was understandable concern that the youth they were serving wouldn’t feel comfortable or “at home” in a space filled with corporate logos. In the summer of 2015, Eva’s put out a Request for Proposal for the donor-recognition signage. The directors of the fundraising campaign chose the proposal of Jamey “Cactus” Vella, owner of Anxiety Attack Designs. “My job as the designer was to give fair and high-quality recognition to the many donors, while keeping Eva’s Phoenix a place that still felt like home to the residents,” says Vella. Eva’s gave donors the opportunity to include a famous quote that related to why they supported youth experiencing homelessness. They provided the quotes and the donor information, along with Eva’s brand guidelines, to Vella. Aside from that, “they didn’t give me any design direction,” he says. He proceeded to research the donor recognition areas of hospitals and corporate spaces, but he didn’t like what he saw. “A lot of those were very sterile—just text,” he says. “We’re working here with a shelter for young people, so you’d want it to be a little more fun.”
about the client Eva Maud Smith (1923–1993) immigrated to Canada in 1956 from Jamaica and started working in domestic jobs. But it wasn’t long before she became a Toronto community leader, youth worker, and educator. Through her work, the first youth-focused shelter in North York, Toronto, opened in 1994. Over the next 10 years, Eva’s expanded with Eva’s Satellite and Eva’s Phoenix, which provides housing for 50 youth aged 16 to 24 for up to a full year in townhouse-style units. Furthermore, working with business, labor, and community partners, Eva’s Phoenix provides homeless and at-risk youth with educational support and employment and independent living skills that give them a base from which to move forward with their lives. While at Eva’s Phoenix, youth develop the skills to live independently through goal-setting exercises, workshops, and hands-on programs that are delivered in a supportive environment.
> K ELBY ON E . CO M
[ the project ]
[ 9 5 ]
› › COLUMN
DESIGNER Anxiety Attack Designs anxietyattackdesigns.com
[ the process ]
> PHOTOSHOP USER > J U N E 2017
Early mockup of plaques
[ 9 6 ]
Final designs printed at Eva’s Phoenix’s print shop
Vella’s concept took off from Eva’s Initiatives’ recently redesigned logo, which incorporated a house shape. “I looked at it and said, ‘This is the main point of your branding. We can run with this,’” recalls Vella. He started working in Photoshop using the architects’ renderings of what the final space would look like. “I’d design the plaques and then put them at the proper angles, with the drop shadows, to re-create how it would look.” (See images on previous page.) By the time they got to the second meeting, Eva’s Capital Campaign Chairperson and Executive Director wanted to see physical samples. Vella had some printed onto Plexiglas and some onto card stock at various sizes. The original idea was to have the Plexiglas cut in the shape of the house, but there was concern that the results had too many sharp points. “We even got a couple of mockups made so I could bring them into the donor presentation meetings,” Vella says. “Everyone was really impressed with them, but we’re housing 50 young people here, and we didn’t want anything that could potentially cause harm. So we just went with the square with the image behind it.” The image is printed on paper (at Eva’s Phoenix’s own print shop) and sandwiched between two squares of Plexiglas. That turned out to have an added advantage: on the cutout version, the only other visual was the donor’s logo. Placing the donor’s logo inside the house shape meant Eva’s logo dominates the plaques, increasing their visual consistency and reducing the branded-environment effect. That approach brought its own challenges, however. As new donors signed on, sometimes their logos had a different dimension or shape than most of the others. That meant Vella would have to rework some completed designs to maintain their consistency. In addition to the donor’s logo, “there’s also a quotation chosen by the company about why the donation was made,” says Scott. The quotation is set in Asap Bold from Omnibus Type, a font specified in Eva’s branding guidelines.
› › DESIGN MAKEOVER
DESIGNER Anxiety Attack Designs anxietyattackdesigns.com
[ the result ]
“Anxiety Attack took Eva’s brand and the donor brand and put them together,” says Scott. “If you walk down the main area, you see these wall plaques everywhere, but all you really see is the Eva’s logo—a plaque with a blue background and a white logo. Then, as you get closer, you see that inside is someone else’s logo.” According to Scott, many people aren’t aware of how big a problem youth homelessness is, but they’re interested in who the donors are. “I lead donor tours with our board of directors, and I find that people stop to see who is supporting the capital campaign,” says Scott. “It helps when people see all these prominent companies supporting us.” The donors appreciate the recognition too, says Vella. “When we do tours of the building, they usually walk right up to their plaque, and they usually have a big smile on their face.” At the official launch last September, with the mayor and a city councilor present, “everyone was taking photos in front of their plaques,” Vella says. He also thinks he accomplished his goal of incorporating the donor’s logos without making Eva’s Phoenix feel too corporate for the people who live and work there. “The staff all seem generally pleased with it,” he says. “I think because there was so much concern about what it could look like with so many logos in a small space, when it was all done, everyone was pleased.” All in all, “I think I did my job well because no one complained,” he concludes.
Final design
Jamey “Cactus” Vella is a Toronto-based freelance graphic designer. He launched Anxiety Attack Designs in 2010. “I can remember designing my very first event poster back in high school, cut-and-paste style. Armed with scissors and magazines, I utilized the Xerox machine at my school and meticulously created what I thought was a masterpiece. I also remember a few years later when a friend showed me Adobe Photoshop for the first time. That was a game-changer! Those were both life-altering events for me.” Vella is also a husband and father as well as an accomplished musician. (Check out his music here.) “When I’m not working on a design project, you’ll find me spending time with my beautiful wife and daughter or performing on a stage somewhere.” He calls Aaron Draplin one of his biggest influences. “The guy has created an empire of sorts, and he’s changed the way freelance designers work and promote themselves.” n
> K ELBY ON E . CO M
about the designer
[ 9 7 ]
> Reviews GET THE SCOOP ON THE LATEST GEAR
Sekonic L-858D-U Speedmaster Multifunction Light Measurement Control for Photographers and Filmmakers Review by Michael Corsentino
Exciting news for light meter geeks everywhere: The Sekonic L-858D-U Speedmaster Light Meter is finally shipping, and it’s a game-changer! The new Sekonic L-858D-U Speedmaster Light Meter sports the full digital feature set and touchscreen interface common to Sekonic’s recent mid-tier model makeovers. Its large 2.7" color dot-matrix touchscreen makes adjusting settings quick and easy, but that’s where the similarities begin and end. This light meter is not just a revamped digital version of Sekonic’s venerable Sekonic L-758 DR, but rather the first meter able to measure flash duration—a crucial metric when trying to accurately and predictably freeze motion—and the first that can
> PHOTOSHOP USER > J U N E 2017
Company: Sekonic
[ 9 8 ]
Pricing: $599
measure strobes in High Sync and Hyper Sync modes. You can even program the number of pre flashes to exclude from the main exposure measurement. This is a major boon for mixed-light
Rating:
portrait photography and for those wishing to freeze action with
Hot: Measures flash duration and strobes in HSS mode; three optional trigger modules
shutter speed rather than flash duration—both huge advances
Not: Radio modules not interchangeable with previous model; no sync cable
the 1/1,000 sec. shutter speed top end of most light meters,
in light-meter technology. The Sekonic L-858D-U races past delivering a future-proof 1/16,000 sec. top shutter speed!
Brandon Rechten
› › REVIEWS
The L-858D-U also has three stops of increased sensitivity for incident light and two stops for reflected light, allowing you to measure light down to 0.1 lux. Available ISO settings have been
“This light meter is… the first meter able to measure flash duration—a crucial metric when trying to accurately and predictably freeze motion—and the first that can measure strobes in High Sync and Hyper Sync modes.”
cameras. In addition to the tried-and-true Aperture and Shutter Priority modes, a new ISO Priority mode has been added. Wireless triggering options abound with no less than three optional radio modules available: one for Pocket Wizard (U.S. and Canada); Pocket Wizard (International); and Elinchrom and Phottix (select countries) combined into one module—perfect for anyone with both Elinchrom and Phottix gear. The Pocket Wizard modules allow users to trigger any Pocket Wizard wirelessly and control the power on any Control TL-compatible unit. The combined Elinchrom-Phottix module also offers full Skyport triggering, Skyport power control capabilities, and complete Phottix Strato capability. Also included with the Sekonic L-858D-U Speedmaster Light Meter are: a nylon padded pouch with belt loop, lanyard, AA batteries instead of CR123A, antiglare screen protector, weathersealed ports, and a three-year warranty; however, there’s no included sync cable for camera calibration. ■
> K ELBY ON E . CO M
expanded to include the native ISOs of today’s most popular
[ 9 9 ]
REVIEWS › ›
Intuos Pro Paper Edition Wacom Combines Professional Pen Tablet with Paper Review by Erik Vlietinck
Company: Wacom Co. Ltd. Price: $549.95 (Medium $399.95)
> PHOTOSHOP USER > J U N E 2017
Rating: 5
[ 100 ]
Hot: Surface tactile feel; pen pressure levels; paper sketching; broad range of applications Not:
Wacom’s new Intuos Pro graphics tablet is the thinnest (0.3") and best ever. For my tests, Wacom kindly sent me a large (L) Paper Edition model (16.8x11.2"). [It’s also available in a medium (M) model that’s 13.2x8.5" and uses A-5 (half-letter size) paper sheets instead of A4 (letter size).] The Wacom Intuos Pro can be hooked up via USB cable or wirelessly with Bluetooth 4.2 built-in. The newest version of the largest Intuos Pro still has the familiar eight programmable buttons and Touch Ring that can have up to four different assignments, but its surface is now a sheet that feels like sketching paper. The box contains swatches of replacement sheets that have a smoother or coarser surface. Multi-touch is still supported, but it can now be activated and disabled using a button on the tablet’s side, which is more efficient than having to go to any kind of onscreen menu. I tested the Wacom Intuos Pro Paper Edition with a slew of Mac apps, including Corel Painter 2017, OmniGraffle Pro 7, DxO Optics Pro 11, Perfectly Clear Complete v3, Alien Skin Exposure X2, and even Final Cut Pro X. With most of these apps, I tested the tablet by drawing and painting—from masks to brush strokes—with the Wacom Pro Pen 2. This new pen supports 8192 pressure levels, which is four times as many as the previous pen. It was obvious when testing it with Painter 2017 that there’s a far more subtle feedback when varying the pressure. You have much better control over the flow of the paint or effect with the new pen. The sensation of working with a graphite, lead, or pastel on paper, as you’re used to, is further reinforced by how thin the new tablet is. It’s also half the height of a Rhodia dot Pad. Whereas
“…the tablet captures and temporarily saves your strokes to its internal memory, which will store up to 200 multilayered or 1,000 single-layered drawings until you connect it again. Files are then downloaded to your Inkspace, where they can then be exported as editable SVG or PSD files that can be opened in Adobe Illustrator or Photoshop.”
previous versions fell short in creating the illusion of drawing on paper, the new version delivers. The Intuos Pro is Bluetooth 4.2 compatible, which means that you can hook it up to any modern PC, Mac, or iPad. You can connect the tablet with its USB-C to USB-A type cable, as well. The cable is less flexible than it used to be, but oddly enough it’s better at lying flat on your desk. The tablet is also ambidextrous. By the way, the design of the complete Intuos Pro, including box, pen stand, pen, tablet, etc. is gorgeous! There’s no other word for it. Part of the new tablet’s appeal is that you can sketch if you have the Paper edition. This works with a Paper Clip that attaches to the top of the tablet to hold sketching paper. You can use whatever paper you like, but a few Wacom sheets are included in the box to get you started. The Wacom Finetip Pen is delivered for sketching. As you draw, the tablet captures and temporarily saves your strokes to its internal memory, which will store up to 200 multilayered or 1,000 single-layered drawings until you connect it again. Files are then downloaded to your Inkspace, where they can then be exported as editable SVG or PSD files that can be opened in Adobe Illustrator or Photoshop. With Inkspace running, you can synchronize, store, and export sketches, but you can also have your sketch refresh the onscreen version in real-time when your tablet is connected via Bluetooth. I’d like to see this Inkspace feature evolve into a plugin for Photoshop and other hosts. That would make the Wacom Intuos Pro Paper Edition “sketching party” complete! ■
> K ELBY ON E . CO M
› › REVIEWS
[ 101 ]
REVIEWS › ›
HP Z2 Mini G3 Performance Workstation A Mighty Computer in a Small Package Review by Bruce Bicknell
How does the saying go? Mini is mighty? Well, if that’s not a saying now, it should be with the new HP Z2 Mini G3 Performance Workstation. I’ve reviewed computers of all sizes and forms from both sides of the fence (Mac and Windows), but I have to say this one has totally blown me away. Not only does it have the cool factor, as it looks like it should be on the desk of a superhero, but it also has the horsepower and flexibility to rival just about any desktop (and not just mini form factors)! The ability to hook up six monitors out of the box is quite a feat for any size box, but it’s even more impressive considering the small size of the Z2 Mini. Let’s start with the horsepower and functionality. My test model is maxed out with an Intel i7-6700, 32 GB (2x16 GB)
Company: HP
> PHOTOSHOP USER > J U N E 2017
Price: $1,946.70 (as tested); starting at $694
[ 102 ]
Rating: 5 Hot: Design; up to 32 GB RAM; up to six monitors; size; price; customizable; very quiet Not:
of RAM, and a discrete NVIDIA Quadro M620 GPU with 2 GB of dedicated video RAM. Storage is provided by a 256-GB HP Z Turbo PCIe SSD and a 1-TB SATA drive that gives more than enough space for files, and the SSD launches all of the systems quickly and efficiently. The configuration really allows this machine to perform, and it’s amazing that they got all of this into a small package (8.5" on a side, and less than 2.5" high). This is where it gets even cooler: the number of features HP packed into such a small box. If you’re like me, I’m always looking for more ports to connect my devices, as well as the ability to hook up multiple monitors without jumping through tons
› › REVIEWS
of hoops. Well, this one may surprise you, as you’ll find four DisplayPort 1.2 connectors, two USB Type-C 3.1 ports, four USB 3.0 ports, and an RJ-45 Ethernet port. (Note: There’s also an Entry-level version of the Z2 Mini that has fewer ports.) I was excited about the capability of hooking up to six monitors out of the box. I “only” have four external monitors, but I had them all up and running in no time, and the video card handled them
“Not only does it have the cool factor, as it looks like it should be on the desk of a superhero, but it also has the horsepower and flexibility to rival just about any desktop….“
with ease and no lag between them. The designers and engineers at HP have created an aesthetically pleasing case that oozes coolness, as well as being functionally sound with its performance and cooling capabilities. This machine stays cool and is ultra-quiet sitting on the desktop. It’s VESAmountable (for Z Displays and third-party stands, arms, and wall mounts) so it can be mounted out of the way if desired; but personally, I love the look of it on my desk, as its design is inspirational (and did I mention that it just looks cool). This machine performed well above my expectations in both Lightroom and Photoshop. I think HP has a serious contender in this market and a much-welcomed alternative to anyone who needs a smaller, more powerful computer. I’d recommend the HP Z2 Mini G3 Workstation to any creative pro who’s looking for a great computer at a reasonable price. (Note: Pricing can vary based on component costs and promotional discounts.) ■
> K ELBY ON E . CO M
[ 103 ]
Theodore Kefalopoulos
REVIEWS › ›
Alien Skin Exposure X2 Another Kind of Photo Editor/Organizer Review by Erik Vlietinck
Is Alien Skin Exposure X2 an alternative for apps such as Adobe Lightroom? It depends on your needs. With Exposure X2’s latest Advanced Layers update, the app offers nondestructive RAW editing and better organization, enhancement, and exporting capabilities.
Company: Alien Skin Software
In this update, Exposure X2’s nondestructive layering not only
Price: $149 (Upgrade: $99)
works with brushed adjustments and effects, but applies to pre-
> PHOTOSHOP USER > J U N E 2017
Rating:
[ 104 ]
Hot: Unique approach for editing/organizing; multi-image editing; multi-location quick export
sets, as well. This means you can apply a preset to a layer, then quickly remove (or add) effects, or make them weaker or stronger on another layer—and possibly only in some parts of the image. The new advanced layering lets you finish a retouching job much faster; for example, I could first apply a preset that
Not:
I tuned down by lowering the intensity and adding several one-effect-per-layer adjustments. More importantly, I applied those layered effects on multiple images simultaneously, all without incurring even the most minor speed drop on my
› › REVIEWS
mid-2011 iMac. While most comparable apps let you export several images at once, Exposure X2 lets you actually process them by just selecting them and start adjusting. Exposure X2 has lots of presets, and with this update it gains
“Another feature that I found brilliant is the healing brush, which allows you to adjust healing areas after the fact, by dragging them around.”
a new set of bright and vintage presets. The latter provide rich platinum tones with border overlays that simulate a brushed look to strengthen the illusion. Another feature that I found brilliant is the healing brush, which allows you to adjust healing areas after the fact, by dragging them around. On the management side of things, Exposure X2 lets you set metadata, such as ratings and flags. It also allows you to select matching images and show EXIF data by hovering over images. The app’s export support has been given a unique twist in that it offers the ability to simultaneously export multiple images to multiple preset locations and formats. You can download a free trial at the Alien Skin website. ■
> K ELBY ON E . CO M
[ 105 ]
REVIEWS › ›
OWC Drive Dock Use Bare SATA Disks with a Thunderbolt 2 Mac Review by Erik Vlietinck
The appeal of a bare drive dock is that you can hot swap and read two disks simultaneously. The OWC Drive Dock has speed and expansion functionality to spare with its two Thunderbolt 2 ports and single USB 3.1 Gen 1 interface. It’s an all-aluminum large
Company: OWC Digital Price: $269.75
> PHOTOSHOP USER > J U N E 2017
Rating:
[ 106 ]
square box with independent power switches and LED activity monitors per drive bay, in addition to an overall on/off switch at the back of the unit. The top is made from a robust matte black plastic sheet that
Hot: Speed; ruggedness; design; per-bay on/off switch
holds the inward-swinging, dust-protection covers. The whole
Not: You can’t mount Atomos disk caddies
switching power supply and, like other drive docks, accommodates
thing is built like a tank. The Drive Dock also has a built-in auto-
both 2.5" and 3.5" drives. I’ve been testing the OWC Drive Dock as a backup and offload device, and I also tested the dock using two identical WD drives
› › REVIEWS
set in a RAID 0 configuration. It worked like a charm, although you must ensure both drives are switched on simultaneously to avoid RAID errors. Finally, I tested the OWC Drive Dock to start up the Mac. Note: Remember to switch on the active bay just
“OWC’s Drive Dock has a nice ergonomic design, and its sturdiness combined with its performance makes for a very attractive product.”
seconds before turning on the Mac or you’ll get the dreaded blinking “System not found” icon. The one and only thing I could possibly have wished for is the SATA connector sitting just a bit further from the edge so that I could use it to mount Atomos’ disk caddies when offloading video. (It would be awesome if you could!) Alas, the bare drives must lean against something in order to reduce the risk of breaking the SATA connector when removing the drive. OWC’s Drive Dock has a nice ergonomic design, and its sturdiness combined with its performance makes for a very attractive product. ■
> K ELBY ON E . CO M
[ 107 ]
REVIEWS › ›
ON1 Photo 2017
ON1 Photo 2017 is a completely new, sophisticated, beautifully implemented piece of software, delivering a ton of new features and a fast, state-of-the-art RAW-processing engine and imageprocessing pipeline, ON1 Photo RAW. The interface is still thoroughly familiar, however, for anyone transitioning from a
Photo Organizer, Editor, RAW Processor, and Effects App
prior version, and intuitive enough for new users.
Review by Michael Corsentino
addition to the much wider latitude RAW files allow—compared
Let’s talk about RAW and why you need it in your life. In
to JPEG—when making exposure adjustments, the other huge Company: ON1, Inc. Pricing: $119.99 (Upgrade: $99.99)
> PHOTOSHOP USER > J U N E 2017
Rating:
[ 108 ]
Hot: Sophisticated RAW editor; powerful image-management/filtering tools; new develop module Not:
benefit of a RAW workflow is nondestructive image editing. The value of this can’t be overstated. With hard-drive storage and large-capacity memory cards now relatively inexpensive, RAW is no longer a question mark, but the only way I’d tell you that you should be working if you aren’t already. ON1 Photo 2017 is packed with significant improvements and useful changes designed to make your life with RAW workflow easier and faster. New to ON1 Photo 2017 are: nondestructive RAW image-editing (as mentioned above); new local adjustments (rejoice!); faster ON1 Effects; a brand-
› › REVIEWS
new develop module—where you’ll do the bulk of your editing; global presets that can now be applied to images directly from within the Browse module; a powerful new local adjustments brush; a new Film Strip View (yes!); and midstack rendering, which allows you to see the effects you’ve
“ON1 Photo 2017 is packed with significant improvements and useful changes designed to make your life with RAW workflow easier and faster.”
ON1 Photo 2017 also includes the ability to reduce or enhance haze and fog—a feature I know landscape photographers are going to love. The Browse module has gotten a major facelift, too, with the addition of even more sophisticated filtering and search features. The powerful new indexed-folder feature makes managing images quick and easy, and this feature is truly a showstopper because it allows users to drill down and browse the entire hierarchy of folders on a directory in just seconds. This means not only being able to view every image in a directory super quickly, but you can also search across multiple folders using myriad user-specified filtering criteria. Now that’s powerful! ■
> K ELBY ON E . CO M
applied in real time without turning off those above them.
[ 109 ]
R E V I EWS › ›
Photoshop for Artists: A Complete Guide for Fine Artists, Photographers, and Printmakers By Sylvie Covey Review by Peter Bauer
Here’s a book being reviewed by request. It was originally published several years ago (though an update may be coming), but it works with every version of Photoshop since its publication. I’m grateful to the reader for this recommendation—it will become
Publisher: Watson-Guptill Publications Pages: 304
part of my permanent library. The book is divided into four parts: Understanding the Vocabulary and Logic of Photoshop; Tutorials for Drawing and Painting Digitally; Tutorials for Creating and
Price: $35.00; $21.99 (Kindle)
Developing Fine-Art Digital Photography; and Tutorials Combin-
Rating:
ing Photoshop and Printmaking. Each of the 28 tutorials is clearly
> PHOTOSHOP USER > J U N E 2017
written and illustrated and the author avoids the use of short-
[ 1 10 ]
cuts so that the very newest beginner can’t get confused. What strikes me most about this book is the section on drawing and painting in Photoshop. Some tutorials start with a photo, others with a blank canvas. You’ll likely also find that the tutorials on digital transfers give food for thought. n
› › R E V I EWS
How to Photograph Everything: Simple Techniques for Shooting Spectacular Images From The Editors of Popular Photography Review by Peter Bauer
The “Everything” in the title includes 43 different subjects, ranging from food and animals to fireworks and amusement parks. I’m sure you can come up with a couple of subjects that aren’t included (UFOs and alien beings, for example), but if you shoot
Pages: 327
it, it’s likely covered. If you want to shoot it, here’s where to learn. Each section starts with Getting Started, Tech Tips, What to Shoot, and a very valuable and thought-provoking section
Price: $40; $7.55 (Kindle)
called “Gear Up.” (The section on shooting birds suggests that a
Rating: 5
camera with an APS-C sensor may be preferable to a full-frame sensor for the increased magnification of the lens you choose.) The examples that follow have informative captions, many of which provide suggestions for a particular shot, as well as the name of the photographer who captured that image. If you love a shot, see the photographer’s website for more inspiration. n
> K ELBY ON E . CO M
Publisher: Weldon Owen
[ 1 11 ]
PETERBAUER
> From the Help Desk ANSWERS TO PHOTOSHOP AND GEAR-RELATED QUESTIONS I’m trying to create a panorama, and nothing seems to work: Not Photoshop’s File>A utomate>Photo merge; nor loading the files into layers and using Edit>Auto-Align Layers. I shot the images using a tripod and overlapped each by about 25%, and the overlap areas include such identifiable items as windows and the corners of houses. Is there any way to manually create a panorama
> PHOTOSHOP USER > J U N E 2017
in Photoshop? — Rusty
[ 1 12 ]
Yes, sometimes the automated processes don’t read the
Zoom out so that you can see more of the canvas. Use
images well enough to create panoramas. (I’ve seen Photo
the File>Place Embedded command to add the second
merge take four well-overlapped horizontal images and
image to the canvas, and then press the Enter key to accept
try to stack them vertically, and Auto-Align often mis-
the image’s size.
orders the images.) Creating a panorama in Photoshop
Now for the fun part: In the Layers panel, change the
from a series of overlapping images is certainly possible
upper layer’s blend mode from Normal to Difference (down
and precise, but it takes a number of steps. Here’s how
near the bottom of the menu). Using the Move tool (V),
I do it:
Shift-drag the top layer until the area of overlap turns
Open the first image (left, right, top, or bottom
completely black (or almost completely black, depending
depending on what you’re creating). In this case, I’ll use
on your lens). This ensures that the area of overlap is prop-
the example of creating a horizontal panorama, starting
erly aligned. You may need to rotate the upper or lower
with the leftmost image.
layer a bit to get proper alignment.
With the first image open, head to the Layers panel and
Back in the Layers panel, return the upper layer’s blend
click the Lock icon to unlock the layer. (This isn’t techni-
mode to Normal. With the Hand tool (H) or the scroll bar at
cally necessary, but I prefer to work over a transparent back-
the bottom of the image window, scroll to the right until you
ground rather than white—or whatever the background
see the right part of the second image and empty canvas.
color is during the next step.)
(You’ll want all of the right side’s area of overlap visible.)
Go to the Image menu and select Canvas Size. In the
Place the next image in the sequence of your panorama
three-by-three proxy box, click on one of the three boxes
(and press Enter). Again, switch the top layer’s blend mode
on the left, so that when you extend the canvas, it extends
to Difference and align the area of overlap, then return the
to the right rather than to both sides.
blend mode to Normal.
Switch the unit of measure to Percent. Make sure that
Using the same techniques, add each of the other
the Relative box is unchecked. In the Width box, increase
photos for your panorama. At this point, I strongly suggest
the width according to the number of images in your
saving the image as a layered PSD or TIFF. Of course, it’s
panorama. (If you’re using five photos, for example,
good practice to save after adding each image.
enter 500 in the Width box.) This is more canvas than we
Crop the panorama to remove the empty area to the far
need because of the image overlap, but the image gets
right. If you had to rotate any of the images and you ended
cropped later. Leave the Height field set to 100%. Click
up with transparency in areas, use the Crop tool with the
the OK button to expand the image to the right.
Content-Aware option selected in the Options Bar. n
NEXT STOPS: RICHMOND | NASHVILLE
Richmond, VA | 07.26.17
Nashville, TN | 07.28.17
view more dates
Discover a new way to be true to your vision. The newly reimagined Tamron F/2.8 fast telephoto zoom lens with faster autofocus, CIPA-rated 5-Stop Vibration Compensation* and improved M.O.D of just 37.4” exceeds your highest expectations.
© Thomas Kettner Focal Length: 200mm Exposure: F/2.8 1/125sec ISO: 400
SP 70-200mm F/2.8 Di VC USD G2 (Model A025) For Canon and Nikon mounts Di: For Full-Frame and APS-C format DSLR cameras *VC Mode 3
www.tamron-usa.com
ONLY AVAILABLE AT YOUR AUTHORIZED TAMRON USA RETAILER