Photoshop Support - Main Photoshop News Photoshop Tutorials Photoshop Tools Photoshop Resources Photoshop Site Map
photoshop tutorials
photoshop tutorials - top logo
How To Sharpen An Image - Advanced Photo Sharpening

How To Sharpen An Image - Advanced Photo Sharpening
back to tutorials & articles by Mark Galer - main page
Buy. Download. Create. Get Photoshop now at the Adobe Store.
Photoshop for Students. Get super savings at the Adobe Education Store.



Working With Shadows In Photoshop - Advanced Shadow Techniques
Extract from "Photoshop CS2: Essential Skills" by Mark Galer and Philip Andrews

Learn the fine art of isolating and preserving delicate and complex shadows for transplantation to exotic new backgrounds. Mark Galer reveals how to introduce a world of exciting textures to your ever so subtle... not... studio tabletop.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Desert Camelia

Working With Shadows In Photoshop - Advanced Shadow Techniques

Working With Shadows In Photoshop - Advanced Shadow Techniques

Humble beginnings – take one flower, a desk lamp and some white paper.

The flower for this tutorial was photographed (using a Fuji FinePix) on a cold winters morning in Victoria whilst the sand (shot on Kodachrome film) hails from the Great Indian Desert in Rajasthan. Unlikely bedfellows, but with a little craft the two can lie together comfortably within the same frame – but only if the subtle shadow (created by a not-so-subtle 75 watt globe and a couple of pieces of white paper) is captured with all of its subtlety and delicately transplanted to its new home in the desert. This is how...!

Botanical Health Warning: The delicate petals of the flower can be cooked, frazzled or fried by the heat of a tungsten lamp in just a few minutes. Be prepared to work quickly or use soft window light as a low-temperature alternative.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Duplicate the background layer.

Step 1
Duplicate the background layer by dragging the layer to the ‘New Layer’ icon in the layers palette. Don’t worry if the edges of your white paper are in the frame. Just be sure to capture the subject and its shadow.

Note: The surface used does not have to be white, but should be relatively texture-free. This will avoid mismatched textures when the shadow is transported to its new home.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Use the gradient tool in Quick Mask mode.

Step 2
The initial steps in this tutorial aim to reduce the background tone to white and leave the shadows intact. The fall-off of light from the directional light source (the white background gradually becoming grey on the side furthest from the light) can be balanced using an adjustment layer. Select the ‘Default Foreground and Background Colors’, ‘Quick Mask Mode’ and the ‘Gradient Tool’ in the ‘Tools Palette’. Select the ‘Linear Gradient’ and the ‘Foreground to Transparent’, or ‘Foreground to Background’ option in the ‘Options’ bar. Drag a gradient from the brighter side of the image to the darker side of the image. A gradient in the default masking color will appear. Exit Quick Mask mode to reveal the resulting selection.

Alternative approach for Photoshop and Elements users > Adobe Elements users should proceed to the next step and create a gradient directly in the Layer Mask.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Use a levels adjustment layer to balance the background tonality.

Step 3
From the base of the layers palette select a ‘Levels’ adjustment layer. The active selection will create a layer mask for the adjustment layer. Move the central ‘Gamma’ slider and/or highlight slider to the left to brighten the background so that both sides of the background are of a similar tone. Be careful not to loose the shadows in this process. Select ‘OK’ when a satisfactory balance has been achieved.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Working With Shadows In Photoshop - Advanced Shadow Techniques

Select the subject without its shadow. A graphics tablet can help to make light work of this task.

Step 4
Use the painting tools in ‘Quick Mask Mode’ to make a selection of the flower on the background layer (Elements users should use the ‘Selection Brush Tool’ and select the ‘Mask’ mode in the options bar). Remember to feather the selection appropriately or apply a small amount of ‘Gaussian Blur’ to the mask. Click on the layer mask icon in the layers palette to apply a layer mask to the background copy layer (if using Elements the selection can be used to delete the background on this layer).

Note: A graphics tablet can be used to make light work of tricky selections such as the one performed in this demonstration tutorial.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Drag the background copy layer to a position above the levels adjustment layer.

Step 5
Drag the background copy layer to a position above the levels adjustment layer. This will ensure the adjustment layer created in the previous step does not affect your subject.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Use a ‘Threshold’ adjustment layer to render all pixels below the flower black.

Step 6
From the ‘Create new fill or adjustment layer’ menu in the layers palette select ‘Threshold’. This threshold adjustment layer will help in the process of isolating the subtle shadows and enable us to drop the remainder of the background to pure white (255). The first step is to temporarily render all of the pixels below the flower on the top layer black. This is achieved by dragging the slider all the way to the right – a threshold level of 255. Select ‘OK’ to exit the threshold dialog box.

Note: Check the positioning of the layers in the layers palette if your own result does not match that achieved in the tutorial.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Move the Gamma and Highlight sliders to render the grey tones of the background paper white.

Step 7
Move the ‘Gamma’ and ‘Highlight’ sliders to render the grey tones of the background paper white. The shadows should now appear clearly defined. Unless the background is blemish free and very evenly lit not all of the background will be rendered white by this step. Have no fear the whitewash step follows.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Paint out any remaining dark areas that are not part of the subjects shadow.

Step 8
Select the ‘Paintbrush’ in the ‘Tools Palette’ and click on the ‘Switch Foreground and Background Colors’ icon so that White is now the foreground color. Now paint out anything that is not a shadow.

Note: If the thought of painting directly onto the background layer is not something you are comfortable with then either duplicate the background layer again or take comfort in the fact that you already have another ‘unadjusted layer on top’ as your insurance policy.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Working With Shadows In Photoshop - Advanced Shadow Techniques

Import a new background.

Step 9
The threshold layer has now served its purpose and its visibility can be switched off, or the layer deleted by dragging it to the trash icon in the layers palette. When the threshold is removed from the equation the background will appear white and the subtlety of the shadows will reappear. The coast is now clear for the introduction of the new background. Open the new background file and drag its thumbnail from the layers palette into the window of your work-in-progress file. Hold down the Shift key as you let go of the file to centre it in the host canvas. The new background will appear above the modified background layer for the moment.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Link the background layer and its associated adjustment layers to create a ‘clipping’ group.

Step 10
The next step involves moving the old background to a position above the new background. Start by linking the old background layer with its associated adjustment layers (click on the boxes next to the eye icons on each of the layers). Then go to the Layer menu and select ‘Create Clipping Mask From Linked’ command (‘Group Linked’ in Adobe Elements). This action will ensure the new background remains unaffected when the adjustment layers are moved up in the layers palette in the next step.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Rename the background layer and move to a position above the imported background.

Step 11
Double-click the background layer to change its name. When the layer no longer carries the name ‘background’ it can be moved up the layers stack by clicking and dragging it to a position the new background. The linked layers should accompany it on its travels. The new background will momentarily be replaced with the old white background once again.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Working With Shadows In Photoshop - Advanced Shadow Techniques

Adjust the blend modes for the old background layer and the adjustment layers.

Step 12
The final step merges or blends the subtle shadows into their new home. Select the old background layer and change its blend mode to Multiply (click on the blend mode menu in the layers palette next to the opacity control). Set the adjustment layers to Luminosity mode if you need to reduce any color that has been introduced from the old background. Add a further Hue/Adjustment layer to this clipping group if additional desaturation is required.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Fade the background and/or create a subtle vignette using adjustment layers and the gradient tool to complete the project.

Step 13
Finishing touches to this project could include the addition of a very subtle vignette, lightening the background as it fades into the distance and the usual sharpening process prior to printing. If an additional adjustment layer gets accidentally grouped with the Clipping group go to the layer menu and select ‘Release Clipping Mask’ command.

Working With Shadows In Photoshop - Advanced Shadow Techniques

Subtle Shadows – courtesy of the shadow catcher technique.

This technique provides those photographers burdened with a meticulous eye a useful way of retaining and transplanting the subtle and complex shadows from the original image to create sophisticated and professional montages.

Adapted from "Photoshop CS2: Essential Skills" by Mark Galer and Philip Andrews © 2005. Used with permission. Learn more tips and tricks from Photoshop expert Mark Galer.



Photoshop CS2: Essential Skills

New Book - Photoshop CS2: Essential SkillsAn inspirational and user-friendly guide to creative image editing, Photoshop CS2: Essential Skills provides direction for photographers and designers alike who have ventured into the realm of the 'digital darkroom.' The book offers a progressive curriculum to guide you through Photoshop with a series of clear, step-by-step projects designed to place knowledge into a practical context.

Whether you simply want to retouch an image, create a glamour makeover or create a highly sophisticated montage - this book will give you the essential skills to complete the work to a professional standard.

The accompanying CD-ROM and website, www.photoshopessentialskills.com, offer additional teaching and learning materials which form a library of indispensable supporting resources including:
• All of the images used in the text
• Over four hours of QuickTime movie tutorials to support the practical projects
• A range of presets (including layer styles, curves, shapes and gradients)
• Camera RAW files
• Free extra chapters in e-book form.

Photoshop CS2: Essential Skills (Amazon.com - save 34%)

back to top


photoshop tutorials - sidebar logo
search the Photoshop Support site
Abobe CS3 Photoshop 10 Resource Center - tutorials, tips, tricks, and news
CS3 Center - Main
CS3 Free Tutorials
CS3 Free Trial
CS3 Best Books
CS3 Training
CS3 Reviews
CS3 New Features
CS3 PS Extended
Adobe Photoshop Blog - Photoshop news and comments
Photoshop Blog
News, links and tips.
Adobe Photoshop Blog - Receive Updates via our XML/RSS feed
Inspiring Photoshop Music...
Inspiring Photoshop Music...
Inspiring Photoshop Music...
join our Photoshop Newsletter and win free prizes
Free Newsletter
Free monthly prizes.
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask Photoshop Plugin
Fluid Mask - $10 Off
Fluid Mask Tour
Free Dreamweaver Tutorials and Dreamweaver Templates - Resource Center - Main Page
DW Center - Main
DW Free Tutorials
DW Video Clips
DW Templates
Free Flash Tutorials and Flash Templates - Resource Center
Flash - Main
Flash Tutorials
Flash Templates
Photoshop software & gear at special prices
Photoshop Deals
Photoshop specials.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop designs into CSS websites with SiteGrinder - Photoshop plugin.
Turn your Photoshop
designs into websites
with SiteGrinder
Photoshop CS3 Resources - Photoshop 10 news
Photoshop CS3
PS CS3 Tutorials
Adobe Photoshop Elements - resource center
PSE Main Page
PSE Free Tutorials
PSE Free Clips
Lightroom Resource Center - Adobe Lightroom tutorials and news
Lightroom - Main
LR Free Tutorials
LR Resources
Apple Aperture resource center - Aperture tutorials and news
Aperture - Main
Aperture Tutorials
Aperture Reviews
Photoshop Resources
Photoshop Tutorials
Free Tutorials
Photoshop 9 - CS2
Free CS2 Tutorials
Photoshop Brushes
Free Brushes
Photoshop Plugins
Free Plugins
Photoshop Actions
Free Actions
Photoshop Training
Free Video Clips
Free Stock Photos
Free Photos
Free Fonts Directory
Free Fonts
Free Textures
Free Textures
Digital Cameras
Resource Center
Inspiration
Websites & Artists
Photoshop News
Latest News
Photoshop Books
Latest Releases
Color Resources
Color Management
Just For Kids
Photoshop for Kids
How-To Articles
Photoshop Articles
GoLive Site
GoLive Tutorials
Quick Answers
Photoshop FAQ
Get In Touch
Feedback Form
© 1999-2007 PHOTOSHOPSUPPORT.COM
ALL RIGHTS RESERVED - MAY NOT BE REPRODUCED WITHOUT PERMISSION
Some material reproduced by permission of copyright owners
All trademarks mentioned are the property of their respective owners
[this website is intended as a public service]
• navigation bar inspired by Griffin Technology
• website design and development by Futura Studios
web hosting provided by Hostway •