Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
eCommerce tips | pixc.com
how to to add a
reflection to your
product images
by pixc.com
eCommerce tips | pixc.com
First, open your product image in Photoshop.
(We’ll be demonstrating the process with a
photo of...
eCommerce tips | pixc.com
The reflection effect needs to be of the product and not everything in the photo, so you’ll
need...
eCommerce tips | pixc.com
With any of the ‘Marquee’ tools selected, right-click the
selected area and select ‘Layer Via Co...
eCommerce tips | pixc.com
You now need to make the reflection layer
mirror the product.
At the top of your Photoshop windo...
eCommerce tips | pixc.com
Now, let’s make that reflection look great.
Select your reflection layer and on the bottom of th...
eCommerce tips | pixc.com
Making sure your mask is selected on your reflection
layer, press ‘G’ on the keyboard or select ...
eCommerce tips | pixc.com
Move your mouse pointer over the reflection area, and
starting from the bottom hold your left mo...
eCommerce tips | pixc.com
To make the reflection look a bit more realistic,
let’s apply some blur.
First, make sure you ha...
eCommerce tips | pixc.com
As a final touch, it may be sometimes worth
adjusting the opacity of your reflection effect.
Wit...
eCommerce tips | pixc.com
Save your image, and you’re done!
STEP 10
eCommerce tips | pixc.com
CLICK HERE
Hungry for more eCommerce tips and tricks?
Sign up to our newsletter!
Upcoming SlideShare
Loading in …5
×

How to Add a Reflection to your Product Images Using Adobe Photoshop

488 views

Published on

Adding a reflection effect to your product images can be a great way to make them stand out in a crowd.

For certain products, reflections highlight the best features and give a clean, sleek look. For this reason, reflections often go best with products like technology or glasses — anything that benefits from a modern aesthetic.

There are two ways to get good product reflections in your photos: either shoot them that way, or add a reflection effect using photo-editing software. In this article, we’ll talk about how to add realistic-looking reflections to your product photos using Adobe Photoshop.

Published in: Design
  • Be the first to comment

  • Be the first to like this

How to Add a Reflection to your Product Images Using Adobe Photoshop

  1. 1. eCommerce tips | pixc.com how to to add a reflection to your product images by pixc.com
  2. 2. eCommerce tips | pixc.com First, open your product image in Photoshop. (We’ll be demonstrating the process with a photo of a blue mug.) STEP 1
  3. 3. eCommerce tips | pixc.com The reflection effect needs to be of the product and not everything in the photo, so you’ll need to create a path. Select that path and remove the background. STEP 2
  4. 4. eCommerce tips | pixc.com With any of the ‘Marquee’ tools selected, right-click the selected area and select ‘Layer Via Copy’. This will be the reflection. You can double-click the name of the layer to rename it. I choose ‘reflection’ as a descriptive name. (You can learn more about layers on the official Adobe help page.) STEP 3
  5. 5. eCommerce tips | pixc.com You now need to make the reflection layer mirror the product. At the top of your Photoshop window, select ‘Edit’ > ‘Transform’ > ‘Rotate 180º’. Next, select ‘Edit’ > ‘Transform’ > ‘Flip Horizontal’. Move the reflection layer down until the bottom edges of the two layers are touching. STEP 4
  6. 6. eCommerce tips | pixc.com Now, let’s make that reflection look great. Select your reflection layer and on the bottom of the layer tab click ‘Add Selection Mask’. This will create a mask on your layer which you will use to make your reflection fade out. STEP 5
  7. 7. eCommerce tips | pixc.com Making sure your mask is selected on your reflection layer, press ‘G’ on the keyboard or select the ‘Gradient’ tool in your toolbar palette. Select the black-and-white preset (it’s usually the third choice) and for the type of gradient choose ‘Linear’. STEP 6
  8. 8. eCommerce tips | pixc.com Move your mouse pointer over the reflection area, and starting from the bottom hold your left mouse button and move the mouse towards the very top of your reflection. You might want to hold ‘Shift’ on your keyboard to make the gradient go straight. Release the mouse button and there you go — you’ve got yourself a reflection that fades away. Easy! If the gradient doesn’t look good, you can always press Ctrl + Z (Command + Z on Macs) to undo and try again. STEP 7
  9. 9. eCommerce tips | pixc.com To make the reflection look a bit more realistic, let’s apply some blur. First, make sure you have selected the layer on your ‘reflection’ tab and not the mask we used in the previous step. In the top application menu, click ‘Filter’, then ‘Blur’ and finally ‘Gaussian Blur’. In the window that pops up, try moving the radius slider up and down to see what looks best. In my example, a radius of around five pixels made the most natural-looking reflection. STEP 8
  10. 10. eCommerce tips | pixc.com As a final touch, it may be sometimes worth adjusting the opacity of your reflection effect. With the same reflection layer selected, use the opacity slider in the Layers panel to find the best setting to achieve a natural reflection. Save your image, and you’re done! STEP 9
  11. 11. eCommerce tips | pixc.com Save your image, and you’re done! STEP 10
  12. 12. eCommerce tips | pixc.com CLICK HERE Hungry for more eCommerce tips and tricks? Sign up to our newsletter!

×