Chykalophia homepage

Free Photoshop Action: Create Image Overlay Based On Foreground Color 5% To 95%

For recent project I needed to quickly and easily create varying levels of an overlay on images … mostly to test which opacity level worked best. The idea is simple:

  1. Have image open
  2. Based on the foreground color, create a duplicate layer with an opacity of 5%
  3. Repeat step #2 though +5% opacity all the way up to 95%

The speed of this action is: not that fast at all. It takes some time to generate each layer and so on. The speed will depend on your image size (resolution) and computer speed. The gif below makes it look pretty fast, though I cut out the waiting time (~10 to ~15 seconds).

Chykalophia - Photoshop Overlay Action

There no opt-in or anything for this. Just click the link below to get it from our Dropbox:

https://www.dropbox.com/s/fyuiuu4a3wowaws/Overlay%20Automation.atn?dl=0

Specific usage instructions:

  1. Import Action
  2. Open your Actions panel
  3. Open the photo/image you want overlays created for
  4. Set the solid overlay color you want to the FOREGROUND color
  5. Run the Automation “5% – 95% – +5%” (I know, not the greatest name in the world)
  6. Wait a little while for it to complete
  7. Pick and chose from the layers to export.

Each layer is a copy of the original graphic/image. So you can export that single layer or set of layers to get the image + overlay you wanted.

Let us know if this action has helped you. Any other actions you’d like to see / get for free?

The Next Draft Newsletter

Get our top branding, UX and website resources for your business straight to your inbox.

Resources Page Mega Email Signup

This will add you to our Next Draft list where we send out useful content around branding, marketing, and all things website that help inspire growth for you and your business. Of course you can unsubscribe anytime.

Get started on a branding or website project with us.

GET ON A CALLBook a brand, UX, or web audit