How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Do you love hiking? Upgrade your footwear with a unique pair of foot-inspired boots! In this tutorial, we’ll go over how to manipulate a regular pair of feet to create an overall hiking scene using basic photo manipulation techniques.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop
Want to add that natural earthy look to all your photos? Browse the incredible selection of Natural Photoshop Actions on GraphicRiver to retouch your work. Or enlist the help of a design professional from ThemeKeeper Studio for all your photo manipulation needs.

Tutorial Assets

The following assets were used in the production of this tutorial:

1. How to Extract the Feet

Step 1

For the purpose of this tutorial, I’ll be using the original dimensions supported by my Foot Reference to create the composition. Currently it’s 2200 x 2635 pixels, but later on we will crop it down to fit the scene.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Open your photo into Photoshop. Double-Click the background layer to change it to Layer 0. Use the Magic Wand Tool (W) to select the white areas of the background, and hit Delete to get rid of them.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

Using the Magnetic Lasso Tool (L), begin creating a selection around each foot. Control-J to Duplicate each foot onto its own new layer. When you’re through, you should have two separate layers for each foot. Save file space by Deleting the layer with the scale still on it, and feel free to organize these layers into a new Group.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

2. How to Sketch Guidelines for the Boots

Step 1

Use the Move Tool (V) to position the feet lower onto the canvas.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Feel free to experiment with the position of the feet. You can move one slightly back or keep them aligned as I did. Changing the position may make the manipulation a little harder, so just keep that in mind.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

The next few steps are optional. Feel free to move on without a sketch if necessary. To help me understand how to situate the boots, I’ll need to draw a quick sketch over the feet. This will help me understand the perspective, and where to place the laces, hooks, and collars correctly.

Create a New Layer underneath the feet group and Fill it with white using the Paint Bucket Tool (G). Select a basic Hard Round Brush (B) to sketch two circles located above the ankle on another New Layer.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Merge the two feet layers together. Add a Layer Mask to the merged layer and begin painting black onto the layer mask to hide the top half of the leg. Do this for each foot.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 3

The feet are looking a little thin. Select each foot with the Rectangular Marquee Tool (M) and use the Free Transform Tool (Control-T) to make both wider. Adjust the Layer Mask and sketch accordingly.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 4

On the sketch layer, draw a basic outline of the boot’s tongue. This will help give us a guideline for where to place the boot reference later.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

3. How to Manipulate the Boot Reference

Step 1

Now that we’ve got a good guideline going, we can incorporate the actual boots. First, open your Boot Reference into a separate document and use the Magic Wand Tool (W) to Delete the white background.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

Use the Polygonal Lasso Tool (L) to make a selection around the left boot’s tongue, collar, and laces. Copy and Paste it into your photo manipulation document. Lower the Opacity slightly so that you can still see the feet underneath.

Position the boot over the left foot, Resizing it and Warping it to fit the foot with the Free Transform Tool (Control-T).Toggle the Visibility of the sketch layer on and off so that it’s not distracting.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Continue manipulating the stock until you’re happy with how the boot fits the foot. Then add a Layer Mask to the boot layer and paint black onto the mask tohide any parts of the boot that you don’t want, using both Hard and Soft Round Brushes.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 3

Let’s move on to the right foot. Just like before, make a Selection over the right boot with the Polygonal Lasso Tool (L). Copy and Paste the selection onto a New Layer above the right foot.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

This foot is a little tricky, so I’ll slow the process down. Control-T to Free Transform the boot, scaling it down to fit along the right foot. Try your best to match the size of the left one.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

While holding the Control key, grab the corners of the Free Transform box and tweak the perspective slightly.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Now Free Transform again, selecting Warp to mold the boot to the foot. Don’t worry about making it fit the leg completely, otherwise you may distort the stock too much.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 4

Because the right leg is still showing, we’ll need to mask it out. So select the Layer Mask for the right foot and paint black to hide the rest of the leg.

Just like before, continue to mask any parts of the boot you don’t want. And feel free to clean up the edges by painting on a New Layer with the Brush Tool (B).

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

4. How to Create the Forest Ground

Step 1

Now that we have the most difficult steps out the way, we can concentrate on the forest ground. Delete the white background layer. Copy and Paste the Grass Reference onto a New Layer beneath the boots. Adjust the Scale and Perspective to make it appear much larger with the Free Transform Tool (Control-T).

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Create a New Adjustment Layer of Hue and Saturation, and Right-Click to set it as a Clipping Mask to the grass layer. Desaturate the grass to match the feet with the following settings:

  • Hue: 0
  • Saturation: -67
  • Lightness: -12

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

Merge the layers for the boot and feet together. Control-J to Duplicate the layer, positioning it slightly underneath the first layer.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Go to Image > Adjustments > Hue and Saturation. Bring down the Lightness to 0 to turn the duplicate black.

Then Blur the shadow by going to Filter > Blur > Gaussian Blur, and adding a Radius of 48.4 pixels. Keep the shadow around 54% Opacity when you’re finished.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 3

Let’s make the grass look a little more realistic. Add a Layer Mask to the boot layer. Paint black onto the Layer Mask with a Hard Round Brush to reveal the grass underneath the feet.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 4

Now Copy and Paste the Ground Reference onto the canvas to add some shrubbery to the scene.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Control-J to Duplicate it, and Flip the copy by going to Edit > Transform > Flip Horizontal. Position the second stock behind the right foot.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Add a Layer Mask to each layer of shrubbery. Paint black onto the white Layer Maskwith a Soft Round Brush to hide any harsh lines. Try to blend the shrubbery with the grass as much as possible.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 5

The shrubbery is a little too bright for the scene. Soset a New Adjustment Layer of Hue and Saturation as aClipping Mask to both layers. Adjust the Lightness to -16.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 6

Before we move on to the final details, let’s change the color of the boot collar. First, create a selection on the collar using the Polygonal Lasso Tool (L). Then go to Layer > New Adjustment Layer > Hue and Saturation to create a Layer Mask of just the collar.

Change the color from orange to purplish-blue by adjusting the Hue to -108.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Repeat the process with the left foot.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

5. How to Create Realistic Lighting and Details

Step 1

Now that we have the boot and ground floor ready, we can move on to the finishing details to really make this pop! Start by adding a New Adjustment Layer of Curves as a Clipping Mask to the boot layer. Adjust the Curves for the RGB and Blue channels slightly.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Extract one of the ladybugs from the Ladybug Reference and Paste it onto the canvas. Make it overlap one of the feet for a quirky effect.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

Now we need to work on the lighting and overall color scheme. Add a New Layer set to Multiply with an Opacity of 55%.Use a dark green color to Paint shadow on the left side to knock out some of the bright greens coming through with a large Soft Round Brush.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Increase the Brush Hardness to 100%. Now paint more shadow all around the boots. Ground them to the forest floor by painting shadow underneath them, and add extra shadow to the laces and boot tongue for more dimension.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Here is a before and after animation of this process. Notice how grounded the boots look now that the shadows have been applied.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 3

Let’s change the colors next. To create an overall tint of green, add a New Adjustment Layer of Color Lookup with the following settings:

  • 3DLUT File: TensionGreen.3DL

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Follow up with another New Adjustment Layer of Brightness and Contrast with the following settings:

  • Brightness:-27
  • Contrast:15

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 4

Always try to leave highlights for towards the end, when you have a better understanding of the lighting scheme. Now add a New Layer set to Overlay. Paint white onto the right side of the scene with a large Soft Round Brush.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Continue to add more highlights to the boot and ground. Here I added them to the boot tongue and lower left region.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Boots are known for having a shiny, leathery texture. Add some sheen to the boots by painting more highlights onto the foot, toes, and boot details. Make those hooks sparkle! Take note of the subtle difference with this animation below.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

6. How to Sharpen and Add Dirt

Step 1

Time for the last details! Boots in the forest won’t look this clean. So add dirt by creating a New Layer and using the Chalk Brush to paint dark brown dirt all over the boots.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 2

Next, select the Crop Tool (C) to Crop the composition and make it slightly smaller. This will help draw the eye to the center while reinforcing the perspective.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 3

For crisp, clear details, we’ll sharpen this photo manipulation with a High Pass Filter. First, select all your layers and Merge them together. Control-J to create a Duplicate of your merge.

Go to Filter > Other > High Pass, adding a Radius of 3.4 pixels. Set the Layer Blend Mode to Soft Light when you’re through.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

Step 4

Continue to play with Adjustment Layers to tweak the colors and lighting. To finish things up, I’ll be using this last Color Lookup Adjustment Layer with the following settings:

  • 3DLUT File: Fuji F125 Kodak 2395

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop

And that’s it! Check out the final result below!

All Done! Let’s Go Hiking!

Finding photo references that can blend easily together are a huge part of great photo manipulation. And with a little patience, basic Photoshop tools, and a creative eye, you too can manipulate stocks with finesse and ease.

Browse the amazing selection of Natural Photoshop Actions on GraphicRiver to apply natural, forest floor colors to any photo manipulation instantly.

I really hope you enjoyed this tutorial. Feel free to leave any questions in the comments below.

How to Create Realistic Feet-Inspired Hiking Boots in Adobe Photoshop