How to add Realistic Shadows to Images in Photoshop

2019-11-13T19:33:22+06:00August 22nd, 2019|Tutorial|0 Comments

Shadow may sound like a very minor thing to a person who is just starting his online store but what most entrepreneurs forget is one of the secrets behind a booming business is to focus on every single detail.

According to multiple statistics, shadows can indeed leave a huge impact on your online business. Prominent online markets use this unique feature on their product images since long and experts suggest the newbies of the industry to apply this on their startups too.

There are three basic types of shadows that can be added to your product images –

  • Natural Shadow
  • Drop Shadow
  • Reflection Shadow

Today, we will discuss these three shadows in detail. Also, you will get the tutorials on how to add these effects on your images from this article.

Tutorial: How to Add a Natural Shadow in Photoshop

Natural shadow is what we get as the natural reflection of light. There is no artificial touch in it. Keeping the real shadow in your product images are always wise.

Natural shadow goes with any kind of products. It may be glass bottles, models and any other products.

Here is a step by step tutorial of creating the natural shadow on your product or e-commerce images with Photoshop

Step 1: Open your image with Photoshop

How to add Natural Shadow in Photoshop

Step 2: Copy the background layer from layer panel

background layer from layer panel

Step 3: Select path (shortcut: Ctrl+Path)

Step 4: Select feather (shortcut: Ctrl=Alt+D) keep the radiation at 0.3

feather selection

Step 5: Add mask

Add a mask

Step 6: Select the background layer and put solid color in it

Select the background layer

Step 7: Select white

Select white background

Step 8: Copy the background again and create background 2 layer

How to add Natural Shadow in Photoshop

Step 9: Put background copy 2 on a solid color

How to add Natural Shadow in Photoshop

 

Step 10: Turn off the background copy

How to add Natural Shadow in Photoshop

Step 11: Go to channel and choose a darker color from the RGB color panel (in this tutorial it’s green)

How to add Natural Shadow in Photoshop

Step 12: Copy the green layer

How to add Natural Shadow in Photoshop

Step 13: Now adjust the shadow from the level layer (shortcut: Ctrl+L)

How to add Natural Shadow in Photoshop

Step 14: Inverse the level layer (shortcut: Ctrl+I)

How to add Natural Shadow in Photoshop

 

Step 15: Select shadow with Lasso Tool of Photoshop

Select shadow with Lasso Tool of Photoshop

Step 16: Inverse the selection (shortcut: Ctrl+Shift+I)

How to add Natural Shadow in Photoshop

Step 17: Keep the default color black

How to add Natural Shadow in Photoshop

Step 18: Delete the rest of the parts of your image leaving a shadow behind

How to add Natural Shadow in Photoshop

Step 19: Now deselect the whole image (shortcut: Ctrl+D)

How to add Natural Shadow in Photoshop

 

Step 20: Select and delete the green copy layer

How to add Natural Shadow in Photoshop

Step 21: Select the vector mask on background copy layer

How to add Natural Shadow in Photoshop

 

Step 22: Turn on the background copy

How to add Natural Shadow in Photoshop

 

Step 23: Set feather at 5 (shortcut: Ctrl+Alt+D)

How to add Natural Shadow in Photoshop

 

Step 24: Select Brush Tool

How to add Natural Shadow in Photoshop

Step 25: Use the tool on the shadow area and increase shadow visibility

How to add Natural Shadow in Photoshop

Step 26: Adjust layer (Black and White)

How to add Natural Shadow in Photoshop

Step 27: Cross the flyout menu

How to add Natural Shadow in Photoshop

Step 28: Save the file and you’re good to go …

 Natural Shadow in Photoshop

 

Video Tutorial: How to Create a Natural Shadow on Product Image

 

Photo Retouching Techniques for Beginning Photographers

 

Tutorial: How to Add a Drop Shadow in Photoshop

Drop shadow is an artificial shadow that gets fixed in Photoshop. The main difference between natural and drop shadow is the layers of shadows. Most of the natural shadows have multiple layers which go darker to lighter as the shadow goes far from the source. However, a drop shadow is created with Photoshop and does not have multiple layers of shadow in it.

Drop shadow mostly goes with product images.

Here is a step-by-step tutorial of Drop Shadow:

Step 1: Open your file first

How to add Drop Shadow in Photoshop

Step 2: Copy the background layer of your file, select layer and go to Feather Radiation at 0.3% (Shortcut: Ctrl+Alt+D)

How to add Drop Shadow in Photoshop

Step 3: Mask the Background Copy layer

How to add Drop Shadow in Photoshop

Step 4: Go to Color Picker and select a solid color in the background

How to add Drop Shadow in Photoshop

Step 5: Create a fresh layer

How to add Drop Shadow in Photoshop

Step 6: Do path on the part of image you want to add shadow on the fresh layer

How to add Drop Shadow in Photoshop

Step 7: Copy the path and add Feather Radius at 20

How to add Drop Shadow in Photoshop

Step 8: Select the path and set the background color black (Shortcut: Ctrl+Backspace)

How to add Drop Shadow in Photoshop

Step 9: Select the mask on the layer. Then select the Gradient Tool from the left toolbar (marked on the image) and fix the shadow

How to add Drop Shadow in Photoshop

Step 10: Select the Brush Tool from the left toolbar and give the shadow a proper finishing

How to add Drop Shadow in Photoshop

Step 11: Save the file and you are good to go …

How to add Drop Shadow in Photoshop

There are many alternatives to this technique. If you are interested in knowing one more technique then please read: how to add drop shadow in Photoshop.

 

Video Tutorial: How to create realistic drop shadow in Photoshop

 

Learn More About: Why Choose Drop Shadow Services at Offshore Clipping Path?

 

Photoshop Tutorial: How to Create a Reflection Shadow

Reflection shadow is a kind of shadow that reflects the main material of your images. For example, if you send an image of glass made nail polish bottle for post-production work and want it to have reflection shadow on it then you would see a reflected bottle on your images.

Interestingly, reflection shadow goes with almost all kind of images. May it be model retouch, may it be apparel products or may it be wedding pictures. Depending on clients’ requirement, this can be applied to any image you have in your hands.

Here is how you can add reflection shadow to your images:

Step 1: Open your image with Photoshop

How to add Reflection Shadow in Photoshop

Step 2: Create a background copy

How to add Reflection Shadow in Photoshop

Step 3: Select Path and set the feather at 0.3 pixels (shortcut: Ctrl+Alt+D)

How to add Reflection Shadow in Photoshop

Step 4: Add mask

How to add Reflection Shadow in Photoshop

Step 5: Fill the background with a solid color (white preferred for product images)

How to add Reflection Shadow in Photoshop

Step 6: Copy the layer with a mask

How to add Reflection Shadow in Photoshop

Step 7: Apply layer mask

How to add Reflection Shadow in Photoshop

Step 8: Select the product (shortcut: Ctrl+T) and put the middle mark at the bottom of the product

How to add Reflection Shadow in Photoshop

Step 9: Click right button of your mouse on the mark and add Flip Verticle

How to add Reflection Shadow in Photoshop

Step 10: Take a Mask Layer of the layer you were working on

How to add Reflection Shadow in Photoshop

Step 11: Select the Gradient Tool and apply it to the reflection of your product

How to add Reflection Shadow in Photoshop

Step 12: Create a new layer

How to add Reflection Shadow in Photoshop

Step 13: Take the Pen Tool and select the part where your main product merges with reflection and Path

How to add Reflection Shadow in Photoshop

Step 14: Select the Path and set the feather at 5 (shortcut: Ctrl+Alt+T)

How to add Reflection Shadow in Photoshop

Step 15: Set black as default color then press Ctrl+Backspace

How to add Reflection Shadow in Photoshop

Step 16: Blend the shadow when the path is selected. To blend the shadow go to Filter>Blur> Motion Blur

How to add Reflection Shadow in Photoshop

Step 17: Set the angle at 0 and distance at a relevant number

How to add Reflection Shadow in Photoshop

Step 18: Now go to Filter>Blur>Gradient Blur to blend in the gradient

How to add Reflection Shadow in Photoshop

Step 19: Set the opacity at a relevant ratio

How to add Reflection Shadow in Photoshop

Step 20: Create a mask layer and remove the extra shadow from it

How to add Reflection Shadow in Photoshop

Step 21: And, you’re good to go … Your file is finished and you have a perfectly edited reflection shadow on your product image

How to add Reflection Shadow in Photoshop

 

I hope this would help you to create any kind of shadow on your product images.

 

Video Tutorial: How to Make Reflection Shadow of a Car Image

It is always better to get help from experts like Offshore Clipping Path for best possible results. However, if you want to do it by yourself then the way of adding shadow to your product images are mentioned above.

Please share this article so that more people see it and get benefited.

As always, please feel free to leave your questions in the comment section. I would love to answer them as early as possible. Besides, you may ask if you have any difficulty while editing your images.

Cheers!

OCP is gladly offering you a FREE trial to test their service quality on Drop Shadow Service

About the Author:

Nayan Chowdhury is a Freelance Writer who deals with Copy-writing and Blogging services. Writing has always been something for him which denotes scrutinizing data in an innovative way. He is best known for working closely with B2C and B2B clients in the field of image editing and photography for digital marketing contents that triggers search engine traffic and visibility.