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.

Message Sent

Thank you for registering.

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 submitting the form.

Thank you for submitting the form.

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.

Click here to download access the tool.

Message Sent

Thank you for registering.

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

Success!
Your message was received.

Thank you.

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.

Thank you for your submission.

Your request has been submitted and a rep will reach out to you shortly.

Message Sent

Thank you for your interest.

Thank you for registering.

You should receive a confirmation email from GoToWebinar with your unique webinar login information. If you do not receive this email or have trouble logging in to the event, please email asmaa.mourad@cardinalpath.com.

Thank you for subscribing!

You're now looped into the world's largest GMP resource hub!

Thank you for your submission.

Thank you for your submission.

Thank you for your submission.

Thank you for your submission.

Message Sent

Thank you for registering.

Message Sent

Thank you for your submission.

Thank you for your submission.

Message Sent

Thank you for registering.

Thank you for registering.​

Paid media spend by Government websites increased a whopping 139% YoY in 2020.

2020 Online Behavior Live Dashboard

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

Message Sent

Thank you for registering.

2020 Online Behavior Live Dashboard

Thank you for your submission.

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

Success! Thank you
for reaching out.