Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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

share|improve this question
How do you do it in CSS? – horatio Nov 8 '13 at 19:59
@horatio check… – Charles Nov 9 '13 at 14:29
up vote 7 down vote accepted

Create a rectangle filled with a color.

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


share|improve this answer
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 '13 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 '13 at 20:08

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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