After several Google searches and searching the forum, I'm looking for simple, lightweight and easy way to create a clear glass overlay. I've attached an image that shows the clarity. It's easy to do in CSS but I can't figure out how to do it in Photoshop.

enter image description here


1 Answer 1


Create a rectangle filled with a color.

Reduce the rectangle's layer opacity in the Layers Panel.


  • In the image above, for best practice; Should the rectangle that is filled with color be a higher value or lower value than the background image?
    – Charles
    Nov 8, 2013 at 19:49
  • It depends upon the highlight you want. If you want a lighter area use a lighter color, if you want it darker, use a darker color. The image above uses a darker color.
    – Scott
    Nov 8, 2013 at 20:08

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.