How to Create a Reflection in Photoshop in 6 Easy Steps

How to Create a Reflection in Photoshop in 6 Easy Steps

Creating a reflection using Photoshop is one of those things that at first glance looks really hard, but really isn’t, once you break down the steps (just light Light Painting which I covered in another two part series). In this article I’m going to demystify creating a reflection, a technique that works particularly well on images with open pavement, and HDR processed images which tend to make the pavement look wet already.

We’re going to learn how to go from this . . .


To this!


In less than 10 minutes!

I recently showed one my HDR classes how to do this, and they all followed along with me step by step.  Some of them were using Elements (which works just fine, but you may find the menus and choices look slightly different), and this technique can be done using that program too, so if you use Elements, not to worry. Many of my students were also self proclaimed “Photoshop novices” and when I asked them if they thought they’d be able to this when I showed the before and after images, most said “no”!  But they all did, and we were done in less than 10 minutes. **Note that also included me going super slow to ensure each of the 12 people in the class were on the same page with me. I’m going to guess this will take less than 5 – ready GO!

Here are the six easy steps to follow in Photoshop.  This is the super condensed version for those quick readers and skimmers.

  1. copy a section of the image
  2. paste it as a new layer
  3. flip it
  4. position it
  5. change the layer blend mode
  6. mask it

That’s it! You want a few more details?
Let’s dive in a little deeper into each step


Using the marque tool (“M” is the keyboard shortcut) draw a box around an area of your image that will become the reflection (see Figure #1 below). Make sure you go edge to edge on the sides, and get enough of the image vertically. If you grab more than you need that’s fine we’ll be moving it around and masking later anyway.


Figure #1 make a selection

Copy the selection as a new layer. You can do that a few ways.

  • right click on the image and from the menu that pops up choose “layer via copy” (see Figure #2 below)
  • from the edit menu choose “copy” or using the keyboard shortcut “command/control+c”  (see Figure #3 below)

Figure #2 right click>Layer Via Copy

Figure #3

Figure #3 Copy from Edit menu


If you chose the “layer via copy” method above you already have the selection pasted as a new layer. If you haven’t already done that go ahead and paste either from the Edit>Paste menu option of the keyboard shortcut “command/control+v”. You will end up with something that looks like this, Figure #4 below.

Figure #5

Figure #4 paste new layer

Doesn’t look much different right? Right! Because it’s basically on top of itself.  But look at your layers, it is there on a new layer and it only grabbed part of the image. Now the magic begins!


Next from your Edit menu choose “Edit>Transform>Flip vertical” to flip this new layer upside down. You should end up with something funny looking like Figure #5 below.


Figure #5 flip vertically


Figure #5 move tool

Figure #6 move tool

Next select your MOVE tool from your tool palette (see Figure #6 right – “v” is the keyboard shortcut) and grab the flipped layer and drag it down until the images start to line up where the reflection will begin. In my image I’m using the edge of the sidewalk in front of the diner. If it doesn’t line up perfectly don’t worry about it, you can mask any imperfect bits out later in step six.

Now you want to have something that looks like Figure #7 below. The reflection is in roughly the right position. Make sure you don’t move side to side, just down, otherwise you’ll have gaps on the edges of your reflection.

NOTE: once you’ve selected the Move Tool, you can also use the up and down arrows on your keyboard to move the layer up and down. This works great for smaller adjustments when you get it close to position.

Figure #6

Figure #7 position the layer


From your layers panel change the layer blend mode to one of the “lighten mode”.  You will find the layers blend modes near the top of your layers panel, next to “opacity”. By default the blend mode is “normal”.


Figure #8 Lighten blend modes

The Lighten modes are the ones in the third section down (see Figure #8 right), they include: Lighten, Screen, Color Dodge, Linear Dodge, Lighter Color. Layer blend modes change how the selected layer interacts with the one below it (the original image). By selecting one of the options in this section it will only show areas of this layer that are lighter than the one below it, and any areas darker will not appear.  For reflections I usually choose Lighten or Screen, depends on the image. Try them all and choose the one that looks best for your image. For this example I’m using Screen mode.

Now I have something that looks a little closer to a real reflection  (see Figure #9 below).

Are you still with me!?  Do you have something reasonably similar?

Figure #

Figure #9 change the layer blend mode



Figure #10 add a layer mask

Okay we’re almost done and it’s looking pretty good. But in my image the neon sign in the reflection is too bright. It doesn’t look natural because reflections are usually darker than the original – so we’re going to tone it down using a mask and the gradient tool.

First, make a layer mask by clicking on the “add layer mask” icon at the bottom of your Layers Panel (Figure #10 right). You can also do it by going to the Layers menu>Layer mask>Reveal all.

Figure #11 gradient tool

Figure #11 gradient tool

Next select the Gradient tool from your tools panel. Keyboard shortcut is “g”  but make sure you have the gradient tool and not the paint bucket.  See Figure #11 left. Hit the “d” key on your keyboard to set your foreground/background colors to default, then hit “x” to switch them. Make sure you see black as your foreground color and white as the background color (see Figure #12 below).


Figure #12 foreground/background colors

Once you have your colors set to black and white, and your gradient tool selected and ready for use – make sure you are on the layer mask not the layer. You can tell because whatever is active has corner brackets around it. If you layer thumbnail is selected, just click on the white layer mask thumbnail to make it active. We need to make sure we are doing this on the mask, NOT the layer.

How masks work is that anything in white on the mask reveals the contents of the layer.  Where ever there is black on the mask it hides that area of the layer. So we want to hide the outer edges of this layer so it fades out gradually towards the bottom of the image and looks more natural.

With the gradient tool, by default it paints from the foreground color, to the background – fading from one to the other depending on how we create the gradient. Sometimes it takes a little experimenting to get it just right but you can always “undo” using the handy “command/control+z” shortcut on your keyboard and it goes back one step or undoes what you just applied.

NOTE:  “undo” is your best friend in Photoshop, if you learn no other keyboard shortcuts, memorize this one!

So, to apply it to our reflection start with the cross hairs for the tool in the middle of your image, near the bottom.  TIP: holding the SHIFT key down will keep the gradient from applying at an angle, it will just go straight up. Click and drag the tool up (you’ll see a line drawing the gradient spread) and let go when you get near the top of your reflection. If it’s not exactly how you want it you may have to start a little more away from the bottom edge, or drag it up higher, or other variations.

NOTE: with the gradient tool on a mask you don’t actually even need to “undo” if you just drag another one overtop it replaces the first one. But it’s still good to know how to undo!

Here’s the image with my gradient applied to the layer mask.  Notice on the mask it goes from black to white? So it’s hiding the bottom area of this layer which is what we want. See Figure #13 below.

Figure #13 gradient applied to mask

Figure #13 gradient applied to the layer mask


Now if you want to do any other masking to show or hide certain areas of the reflection just use your brush tool (“b” shortcut) at a lowered opacity (10-20%) and paint with black on the mask over areas you want to hide, and white on areas you want to show.  In this image I painted over the edges of the diner where I felt it was still a bit too bright. You can also change the opacity of your layer to adjust it that way too.

SeeFigure #14 below for my final version. Notice my mask where I painted a little up the sides to hide those areas just a little bit more.  You could also paint away a little in the middle of the reflection where the pavement is the darkest if you wanted. That’s the neat thing about photography – it’s all subjective!

It’s really easy to get upset or hurt feelings when someone else says something that we perceive as negative about one of our images, something we put blood, sweat and tears into, right!?   Well my personal opinion is that it is just their opinion, one person, and you don’t have to agree with them. If they have a valid, or constructive criticism YOU get to decide if you want to take it on board or, just agree to disagree and move on. Life is too short to worry about pleasing other people.

Do photography for you!  If other people like it, then great!

If not, oh well!  Move along and life goes on.

Figure #14

Figure #14


So, think you can do this? Give it a try!

Here is my image to play with, in case you don’t have one that will work.  It’s 2000 pixels wide which is plenty big enough for this test.

Download diner image – just click on this link and save the image that opens in a new tab.

A few trivial things FYI about this image:

  • it was taken in Rochester, NY, USA when I was in the area and visited Eastman Kodak House. If you’re ever there, do go, it’s worth the trip to see where photography took roots and grew
  • it is a 5 image HDR, tone mapped in Photomatix and finished using LR4
  • during the longest exposure of my bracketed series a kid on a skateboard, carrying a goldfish in a bag skated right through the parking lot in front of me. Why didn’t he show up? Because my exposure was 30 seconds long and if you aren’t there for more than 1/2 the time you will not appear.

Okay, off you go and let’s see your results! 

Cheers Darlene

Read more from our Post Production category

Darlene Hildebrandt is an educator who teaches aspiring amateurs and hobbyists how to improve their skills through articles on her site Digital Photo Mentor, online photography classes, and travel tours to exotic places like Peru (Aug 31st - Sept 13th, 2019), Thailand, and India (Oct 28th - Nov 11th, 2019). To help you at whatever level you're at she has two email mini-courses. Sign up for her free beginner OR portrait photography email mini-course here. Or get both, no charge!

Some Older Comments

  • Jared Schwager July 8, 2013 11:53 pm

    Very nice! I actually live in Rochester! This is a pretty cool little diner I must say. Great shot you made here.

  • Anil Nandam June 21, 2013 09:36 pm

    Hi Darlene, I tried it and works perfect. Thanks for the wonderful tutorial.

  • Darlene June 19, 2013 04:59 pm

    @lynn - thanks for that, glad it gave you something when you needed it.

  • lynn c June 14, 2013 04:42 am

    helllo darlene

    this was a great article! i tried it as well and i liked the results. i especially liked and greatly appreciated your advice at the end... "Do photography for you! If other people like it, then great!

    If not, oh well! Move along and life goes on."

    thank you...i needed that.

    God bless.

  • Darlene Hildebrandt June 5, 2013 05:34 pm

    @mark awesome! You're most welcome. Now try it on some of yours.

  • Mark June 5, 2013 05:18 am

    Hi Darlene
    Tried it out and it works beautifully! I haven't uploaded the result as it looks just like yours.Thanks for the great post and thanks for providing an image tp play with as well.

  • Thomas Jergel June 3, 2013 12:04 am

    If you want more realism then add a reason for the reflection to be there in the first place, Maybe create individual puddles of water the building, person or whatever you want to be reflected in.

  • Jeet June 2, 2013 04:40 am

    Hi Darlene,
    Thanks for looking at my photo. I'll keep your point in mind next time I'm adding a reflection.

    Yes, I guess it's a link issue, now there are apparently 2 posts from me that are seen above..

    Re the layer opacity, yes, the editor in question allows setting the opacity as well as the mode for the layers.
    I'm on a different PC now and dont have the modified picture to put it through and try again, but seeimg that the options for opacity and mode are there, I'd say it can be done.

    By the way, in case anyone is interested, the editor I used in this case is at pixlr(dot)com. It is not my regular photo editor.

  • PK May 28, 2013 11:56 pm

    Am I the only one who prefers the before shot?

  • Darlene May 28, 2013 01:34 am

    Hi Jeet - I've had the same issue, I think they know about it. You'd think as the author of the article it would recognize me and put mine through automatically, but there does seem to be a glitch in the system.

    I'm sure it's not that they are getting marked as a bad comment, probably the opposite. Any time you add a link to a comment the "system" is marking it as spam and a real person goes through those and adds the one back in that are valid, so sometimes it takes a couple days.

    As for your result, not bad at all thanks for taking on the challenge! The only thing I'd tweak just a little bit is the brightness of the reflection. Does the editor have the ability to lower the opacity of that layer? Right now the diner is the same brightness in the reflection as the real thing - so you want it to be a bit darker to look more believable.

    Good job!

  • Jeet May 27, 2013 05:40 pm

    For some reason my comments are not getting through the moderation...
    All I said was I was able to follow this tutorial on a free online image editor and got this result:

    So that should mean that this tutorial can be used on any software

  • Jeet May 26, 2013 10:50 pm

    Retrying. The first two attempts seem to have failed.

    Thanks for a very useful tutorial. However, I believe this tutorial can be used independent of the processing software. As a trial, I got the below image using online editor at

    (not entering the link here. maybe that's the cause...)

    Additional links in case above link doesn't work:

  • John H May 26, 2013 05:23 am


    Simple and intuitive!


  • Darlene May 25, 2013 03:12 am

    @Deron thanks, yeah I can see that working. Do share your results with us please!

  • Deron May 25, 2013 03:06 am

    Great article...

    Useful for portraits on white flooring to add a bit of pop.

    I'll definitely give this a go...

  • Charlene Williams May 22, 2013 11:44 am

    Hi Darlene,
    Love your tips on how to do amazing work!
    I'd love to take part in some of your training sessions! ... again heading back east next week for a quick visit.
    I guess you could say, all my spare $$$ are use for air fare back east!!