Cardinal Path’s response to COVID-19 Cardinal Path is sharing all we know to help marketers during COVID-19.  Learn more.

Photoshop Tutorial: How to Make Reflections

“Reflections” are a cool, popular Web 2.0 trick that really makes your site look polished – literally. If you’re looking to have an online marketing presence, it’s important that your site looks as contemporary and as professional as possible – and subtle effects like this is what will achieve that image.

Last time you visited a car showroom, I’m sure you realized the floor buffed to a shine – to the point where you could see the cars’ reflections on the showroom floor. In fact, the cars probably were so clean, you could see yourself in them. “Reflections” indicate cleanliness, newness, professionalism and quality. Images, icons, and text on your favorite site designs (and even print/video designs) use this effect to have their brand give this feeling to their audience.

Reflections on the Apple website

If you’re just beginning Photoshop, creating this effect is really simple:

  1. Isolate the image you want to reflect in its own layer. In the example below, I have the “e-nor” logo image in its own layer.
    Reflections in Photoshop - Step 1
  2. Duplicate the layer by right-clicking on it and choosing that option. Rename the new layer to a meaningful name, such as “image reflection”.
    Reflections in Photoshop - Step 2
  3. Select the layer by choosing the “selection tool” and right-click on the image. Choose “Free Transform”.
    Reflections in Photoshop - Step 3
  4. Right-click again and choose “Flip vertical”.
    Reflections in Photoshop - Step 4
  5. Move the reflection just below the original image.
    Reflections in Photoshop - Step 5
  6. Add a layer mask to the reflection layer. Use the “gradient tool” to create a gradual fading mask. For the first gradient, reduce the opacity of the gradient tool to something in the middle, like 50%-75% so you get a light fade. Do that as many times till you get the right transparency.
    Reflections in Photoshop - Step 6
  7. To create a more realistic effect, increase the opacity of the gradient tool back to 100%, then create a layer mask gradient from the bottom of the image till about the middle of the image to fade out the bottom of the reflection.
    Reflections in Photoshop - Step 7

Note: you want to make sure the reflection very subtle and really transparent. An opaque reflection usually looks like a cut, unfinished image and comes out to be gaudy more than anything else.

Sharing is caring!

Popular

COVID-19 Crisis Navigator​

In partnership with Dentsu, Cardinal Path helps you distill the overwhelming news and information into a bi-weekly report highlighting emerging trends and insights during the pandemic.

EXPLORE THE REPORT

Thank you for your submission.

Message Sent

Thank you for registering.

Message Sent

Success!
Your message was received.

Thank you.

Message Sent

Thank you.

Message Sent

Thank you

Message Sent

Thank you.

Message Sent

Thank you

Message Sent

Thank you

Message Sent

Thank you.

Message Sent

Thank you.

Message Sent

Thank you for registering.

Message Sent

Thank you.

Click here to download access the tool.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Thank you for submitting the form.

Thank you for submitting the form.

Cardinal Path hosted a live session to connect with you and answer all your questions on Google Analytics.
Get all the expertise and none of the consultancy fees in this not-to-be-missed, rapid-fire virtual event.

Thank you for registering.

Cardinal Path is continuing with its series of free training. Next we are conducting training on Google Data Studio. Check it out here.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for your submission.

Message Sent

Thank you for registering.

You will receive a unique link to view the webinar via email.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Success! Thank you
for reaching out.