How to Create a Reflection in Photoshop in 6 Easy Steps - Digital Photography School

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 . . .

reflection-before

To this!

reflection-after-photoshop

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

STEP ONE – COPY

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.

select-section

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)
layer-via-copy2

Figure #2 right click>Layer Via Copy

Figure #3

Figure #3 Copy from Edit menu

STEP TWO – PASTE AS NEW LAYER

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!

STEP THREE – FLIP IT

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.

flip-layer

Figure #5 flip vertically

STEP FOUR – POSITION IT

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

STEP FIVE – CHANGE THE BLEND MODE

layer-blend-modes

Figure #8 Lighten blend modes

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”.

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

STEP SIX – MASK IT

add-layer-mask2

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

colors-foreground-background

Figure #12 foreground/background colors

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 above. 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 right).

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

OPTIONAL FINISHING TOUCHES

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

OKAY YOUR TURN!

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

 

If you enjoyed this article, you might also like...

Read more from our Post Production category.

Darlene Hildebrandt is the Managing Editor of dPS. She is also a photographer and educator who teaches aspiring amateurs and hobbyists how to improve their photography skills through photography classes, and photography travel tours (join her in Nicaragua in November). Darlene has a FREE ebook (grab a copy here), and an online course 4 Weeks to Better Photography, use the code "dps10off" to get $10 off.

  • http://www.charlenewilliamsphotography.com Charlene Williams

    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!!
    Cheers,
    Charlene

  • http://www.derongalloway.com Deron

    Great article…

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

    I’ll definitely give this a go…

  • http://www.herviewphotography.com Darlene

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

  • John H

    Darlene,

    Simple and intuitive!

    Thanks.

  • http://www.facebook.com/pages/Jeet/163550653733694 Jeet

    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 http://www.pixlr.com

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

    Additional links in case above link doesn’t work:
    http://imageshack.us/a/img69/5526/reflectionstrial.jpg
    http://imageshack.us/photo/my-images/69/reflectionstrial.jpg

  • http://www.facebook.com/pages/Jeet/163550653733694 Jeet

    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:
    http://imageshack.us/a/img69/5526/reflectionstrial.jpg

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

  • http://www.herviewphotography.com Darlene

    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!

  • PK

    Am I the only one who prefers the before shot?

  • Jeet

    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.

  • http://500px.com/ThomasJergel Thomas Jergel

    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.

  • Mark

    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.

  • http://www.herviewphotography.com Darlene Hildebrandt

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

  • http://lynncareyphotography.com lynn c

    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.

  • http://www.herviewphotography.com Darlene

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

  • Anil Nandam

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

  • http://luciddetailing.com Jared Schwager

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

  • mixos

    thank you very much !!! I was looking a way to make these kind of reflections for a long time. very easy way and quite an explaining article !

  • Kunal Chopra

    Amazing!! :)

  • vahid Gan

    thank you!

  • Guna M

    Clear n concise article. Thank you

  • willie1177

    I KNEW I knew that diner! UR ’97 grad. Thanks for the unintended trip down memory lane :)

  • Rakesh

    oh great, this works superb, thanks for sharing such a great insight for reflections.

  • Marshall

    U just blessed someone today, me! God bless u.

  • n!Q

    thanks for sharing.. :)

  • Chris

    Hello Darlene, great help but how do you deal with an image with baseline that is not horizontal – (say) photographed at an angle

  • dana

    What photoshop do u need in order to do this please?

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:
    http://imageshack.us/a/img69/5526/reflectionstrial.jpg

    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 www.pixlr.com

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

    Additional links in case above link doesn't work:
    http://imageshack.us/a/img69/5526/reflectionstrial.jpg
    http://imageshack.us/photo/my-images/69/reflectionstrial.jpg

  • John H

    May 26, 2013 05:23 am

    Darlene,

    Simple and intuitive!

    Thanks.

  • 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!!
    Cheers,
    Charlene

Receive a FREE SAMPLE of our Portrait Photography Ebook

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download

Receive a FREE SAMPLE of our Portrait Photography Ebook

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download

Receive a FREE SAMPLE of our Portrait Photography Ebook

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download

Sign up to the free DPS PHOTOGRAPHY COURSE

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download

GET DAILY free tips, news and reviews via our RSS Feed

Sign up to the free

DPS PHOTOGRAPHY COURSE

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download

GET DAILY free tips, news and reviews via our RSS Feed

Sign up to the free

DPS PHOTOGRAPHY COURSE

  • Guaranteed for 2 full months
  • Pay by PayPal or CreditCard
  • Instant Digital Download
DPS NEWSLETTER
DPS NEWSLETTER
DPS NEWSLETTER

DPS offers a free weekly newsletter with: 
1. new photography tutorials and tips
2. latest photography assignments
3. photo competitions and prizes

Enter your email below to subscribe.
Email:
 
 
Get DAILY free tips, news and reviews via our RSS feed