Share this article

How to Add Shadows to Product Images to Increase Sales

https://cms-wp.bigcommerce.com/wp-content/uploads/2017/05/product-photography-hero-1.jpg

Simple, subtle detail like the skilled use of shadows can elevate your product images from amateur to professional.

If you spend time on your product photography and the post-production process, your customers will feel more comfortable spending their time and money with you.

It doesn’t take a big budget or massive team to create professional product images; it just takes desire and attention to detail.

So far in this guide, we’ve covered:

  • How to set up a product photography studio

  • How to take product photos with your smartphone

  • How to use light to get the best images possible

Now, we’ll show you how to separate yourself from the competition by adding shadows to your product images.

Product photographers view shadows as a nuisance most of the time. Shadows can obscure a beautiful product and make product photography look unprofessional. There’s a difference, however, between shadows on a product and shadows cast by a product.

Product image editing lets you use shadows to your advantage.

Realistic shadows that seem cast by your product can give it depth and make your product pop. They are a visual ecommerce image enhancer that add to the product without creating a distraction.

Beauty product websites are typically very good at this. Here are a few examples.

Josie Maran Cosmetics‘ Product Image Shadows

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-image-shadows-example.jpg

The Stray Whisker’s Product Image Shadows

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-image-background-example.jpg

HydroPeptide’s Product Image Shadows

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-image-background-example-1.jpg

Pure Inventions’ Product Image Shadows

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-image-shadows-example-1.jpg

To do this, you can use natural light or add shadow later while image editing in Photoshop, but there are two unbreakable rules:

  1. Your shadows must look realistic.

  2. Consistency is paramount. Be sure to use the same type of shadow on all your product images within the same category.

Realistic shadows keep the focus where it belongs: on your product. Using the same type of shadow creates a clean and professional presentation on your product and category pages.

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-listing-no-shadows.png

No shadows

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/product-listing-with-shadows.png

Shadows

There are many types of shadows, but we’re going to focus on three particularly popular and effective choices:

  • Natural shadow

  • Reflection shadow

  • Drop shadow

Which one is right for you? That depends on your product and your photography setup.

  1. Natural Shadow


Nothing will look more realistic than your product’s real shadow, known as its “natural shadow.” Capturing natural shadow during the shooting process is almost always best, but it’s easier said than done for many products.

The shape of your product and the challenge of lighting it properly may prevent you from capturing a perfect natural shadow, but one can still be added in post-production.

Footwear photography lends itself well to natural shadow. With a little bit of planning and a few moments in Photoshop, you can create a realistic natural shadow that will make your footwear product look professional online.

The best way to create natural looking shadows is to use a light source while shooting the product. Make sure that the light source, whether daylight or artificial, is positioned to the side of your subject.

This enables it to cast the shadow at an angle from your product and give it a more three dimensional look. Photographing your product on a white background will also give the shadow greater depth.

When using natural shadows, the post-production work is minimal because your shadow already exists.

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/footwear-shadow-lighting-setup1.jpg

Natural shadow lighting setup

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/footwear-image-with-little-adjustments.jpg

After minimal adjustments

If you are unable to create a natural shadow by using lighting techniques, you can replicate one in post-production.

Follow the steps below and watch the video below to learn how to create a natural shadow using Photoshop.

Step by step instructions for natural shadow

  1. Open your original shoe cut out image in Photoshop or similar, and then a create a new layer with a white-fill background beneath the shoe image layer.

  2. Select the white area around your shoe image to mask out the shoe from the background.

  3. Refine the edges so it has a smooth transition.

  4. Select the areas under the toe and behind the heel to create a curved layer mask.  Feather the curved mask.

  5. Darken your curves layer, using the Image –– Adjustments –– Curves tool to simulate the shadowing under your shoe.

  6. Refine the mask a little more for an even better transition.

  7. Carefully brush out areas of your shadow layer manually to achieve the desired look.

  8. You may need to make parts of it less translucent than others, which may mean brushing certain areas more than others to make it look more realistic.

  9. Finally, tweak your shoe layer mask by reducing its opacity a little so it doesn’t look so harsh against your shadow. This helps soften the shadow that may already be there to match the ones you have just created.

That’s it! If you don’t have the right product photography setup to create natural shadow, or if your product just won’t cooperate, you may want to try using reflection shadow or drop shadow.

  1. Reflection Shadow


Reflection shadow makes your product look as if it was photographed on a reflective surface like a mirror. It can make your product images more visually appealing and create a sense of environment, so they don’t look like they’re floating in space.

Reflection shadow can be dramatic, which will help your product stand out from your competitors in multi-channel environments. It’s particularly effective with products that are commonly sold in stores with bright lights and reflective surfaces, like jewelry and sunglasses.

When photographing reflective products like sunglasses, it is important to know how to shape and control light to eliminate reflections and other unbecoming distractions like light spots.

Reflection shadows are dramatic, but they aren’t particularly difficult to add. Let us show you how to add a reflection shadow to sunglasses.

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/sunglasses-reflection-shadow-1.jpg

Reflection shadow

Watch the video below to see how to create a reflection shadow in Photoshop.

Step by step instructions for reflection shadow

  1. Create a new layer and fill it with a white background.

  2. Move your newly created white layer to the bottom of the layer stack.

  3. Duplicate the sunglasses layer so that you have two sunglasses layers.

  4. Make a tight selection around just the sunglasses and refine your selection’s edges to be less harsh.

  5. Rotate your duplicated sunglasses layer 180 degrees (upside down, vertically). You should now see two pairs of sunglasses between the two layers: one right side up and one upside down.

  6. Align the bottom of the sunglasses together so the upside down pair of sunglasses looks like a reflection of the other pair.

  7. Add a mask to the upside down sunglasses layer and use the gradient tool. Play with this tool until you get the desired look.

  8. Make sure the most opaque part of the sunglasses is nearest to the eye frames of the right side up sunglasses, and the least opaque part is farthest away from the sunglasses. This will help to create a natural reflection that falls off the farther it is from the subject.

  9. Brush out the sides and top of the sunglasses around the reflected sunglasses’ base.

  10. Continue to tweak your reflection, brushing out more or adding more back in to make it look natural.

  11. Flatten the layers.

These steps will create familiar and realistic depth that adds pop to your sunglasses product images.

If you can’t capture a natural shadow, and if your product doesn’t seem like a good fit for reflection shadow, try using drop shadow.

  1. Drop Shadow


Drop shadows imitate direct sunlight from above, and are both popular and effective with a wide variety of products.

https://bcwpmktg.wpengine.com/wp-content/uploads/2015/04/chair-drop-shadow.jpg

Drop shadow, like natural shadow and reflection shadow, will keep your product from simply floating on a plain background. It’s a subtle effect that adds a professional touch by creating depth for your product.

Let’s take a look at how we can use drop shadows with home furnishings to make furniture product images pop off the page.

Watch the video below to see the drop shadow technique in action and read afterwards for step by step instructions.

Step by step instructions for drop shadow

  1. Use your selection tool to select the white background of your chair image.

  2. Refine the edge of your selection by smoothing out your transition by about 25 points.

  3. Make a layer mask on your chair layer and invert your selection, so you will just see the chair and no background.

  4. Make a new layer, fill with white, and place it as your background layer behind your chair layer.

  5. Adjust your chair to center it and allow for room for your shadowing, and mask out any other things from your background.

  6. Duplicate this chair layer with your new mask selection.

  7. On the bottom chair layer with mask, transform this layer by flipping it vertically. It should now look upside down.

  8. Transform and turn your chair to make the back leg line up to its matching one.

  9. On this layer’s mask, use the gradient tool to make the legs taper from more visible to less visible. It may take some time playing with it to find the right opacity and gradient.

  10. Use your brush to tweak your mask and brush out all of the other legs and unnecessary objects in the frame, other than that one leg.

  11. Play with the opacity and brushing out to make it seem more natural.

  12. Duplicate this layer and move it to your other back leg of your chair.

  13. Using your straight selection tool, make a diamond shape under your chair between the legs’ points.

  14. Refine the edge of your selection by feathering it a lot to allow for a nice gradient.

  15. Brush in some of the sides to allow for a nice fall off under your chair.

  16. On the front two legs, make a slim “v” shaped selection. Refine this edge and feather your selection.

  17. Create a curves layer and darken it so it looks like a shadow. Do this for both legs in the front.

  18. Flatten your layers and save your new file.

Do you have a product that wasn’t featured in this post? Learn how to apply natural, reflection, and drop shadow to:

It’s worthwhile to try every type of shadow and see which one you prefer, but remember to always use the same type of shadow through a product category and keep your shadows realistic.

Thomas Kragelund avatar

Thomas Kragelund is the CEO and founder of Pixelz, a leading product image solutions partner for internet retailers, bloggers, designers, photographers and webmasters worldwide. He has been working in ecommerce for the last 15 years. Sign up today and get 3 product images edited for free.