Drop Shadow Photoshop

Drop Shadow Photoshop | Easy Steps To Follow

6 out of the 10 customers like an E-commerce product when the product photo has a realistic shadow. You can notice product photography having a drop shadow in Amazon, eBay, and other popular E-commerce websites. Drop shadow is added to an object via Adobe Photoshop. It looks like the shadow is real and the product is rising. It brings a realistic look to the image.

Using a drop shadow with an E-commerce Product makes product photography more appealing. Every E-commerce business owner, Manager and Product Photographers want to attract more customers through product photos. Adding a drop shadow Photoshop can help you to grab the opportunity.

That sounds exciting, doesn’t it? How will it be if you can add a drop shadow to your product photos? It seems that will be great. This article will help to make this happen. I am going to share step-by-step guidelines on how to add a drop shadow Photoshop. In this tutorial, you will learn how to add a realistic drop shadow to your E-commerce product images.

Without wasting any second, let’s get started.

Know More: Ultimate Product Photography Pricing Guide

How To Add A Realistic Drop Shadow Photoshop

I am going to use this shoe for this drop shadow Photoshop tutorial. You need to have Photoshop CC, CS5, CS6, or any other updated versions of Photoshop to follow this tutorial. Permit me to start.



Get Free Editing


Tutorial: How To Add A Realistic Drop Shadow Photoshop

Step 1: Open Image In Photoshop

In the first step, you need to open the image in Photoshop. Go to the File option from the top and select the product image file location. After opening the picture, you will find a lock icon on the background layer. Click on that icon to unlock the layer. Here you can see the icon.

Drop Shadow in Photoshop

After doing that, you are ready to jump to the second step.

Step 2: Background Remove

Before we add a drop shadow in Photoshop, we have to remove the background. To get the best look, we have to put the shadow on a white background. Now, pick the quick selection tool to select the shoe.

Select Shoe Edge

At this stage, the selection is applied to the shoe. Use the keyboard shortcut “CTRL + SHIFT + I” to reverse the election. Now, you can remove the blurry background. Simply, press the Delete key and it will present the shoe on a transparent background. Looking for a sample? Here you go.

Remove Background

The shoe is not in the best position for putting a drop shadow under it. You can press “CTRL + T” to change the position of the object through free transform. We can keep the object in a flat position.

Select Product

Now, we need a white color background for the object. A solid color option will allow us to do that. You can find the option from here.

Solid from Layer

You have to pick the white color. Then, drag the pure white background layer down to the object layer. Let’s have a look here.

Select White Color

Step 3: Duplicate The Image Layer

At this stage, we have got our product on a white background. To add drop Shadow Photoshop, we need to make a duplicate layer for the shadow creation. Select “Layer 0” and right-click on it. You will see the option “Duplicate Layer”.

Duplicate layer

You have to click on that option and you will get a duplicate layer of the object.



Check Our Pricing


Step 4: Change The Foreground Color:

We are going to add a black shadow to the object. Therefore, we need to set the foreground color as black. Let me show you how to change the foreground color.

Change the Foreground Color

You have to pick the black from the color picker foreground color. When we are going to create shadows in Photoshop? You will find the answer in the next step.

Step 5: (Layer 0 copy) Turn Into Black Color

In this step, we are going to turn the copied layer into black color. Eventually, we will convert this layer as a shadow for the object. To do that, we have to turn off the “layer 0” and solid color fill layer. Here you can see.

Turn into Black Color

We have selected the “Layer 0 copy” and turned off other two layers. Now, you can use a shortcut to turn the layer into black. Press “ SHIFT + ALT + Delete” and you will find the object will be turned into black. Have a look here.

Turned Black

Now, we can start the process of creating shadows.

Step 6: Create The Shadow

As we are going to add a drop shadow Photoshop, we need to bring the object from the copied layer into a shadow form. We will use the free transform option to do that. You can enable the feature by pressing CTRL + T. Then, drag the object down to this form.

Create the Shadow

This looks like a shadow, doesn’t it? We’’ refine the shadow in upcoming steps and make it look like a real shadow.

Step 7: Release Free Transform

Click on the Okay from the top of the right or press Enter key to save the form of the object. It will release the free transform and save the changes. After that, place the copied layer next to layer 0. Now, you have to turn on both layers.

Release Free Transform

Here is the look after releasing free transform.

Releasing Free Transform

Step 8: Place The Shadow In The Right Position

You may feel like the shadow isn’t positioned in the right place. This step will teach you how to place the shadow in the right position. Select the “Layer 0 Copy” and click on the arrow key from the top of the left.

Place The Shadow

It will allow you to move the shadow. Then, place it down the object properly. It should feel real. Don’t place the shadow too close to the object or too far from the object. You need to keep the shadow to a decent position.

Step 9: Apply Motion Blur On The Shadow

You might be thinking that the shadow isn’t looking realistic enough. In this step, you will learn how to apply motion blur to the shadow. It will make the drop shadow Photoshop more realistic and attractive. Find the motion blur option from the top and apply motion blur on the shadow.

Apply Motion Blur

Have you applied the motion blur on your shadow? Well, let’s move to the 10th step.

Step 10: Smooth Around The Shadow

After applying the motion blur, you will find this pop-up window.

Smooth Around the Shadow

You have to set the angle 0. Thinking about the distance? Keep the distance nearly 20 pixels depending on the requirements. Still, the shadow needs some improvements. Permit me to take you to the next step.

Step 11: Apply Gaussian Blur on the Shadow

Now, go to the Filter option once again from the top. This time, you need to choose the Gaussian Blur. Can’t find the option? Here you can see.

Apply Gaussian Blur

Change the radius to nearly 20 considering the density of the shadow.

Gaussian Blur Box

At this point, the Photoshop drop shadow is looking pretty realistic. We just need to apply the brush on the shadow for the final touch.

Step 12: Add layer Mask In Shadow

Click on the mask icon from the bottom to add a layer mask in shadow.

Add layer Mask

Now, we’re going to use the brush tool. That will be the final touch for the drop shadow in Photoshop tutorial.

Step 13: Swipe The Brush Tool To Make The Shadow Perfect

Finally, you have to pick the brush tool and select a soft brush.

Swipe the Brush Tool

After picking a soft brush, paint over the shadow and the shadow will become lighter. Here is the ultimate look.

Picking A Soft Brush

Final Words

That was the step-by-step tutorial on how to add a realistic drop shadow in Photoshop. We have added a drop shadow in Photoshop to the E-commerce product image. It will boost your sales in E-commerce and attract more potential customers. Would you like to get assistance from professional designers?

You can outsource your photos to Clipping Way to get Drop Shadow Service for your E-commerce product. Clipping way provides image editing services, photo editing services, color change, clipping path services at affordable prices.

They offer professional Image Editing Services at a reasonable price. Stay tuned with us to get helpful articles for photographers and E-commerce business owners.



Try Ecommerce Image Editing



Q: How To Custom Warp Text In Photoshop?

A: Using the Wrap command you can create custom wrap text in Photoshop.


Q: How To Add White Shadow In Photoshop?

A: You need to change the foreground color to white to add white shadow in Photoshop.


Q: How Do I Add Effects To Text In Photoshop?

A: You can add effects to text in Photoshop from the layer style option.


Q: How Do I Make Text Thicker In Photoshop?

A: You can make text thicker in Photoshop by customizing the text layer style.


Q: Can I Change The Shadow Color In Photoshop?

A: Yes, you can change the shadow color in Photoshop from the foreground color picker option.

Leave a Comment

Your email address will not be published.