Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Try Plus for Free Maybe Later
How To Use Overlays In Photoshop
  • By Design Bundles
  • 23 Dec 2016
  • 5 Mins
  • Photoshop Tutorials

How To Use Overlays In Photoshop

Today, we will learn how to use an overlay in Photoshop. Overlays are images that you can add to your photos as extra layers. They will come in handy when you want to add some extra dimension to your photos, like turning a plain everyday image into a rainy scene or darkening and adding texture to a bright beach photo.

You can use them individually or stack them and adjust their blending modes to achieve a unique look.

How To Use Overlays In Photoshop 8

For this example, we are using some overlays from this weather overlay bundle on top of this beautiful beach scenery photo.

Step 1 - Open Base Image and Import Overlay Image

Start by making sure that your files have been downloaded and unzipped on your computer.

Open the image you would like to use the overlay on. Then, bring in the overlay file you want to use by dragging the thumbnail onto your base file.

How To Use Overlays In Photoshop 8

By using drag and drop, the imported image will be a Smart Object in a separate layer. The Smart Object will enable you to apply non-destructive filters and edit them if needed.

How To Use Overlays In Photoshop 8

Step 2 - Resize the Overlay Image

Resize the overlay layer if needed to cover your image. When you are happy with your results, hit Enter or click on the checkmark in the top toolbar to commit the changes.

How To Use Overlays In Photoshop 8

Step 3 - Adjust the Blending Mode of Your Overlay Layers

Once your overlay is covering your image, you may need to change its Blending Mode in the Layers panel and maybe adjust its Opacity.

This will mainly depend on your base image and the type of overlay you chose. If your overlay is a png file with a transparent background, you may not need to change the blending mode at all.

In our case, we chose the blending mode, Lighten, just to blend the colors a bit since our overlay image had a transparent background.

How To Use Overlays In Photoshop 8

If your overlay image has a dark background like the second overlay layer in the following image, you can use Overlay, Screen,or something similar to hide it. This will make the overlay transparent but still show the effect of the overlay layer on your image.

How To Use Overlays In Photoshop 8

Here, we used Soft Light as the blending mode for the second overlay layer since it has a black background.

How To Use Overlays In Photoshop 8

By stacking overlay layers and adjusting their blending modes, you can achieve unique combinations to get the look you want from your artwork. Each blending mode affects the pixels differently, so feel free to experiment with them. You can also adjust the opacity of the layers to tone down the effect.

How To Use Overlays In Photoshop 8

If you liked this tutorial, why not try some other ones like how to blend two images, how to flip an image, and how to change day to night in Photoshop.


6 Related Photoshop Tutorials

You may be thinking of swapping out Photoshop for Procreate to make digital drawings. But you may be wondering if your brushes will work in Procreate. The good news is, you can take all your Photoshop .abr brushes and move them into Procreate. Awesome right? In this tutorial, we will ...

Today, we will show you how to use overlays in DesignScape. Overlays are used to add texture, lighting, grunge and much more. In DesignScape, a browser based program, you can easily change the look and feel of your images. Available to Gold Plus Members, DesignScape is an awesome option to ...

You can quickly load and use Photoshop actions in DesignScape. Use your favorite actions in your projects with this online editing software available to Gold Plus Members. Want to give DesignScape a try? Then sign up for a free 30 Day Gold Plus Membership Trial today! With a list of features ...

Did you know you can use Photoshop .abr brushes in DesignScape? DesignScape is an online editing software available to Gold Plus Members. Not a Plus Member yet? Sign up for a free 30 Day Trial of the Gold Plus Membershiptoday! Since there is no need to download any software, it is ...

Ensure that your file has been downloaded and unzipped to use. 1- Open Ps. Click on File > Open. 2-The Open windowwill appear. Select the Photoshop template you would like to use andclick Open. 3- You may get a new box appear stating that the file is using fonts that ...

Maybe you know what a clipping mask is, but you’re a little unsure about layer masks. Layer masks are used to edit and conceal parts of a layer non-destructively. In this tutorial, you’ll learn about the basics of using a layer mask, and then we’ll show you ...

You may also like

Help Center
ol image