Summary: Learn the essentials of blending textures with photos in Photoshop, including how to quickly cycle through the layer blend modes, how to blend only the brightness values of the texture to keep the photo's original colors, how to invert textures for different results, and more!

Written by Steve Patterson
Exclusively for Photoshop Essentials.com.

Part of our complete collection of Photo Effects tutorials.

In this Photo Effects tutorial, we'll learn the basics of using Photoshop's layer blend modes to blend a texture with a photo, a simple yet powerful way to give an otherwise ordinary image more of an artistic and creative edge. We'll learn how to quickly cycle through the blend modes so we can choose the one that works best, how to blend only the brightness values of the texture so the photo can keep its original colors, and how to invert the brightness values to create a different result.

For this tutorial, I'll be using an old paper texture from a stock photo website, but the great thing about textures is that you can find interesting ones almost everywhere you look, indoors or out, and all you need to capture them is an inexpensive digital camera or even the camera on your cellphone. Point it at an interesting design on a leaf or a rock, a cloud in the sky, a piece of wood, a patch of rust, or frost on a window. You can also place different objects on a scanner to capture them as textures. Old book covers, maps, crumpled paper, even pieces of cloth or carpet make great choices. And of course, a quick Google search on the web for Photoshop textures will turn up endless results. Before long, you'll have an entire collection of unique textures to choose from when you need them!

Here's the original photo I'll be starting with:

Here's the texture I'll be blending into the photo:

And here's what the final result will look like. I've made a couple of additional enhancements to the effect which I'll cover at the end of the tutorial:

Not what you're looking for? Check out our other Photoshop Effects tutorials!

New! Download our Photoshop tutorials as convenient, print-ready PDFs!

Let's get started!

Step 1: Select And Copy The Texture

With both the original photo and the texture image open in Photoshop, the first thing we need to do is move the texture into the same document as the photo, and the easiest way to do that is to copy and paste it. Make sure the texture's document window is the one that's active, then go up to the Select menu in the Menu Bar along the top of the screen and choose All. You can also press Ctrl+A (Win) / Command+A (Mac) to quickly choose Select All from the keyboard:

This will select the entire texture. A selection outline will appear around the outer edges of the texture in the document window:

With the texture selected, go up to the Edit menu at the top of the screen and choose Copy, or press Ctrl+C (Win) / Command+C (Mac) on your keyboard:

Step 2: Paste The Texture Into The Photo's Document

With the texture copied to the clipboard, switch over to the photo's document window to make it active, then go back up to the Edit menu and this time, choose Paste, or press Ctrl+V (Win) / Command+V (Mac) on your keyboard:

Photoshop will paste the texture into the document and will place it on its own layer above the photo. Depending on the size of your texture, it may be completely blocking the photo below it from view, but if we look in the Layers panel, we see that the original photo is sitting on the Background layer and the texture is now sitting on a new layer named Layer 1 above it:

Step 3: Resize The Texture If Needed With Free Transform

Unless your photo and texture both happen to be the exact same size, you'll probably want to resize the texture so it fits the image, and we can do that using Photoshop's Free Transform command. Go up to the Edit menu at the top of the screen and choose Free Transform, or press Ctrl+T (Win) / Command+T (Mac) to choose Free Transform from the keyboard:

Photoshop will place the Free Transform bounding box and handles around the texture. If your texture is bigger than your photo, as mine is, it may help to switch to one of Photoshop's fullscreen view modes by pressing the letter F on your keyboard (you can switch back to the document window view mode when you're done by pressing F a couple more times). Click and drag any of the handles (the little squares around the bounding box) to resize the texture as needed. Since this is just a texture, it's usually okay to distort its shape if we need to, but if you want to keep the aspect ratio of the texture intact as you're resizing it, press and hold the Shift key on your keyboard and drag any of the four corner handles. When you're done, press Enter (Win) / Return (Mac) to accept the transformation and exit out of the Free Transform command:

Step 4: Select The Move Tool

Select Photoshop's Move Tool from the top of the Tools panel, or press the letter V to select the Move Tool from the keyboard. We're not actually going to use the Move Tool for anything, but in a moment, we're going to learn a handy keyboard shortcut for quickly cycling through the layer blend modes so we can see which one will give us the best results for blending our texture with the photo.

What does that have to do with the Move Tool, you ask? Well, depending on which tool you have selected, the keyboard shortcut may or may not work. It does work with the Move Tool selected, and the Move Tool is at the top of the Tools panel, so selecting the Move Tool first is the easiest way to make sure the keyboard shortcut will work:

Step 5: Cycle Through The Layer Blend Modes

The Blend Mode option is found in the top left corner of the Layers panel. By default, it's set to Normal, which simply means that the layer is not blending with the layer(s) below it in any way (which is why the texture is currently blocking the photo from view in the document):

If you click on the word "Normal", you'll see a list of the other blend modes we can choose from, like Multiply, Screen, Overlay, and so on. We could, if we really wanted to, choose each blend mode one at a time by clicking on its name in the list, and you may want to do that if someone is paying you by the hour. A much faster way, though, to experiment with the various blend modes is to quickly cycle through them from your keyboard. Hold down Shift+Alt (Win) / Shift+Option (Mac) and press the plus (+) or minus (-) keys on your keyboard. The plus (+) key will move you forward through the list of blend modes one at a time, while the minus (-) key will move backwards. For example, holding Shift+Alt (Win) / Shift+Option (Mac) and pressing the plus (+) key once changes the blend mode from Normal to Dissolve:

The Dissolve blend mode probably won't have much of an effect on the image, but other blend modes definitely will. I'll press the plus (+) key a couple more times (while still holding Shift+Alt (Win) / Shift+Option (Mac)) to get to the Multiply blend mode:

With the blend mode set to Multiply, the texture and photo blend together, with the overall result looking interesting but a bit dark:

I'll press the plus (+) key a few more times until I come to the Screen blend mode:

The Screen blend mode gives me another interesting result, this time looking much lighter than what we saw with the Multiply blend mode:

Pressing the plus (+) sign a few more times brings me to the Overlay blend mode:

Overlay is another blend mode that often makes a good choice for blending textures with photos, giving me a combination of lights and darks, with an overall higher contrast result:

Generally, the Multiply, Screen, Overlay, Soft Light, and Hard Light blend modes will give you the best results for blending your texture with the photo, but be sure to try each of them and choose the one that you feel works best for the look you're trying to achieve. In my case here, I think I like the Screen blend mode the best, but you may end up choosing a different one for your image.

Up next, we'll learn how to blend only the brightness values of the texture so the photo can keep its original colors, how to invert the texture for different results, and more!

Need printable versions of our Photoshop tutorials? Download them as print-ready PDFs!

Go to page: 1 | 2