How to Use Texture Overlays on Photos
Create a re-usable texture overlay in just a few steps with Photoshop
Using a texture overlay is an excellent way to add a vintage, aged effect to photo. This tutorial will show you how to take some of the color from the texture overlay and add it to the photo, then in the details of the texture too.
What You'll Need
Before we get started you'll need two images, the photo that you want to add a texture overlay too and a texture overlay. You can download both of the images used for this tutorial from Unsplash:
Step 1
Create a new document in Photoshop
- Width: 3000 Pixels
- Height: 2000 Pixels
- Resolution: 72 PPI
- Color Mode: RGB
Step 2
First place your photo into the new document using either drag and drop or File > Place Embedded...
Resize the photo if needed to 3000 x 2000 pixels
Step 3
Next add your texture overlay using the same method as step 2.
Press CMD+D or CTRL+D twice to duplicate the image, you should have three copies in total.
Step 4
Click the eye icon next to the top two layers to hide them and select the third layer down.
Step 5
In the Layers panel set the Blend Mode to Soft Light.
Tips: This step is to get the color from the texture overlay. If your texture is particularly bright or colorful you may need to reduce the Opacity of this layer. If you texture overlay lacks contrast, you may have more luck using Overlay blend mode instead or duplicating the layer to double the effect.
Step 6
Click the eye icon next to the second texture overlay layer to make it visible.
Press CMD+U or CTRL+U to bring up the Hue/Saturation window.
Reduce the Saturation to -100.
Click OK.
Step 7
Press CMD+L or CTRL+L to bring up the Levels window.
Click and drag the white arrow underneath the Input Levels graph and drag it to the base of the peak on the right hand side.
The input levels peak will be different with every image, but almost any texture file you find online will have a noticeable peak of some shape or kind on the chart.
Click OK.
Step 8
In the Layers panel set the blend mode to Multiply and Opacity to 80%.
A lower opacity will reduce the amount of shadows from the texture and vice versa.
Step 9
Click the eye icon next to the last texture overlay layer to make it visible.
Press CMD+U or CTRL+U to bring up the Hue/Saturation window.
Reduce the Saturation to -100.
Click OK.
Step 10
Press CMD+L or CTRL+L to bring up the Levels window.
Click and drag the darkest arrow underneath the Input Levels graph and drag it to the base of the peak on the left hand side.
The input levels peak will be different with every image, but almost any texture file you find online will have a noticeable peak of some shape or kind on the chart.
Click OK.
Step 11
In the Layers panel set the blend mode to Screen and Opacity to 50%.
A lower opacity will reduce the amount of highlights from the texture and vice versa.
Result & Conclusion
The final result should look like the image below, this an excellent way to add a vintage, aged effect to photo. By using the first Soft Light layer we take some of the color from the texture overlay and add it to the photo, then with the shadow and highlight layers we add in the details of the texture too.
Tip: If you save this PSD file you can use it again to add this texture overlay to any photo with a 3:2 aspect ration. Here are some examples:
More from Tutorials
Easily Create Text Blocks in Illustrator
Tutorialsby Diego Sanchez
When you need to make text blocks in Illustrator, there are many ways to do it, from selecting each line of text individually and setting the proper font size, to using paragraph text and adjusting sizes and spacing. However, if you want to create a text block in less than a minute—which is especially useful for quote posters—you can use an automated method to do it quickly and effortlessly. Today, I’ll show you how to make a text block in Illustrator in a matter of seconds by using a single script, saving you time and enhancing your creative workflow. This method is perfect for experimenting with different typefaces and achieving unique results.
Read more
How to Easily Turn any Font into a Sketch Font in Illustrator
Tutorialsby Diego Sanchez
If you want to add a hand-drawn, artistic touch to your typography, turning your chosen font into a sketch-style font is a fantastic way to create eye-catching designs for posters, logos, or custom illustrations. Whether you're aiming for a rough pencil sketch look or a more refined line drawing, this effect adds creative flair to your text. Today, I’ll show you how to create this effect quickly and easily with any font using Illustrator's Appearance Panel. In just a few simple steps, you can completely transform your font style while keeping the text fully editable—making future tweaks a breeze!
Read more
How to Make a Heavy Grain Copy Effect in Photoshop
Tutorialsby Diego Sanchez
Photocopied effects are very popular these days, mostly used to give a design a grungy and weathered look. You may have seen this effect on flyers, posters, and even social media posts to promote different events. There are many different ways to create this effect, but today I will show you one of the simplest methods to make a heavy grain copy effect in Photoshop using the Filter Gallery, a Blur effect, and just one simple texture to make this effect look complete.
Read more
How to Make a Dimmed Gray Effect in Photoshop
Tutorialsby Diego Sanchez
Creating a dimmed gray effect in Photoshop may seem a bit challenging, but it is actually very simple. This powerful post-processing technique can dramatically enhance your photos. By using only the Camera Raw filter in Photoshop, you can easily achieve a sophisticated, muted aesthetic that is perfect for adding a moody, atmospheric touch to your images, making it ideal for portraits, urban landscapes, and artistic compositions.
Read more