Sometimes, our photos could use a creative boost. What we saw in real life doesn't always translate to the camera—but luckily, editing software can help you make more interesting works of art.

In this tutorial, we'll show you how to add puddles to your image using Photoshop.

Where to Get Puddle Maps

In order to create puddles in Photoshop from scratch, you'll need to search online for these 3D graphics assets. Fortunately, there are many available online for free.

If you'd like to follow along with our tutorial, you can download the puddle map we used at GraphicsCrate.

You can download the main image we'll be using at Pexels.

Step 1: Create a Vanishing Point

In our first step, we're going to create a Vanishing Point in Photoshop in order to place the puddle map. Then we'll arrange multiple versions of the puddle map in order to fill much of the road in our main image of the village.

  1. With the main image loaded into Photoshop, create a New Layer.
    Step 1 Create a New Layer
  2. Go to Filter > Vanishing Point.
    Step 2 Vanishing Point
  3. Select the Create Plane Tool (should be active by default).
    Step 3 Create Plane Tool
  4. Create four points that will serve as a plane, as shown.
    Step 4 Create Plane
  5. Adjust the points so that they cover the entire area of the road between the buildings. Press OK.
    Step 5 Adjust Plane
  6. Go to the puddle map file. Press Ctrl + A to select the image. Then press Ctrl + C to copy it.
    Step 6 Go to Puddle File
  7. Return to the village image. Go to Filter > Vanishing Point. The same plane you created will appear.
    Step 7 Create Vanishing Point Again
  8. Press Ctrl + V to paste the puddle map onto the grid area.
    Step 8 Paste Puddle Map
  9. With the mouse, drag the image so that it conforms to the grid as shown. It doesn't have to be exact.
    Step 9 Arrange Puddle Map
  10. Press Ctrl + T for the Transform tool. Using the handles, adjust the first map, so that the puddles are the desired size. You can also drag the map to position it in the foreground, as shown.
    Step 10 Transform Tool
  11. Press OK or Enter. You'll be returned to the main screen in Photoshop.
    Step 11 Press OK.

Note that smaller puddle maps may require duplication in Step 10. If that's the case, you'd simply press the Alt key to duplicate the puddle map, and then you'd be able to arrange it anywhere on the 3D plane. This process can be duplicated until the entire frame is full.

We could also have scaled our puddle map down and created multiple copies to make the puddles smaller. It ultimately depends on your creative vision.

Step 2: Save the Puddle Map

In our second step, we'll create a black Solid adjustment layer as well as a Curves layer to further enhance the appearance of the puddles. We'll then create an Alpha Map in Channels in order to save our puddle map as a selection for later use in the next step.

  1. With the Background layer selected, create a Solid Color adjustment layer.
    Step 1 Solid Color Adjustment Layer
  2. Choose black in the Color Picker menu and press OK.
    Step 2 Choose Black
  3. With the top layer selected, create a Curves adjustment layer.
    Step 3 Curves Adjustment Layer
  4. Move the Whites slider to the left until the puddles are nearly white but not blown out. Use the Histogram as a reference.
    Step 4 Move the Right Slider
  5. Select the top layer and click-press on the Color Fill layer to select the top three layers. Press Ctrl + G to group them into a folder.
    Step 5 Group Layers
  6. Double-click on the Folder layer name and rename it Map.
    Step 6 Name Folder Map
  7. Go to the Channels tab.
    Step 7 Channels Tab
  8. Press Ctrl + Click on the RGB channel to make a selection. This will serve to select the brightest regions of the puddle map.
    Step 8 Select RGB Channel
  9. Click on the Mask icon in the bottom right corner of Photoshop to create an Alpha Mask.
    Step 9 Alpha Mask
  10. Select the Layers tab.
    Step 10 Layers Tab
  11. Press Ctrl + D to deselect the puddle map.
    Step 11 Deselect Map
  12. Turn off the Map folder so that only the original image is showing.
    Step 12 Turn Off Map Folder

If you find the Curves tool complicated, we have a complete guide to using Curves in Photoshop.

Now, we're ready to move on to create the actual puddles.

Step 3: Create the Puddles

In this step, we'll make a quick selection of the road once more using the Polygonal Lasso tool. Then, we'll duplicate the Background layer and invert it to create the puddles and reflections from the buildings. After that, we'll load the Alpha mask selection that we saved previously and create a mask with it.

  1. Select the Polygonal Lasso tool.
    Step 1 Polygonal Lasso Tool
  2. Create points around the entire road in order to create a selection of it. Be sure to close off the selection by clicking on the first point at the end.
    Step 2 Make selection
  3. Duplicate the Background layer and its selection by dragging it down to the Create New layer icon (+).
    Step 3 Duplicate BG and selection
  4. Click on the Mask icon in the bottom right corner in Photoshop.
    Step 4 Create Mask
  5. Double-click on the Background copy name. Name the copy layer Reflection.
    Step 5 Name Reflection
  6. Click on the chain icon to unlink the mask of the Reflection layer.
    Step 6 Unlink the Reflection mask
  7. Press Ctrl + T for the Transform tool.
    Step 7 Ctrl + T
  8. Right-click on the image and choose Flip Vertical.
    Step 8 Flip Vertical
  9. Use the mouse to adjust the image so that the doors in distance mirror one another. Then press Enter or the Checkmark at the top.
    Step 9 Adjust the Reflection
  10. With the Reflection layer selected, press Ctrl + G to group the layer.
    Step 10 Group Reflection Layer
  11. Go to Select > Load Selection.
    Step 11 Load Selection
  12. Choose Alpha 1 and press OK.
    Step 12 Load Alpha Mask
  13. Click on the Mask icon.
    Step 13 Create Mask
  14. Name the new folder Puddles.
    Step 14 Name Folder Puddles

We've just created the basic puddles. You'll notice that there are a few puddles overlapping with some plants and other areas that you may not want puddles to be. We'll mask these trouble areas out in the next step.

Step 4: Refine the Puddles

At first glance, the puddles might seem mostly fine as they are. But in this step, we'll add a Gradient Map so that the reflection colors take on some color properties of the ground. We'll also add a blur to the puddles, brighten them, and add some Vibrance to bring out the color a little more.

  1. Open the Puddles Folder and select the Reflection layer. Create a Gradient Map adjustment layer.
    Step 1 Create a Gradient Map
  2. Double-click on the Gradient Map to summon the Gradient editor.
    Step 2 Gradient Map Editor
  3. Click on the right box and click Color. Then select a brighter portion of the pavement. Then press OK.
    Step 3 Right Handle Gradient
  4. Repeat the process for the left box. But this time, choose a darker portion of the pavement. Press OK to close out of the dialogue boxes.
    Step 4 Choose Left Handle Gradient
  5. Reduce the Opacity to add a bit of color back into the puddles. We reduced it to 20 percent.
    Step 5 Opacity 20 percent
  6. With the Gradient Map selected, create another Curves adjustment layer.
    Step 6 Curves Layer
  7. Move the right handle to the left to brighten the puddles as shown.
    Step 7 Adjust Curves Layer
  8. Select the Reflections layer. Right-click and select Convert to Smart Object.
    Step 8 Convert to Smart Object
  9. Go to Filter > Blur Gallery > Path Blur.
    Step 9 Path Blur
  10. Drag the arrow so that it’s pointing down as shown.
    Step 10 Drag Arrow Down
  11. Change the Speed to 100 percent and the Taper to 20 percent. Press OK.
    Step 11 Speed and Taper
  12. Select the Curves layer in the Puddles Folder. Create a Vibrance adjustment layer.
    Step 12 Vibrance Layer
  13. Increase the Vibrance to bring out the color in the puddles. We chose +85.
    Step 13 Vibrance 85
  14. Click on the Puddles layer mask.
    Step 14 Puddles Layer Mask
  15. Press B for the Brush tool. Then select a Soft Round Brush from the brush menu at the top.
    Step 15 Soft Round Brush
  16. Toggle the D and X keys to make the Foreground color black.
    Step 16 Foreground Color Black
  17. Brush off the puddles from the plants and other regions where they don't look natural. If you need a refresher, we have a beginner's guide to the Brush tool.
    Step 17 Brush off Puddles from Plants

We've made a few adjustments to refine the look of the puddles. Naturally, there are a lot more options in Photoshop if you care to take further creative steps.

Before:

Picture showing the initial photo edited

After:

Photo showing afterwards photo edit

To further enhance your images, you can use a free set of third-party tools from the NIK Collection.

Creating Puddles Made Easy With Photoshop

We hope that you've learned what a joy it can be creating puddles from scratch in Photoshop.

Although this was one of our more advanced tutorials, you'll likely find that with a little practice, these steps are quite doable in a short period of time. Give it a try with one of your own images!