Adobe Photoshop CS5 : Fixing Reflections in Glasses

11/27/2011 9:24:00 AM
I get more requests for how to fix this problem than probably all the rest combined. The reason is it’s so darn hard to fix. If you’re lucky, you get to spend an hour or more desperately cloning. In many cases, you’re just stuck with it. However, if you’re smart, you’ll invest an extra 30 seconds while shooting to take one shot with the glasses off (or ideally, one “glasses off” shot for each new pose). Do that, and Photoshop will make this fix absolutely simple. If this sounds like a pain, then you’ve never spent an hour desperately cloning away a reflection.

Step One.
Before we get into this, make sure you read the short intro up top here first, or you’re going to wonder what’s going on in Step Two. Okay, here’s a photo of a co-worker with his glasses on.

Step Two.
I could see right away that we were going to have a reflection in his glasses, so I told him after the shot not to move his head, but just to reach up and remove his glasses, and then we took another shot. Now, with both images open, get the Move tool (V), press-and-hold the Shift key, and click-and-drag the “no glasses” shot on top of the “glasses” photo.


Step Three.
Holding the Shift key will help get the alignment of the two layers somewhat close, but in this case, it’s still off by a bit because the shot was hand-held. Anyway, for this to work, the two photos have to be lined up with each other right on the money, and in CS5, Photoshop will do it for you. You start by going to the Layers panel, clicking on the Background layer, then pressing-and-holding the Command (PC: Ctrl) key and clicking on Layer 1 to select them both (you can see they’re both highlighted here). Then go under the Edit menu and choose Auto-Align Layers (if that function is grayed out, it’s because you don’t have both layers selected). When the dialog appears, leave it set to Auto and just click OK.

Step Four.
A little progress bar will appear telling you that it’s aligning the selected layers based on their content, and within a few seconds the two layers will be precisely lined up . Once your images are aligned, use the Crop tool (C) to crop away any transparent areas. Okay, now you’ll need to hide the top layer by clicking on the little Eye icon to the left of the layer, then click once on the Background layer (as shown here). Now you’re seeing the original shot, with the reflection in the glasses.

Step Five.
You’re going to need to select the inside area of both lenses, and you can use whichever selection tool you’re most comfortable with (like the Magnetic Lasso tool perhaps), but for a job like this, I think the Pen tool is perfect. If you choose to go the Pen tool route, get the Pen tool (P), then go up to the Options Bar and click on the second icon from the left (so it just draws a path). Then click the Pen tool once on a lower part of one of the glass lenses, move your cursor over to the left, and click, hold, and drag slightly to the left (as shown here). This draws a slightly curved path between the two points (the farther you drag after clicking, the more the curve bends).

Step Six.
So basically, that’s how it works—you move a little further along the lens, click, hold, and drag. Move again—click, hold, and drag, and continue this as you’re basically going to trace around the lens with a path. When you get back to the point where you started, a little circle appears in the bottom-right corner of your Pen tool’s icon letting you know you’ve come “full circle.” Click on that point to close your path. Now do the same thing to the other lens. Once you’ve gotten paths drawn around both lenses, press Command-Return (PC: Ctrl-Enter) to turn your paths into a selection (as shown here). Remember, you don’t have to do this using the Pen tool—use any selection tool(s) you’re comfortable with.

Step Seven.
After your selection is in place, make the top layer visible again (seen here) by clicking in the first column on the Layers panel where the Eye icon used to be. Then, click on the top layer to select it.

Step Eight.
To complete the effect, just click the Add Layer Mask icon at the bottom of the Layers panel (as shown here) and the eyes from the top layer replace the eyes from the original glasses layer, and your reflection problems are gone.

Before(notice the reflection—most visible in the right eye)

After (the reflection is gone)

- Adobe After Effects CS5 : Color Matching (part 3)
- Adobe After Effects CS5 : Color Matching (part 2) - The Fundamental Technique - Dramatic Lighting & No Clear Reference
- Adobe After Effects CS5 : Color Matching (part 1) - The Fundamental Technique - Ordinary Lighting
- Adobe After Effects CS5 : Color Look Development
- Adobe Fireworks CS5 : Applying the Unsharp Mask Live Filter
- Adobe Fireworks CS5 : Adjusting brightness with the Dodge and Burn tools
- CorelDraw 10 : Adding Graphics to a Page (part 3) - Optimizing images for the Web
- CorelDraw 10 : Adding Graphics to a Page (part 2) - Exporting the rollover graphic
- CorelDraw 10 : Adding Graphics to a Page (part 1) - Creating Rollover Graphics
- CorelDraw 10 : Adding Text to a Web Page
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 2) - Adjusting scale with the Gradient Transform tool, Setting gradient fill overflow styles
- Adobe Flash Professional CS5 : Transforming Gradients and Bitmap Fills (part 1) - Adjusting the center point with the Gradient Transform tool, Rotating a fill with the Gradient Transform tool
- Adobe InDesign CS5 : Joining Anchor Points & Using the Smooth Tool
- Adobe InDesign CS5 : Splitting Paths
- Adobe Flash Catalyst CS5 : Using design-time data (part 2) - Add and remove elements in the repeated item
- Adobe Flash Catalyst CS5 : Using design-time data (part 1) - Replace design-time images & Edit design-time text
- Adobe Flash Catalyst CS5 : Setting data list properties
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 2)
- Adobe Illustrator CS5 : Learning the Truth About Transparency (part 1) - Understanding Transparency Flattening
- Dreamweaver CS5 : Using Dreamweaver Templates - Adding Content to Template Documents
Most View
- Windows 7 : BitLocker (part 1) - How to Use BitLocker with TPM Hardware
- Windows Server 2012 : Increase scalability and performance (part 2) - Network adapter hardware acceleration
- Windows 8 : Wireless Connections (part 1) - To switch wireless networks
- Microsoft Accesss 2010 : Enhancing the Queries That You Build - Getting Help from the Expression Builder
- Windows Phone 8 : Working with People - Rooms (part 1) - Creating a Room
- Adobe Illustrator CS5 : Working with Paths (part 3) - Understanding how fills and strokes relate to paths
- SQL Server 2012 : Delivering A SQL Server Health Check (part 1)
- SQL Server 2012 : Fault Tolerance - Configuring an AlwaysOn Availability Group (part 2) - Configuring the SQL Server Instance
- Windows 8 : Creating a Windows Network - Installing a Wireless Network (part 1) - Wireless Network Setup Choices
- Microsoft Project 2010 : Setting Up Project for Your Use - Defining Environment Options (part 5)
Top 10
- Microsoft Word 2010 : Using Advanced Text Features - Addressing Envelopes
- Microsoft Word 2010 : Using WordArt (part 2) - Changing the Format of a WordArt Object
- Microsoft Word 2010 : Using WordArt (part 1) - Inserting WordArt Text
- Microsoft Word 2010 : Creating and Formatting Text Boxes (part 3) - Formatting Text in a Text Box, Linking Text Boxes
- Microsoft Word 2010 : Creating and Formatting Text Boxes (part 2) - Resizing a Text Box , Moving a Text Box
- Microsoft Word 2010 : Creating and Formatting Text Boxes (part 1) - Inserting a Text Box
- Microsoft Excel 2010 : The Concept of a Standard Deviation
- Microsoft Excel 2010 : Measuring Variability with the Range
- Microsoft Lync Server 2013 : Dependent Services and SQL - Server Certificates - Installing Lync Certificates
- Microsoft Lync Server 2013 : Dependent Services and SQL - Domain Name System - DNS Load Balancing , Automatic Client Sign-in