Natural Shadows on Clipped Images [Tutorial with PSD]

Natural Shadows on Clipped Images [Tutorial with PSD]

1

The original bread image we have was shot on a plain background, but needs to be clipped so it can be used on any background. At the same time, we want to keep the natural shadow, since adding a drop shadow is less realistic and harder to keep consistent with the lighting of the shot. [Click tutorial images to view them at full size]

21. Clip Starting Image

Here is the original image. Start by creating a regular clipping path around the product. Don't mask it just yet – save the path so it's readily available a little later.

2. Review the RGB Channels
3

Find the color channel with the strongest shadow. This is typically blue or green. In this case, we'll pick up the blue channel since it will use less severe curve adjustments to wash out the background.

3. Duplicate the Blue Channel and use curves to wash out the background

To avoid confusion, rename the duplicate channel to something like "Shadow Channel". Make sure this channel is the active channel for the next steps: Use curves to wash out the background. The histogram generally gives a good indicator of where the white point needs to be to ensure that the background is white (255).

The idea here is to get pure white around the product and its shadows and not necessarily get a fully white background. Try to avoid really severe curve adjustments in order to keep the shadows more natural. Dark spots/blemishes can be erased if needed.

Edging the curve slightly down ill darken the mid tones to correct for the lighting that occurs when you set the white point:

3

44. Blur the channel

Use Gaussian Blur to slightly blur the channel. It'll help smooth the shadows, and drop out some unwanted textures. At this point, you can retouch any crumbs or undesirables that might fall in the shadow. It doesn't take much blur, somewhere between 1 and 3 pixels will get proper smoothing.

55. Invert the channel

Invert the image (⌘ + I). If you don't, you will fill the background instead of the shadow in the next couple steps. Crucial. (Though if you miss it, you can always Select > Inverse when the time comes).

6. Create shadow layer and white background layer + mask product

Keeping an untouched copy of your original layer is standard practice in non-destructive editing so you can revert to it if needed. Create an empty shadow layer – this is where you'll paste the shadow from the alpha channel. Also create a white background for visibility. The order should be:

  1. Bread6
  2. Shadow layer (empty)
  3. White Layer
  4. Original layer (locked/hidden)

Also in this step, pull up the clipping path you made in the beginning and mask the product to hid the original background.

7. Select contents from shadow channel, fill into shadow layer

7Head to the alpha shadow channel you made, and load it to a selection (⌘ + Click the layer icon).
Back in the Layers panel, make sure your empty shadow layer is active, and fill the selection with your shadow color (in this case, 100% black).
(Note: it won't look like the shadow is selected, but don't sweat it – Photoshop just isn't showing the marching ants on such a faint selection).

8. Adjust opacity of the shadow and remove or blur out edges

89

Reduce the opacity of the shadow as needed. At 100%, the shadow may look unrealistic and too strong against the a pure white background. If you're using a background other than white, set the shadow's blending mode to Multiply.
The Gaussian Blur from earlier has blurred the shadow outside the edges of the product. The mask of the product is also pretty tight. There are a few things you can do about this. For a soft edge, simply blur the shadow around the edges. If you want to remove it completely, erase or mask out the edges of the shadow.

There you have it. Now you can place the image onto any texture. Download the PSD

10

Thanks to Dave Haas for teaching me this process :)

Comments (3)

  • Fiona Florence

    Fiona Florence

    02 May 2016 at 05:50 | #

    Can you suggest me other softwares without adobe photoshop? Do you share with us any step by step video?

    reply

  • Samuel orris

    Samuel orris

    04 June 2016 at 08:05 | #

    Well written. I have no question after reading this article. I got all of my answers. Thank you.

    reply

  • Salim Ahmed

    Salim Ahmed

    18 October 2016 at 19:54 | #

    Awesome educational tutorial and nicely describe step by step. I get more experience in the post. Now i trying this as your instruction.

    reply

Leave a comment

You are commenting as guest.

Connect

@NewhallKlein

@NewhallKlein

Introducing the newest NK designed website: lifeatthesprings.com While this senior living property is still in development, the new site is already hard at work with several lots sold through leads generated on the website within the first few days after launch.
@NewhallKlein

@NewhallKlein

Why should B2B manufacturers care about brand storytelling? For starters, 50% of B2B buyers are more likely to make a purchase if they connect emotionally to a brand. Read on for more benefits of B2B brand storytelling in the latest NK blog: bit.ly/b2bbrandstoryt… #branding
@NewhallKlein

@NewhallKlein

Are you prepared to make the most out of the nutrition facts label change? Here are 3 reasons why now is the perfect time to evaluate your packaging, beyond just the new label: bit.ly/2Lon3EZ #NKnow
newhall_klein
We know we must evolve and adapt without losing sight of who we are at our core. Read about our vision for the future in the link in our bio
newhall_klein
Get to know NK: Sandy, our CEO - The Positive Visionary. Sandy’s partner does almost all of the cooking.
newhall_klein
Get to know NK: Lexi, a Content Strategy & Account Management Intern. Lexi climbed the Great Wall of China right before the 2008 Beijing Olympics.
newhall_klein
Get to know NK: Kim, an Account Manager - The Crafty Creator. Kim learned how to surf at the age of 13 while at Kiawah Island.
newhall_klein
Get to know NK: Dave, a Project and Packaging Specialist - The Coach of Many Courts. Dave plays basketball every Wednesday night from 9-10:30 p.m.
newhall_klein
Get to know NK: Tyler, the President - The Dream Builder. Tyler has three tattoos and has broken zero bones.