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.
BRING THE LOOK THAT CUSTOMERS EXPECT TO SEE
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.
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.
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.
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.
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.
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”.
You have to click on that option and you will get a duplicate layer of the object.
CUSTOMIZE YOUR PRODUCT PHOTO AS YOU LIKE
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.
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.
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.
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.
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.
Here is the look after 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.
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.
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.
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.
Change the radius to nearly 20 considering the density of the shadow.
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.
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.
After picking a soft brush, paint over the shadow and the shadow will become lighter. Here is the ultimate look.
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.
ASSIGN EXPERT EDITOR TO WORK ON YOUR PHOTOS
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.