-1

This question already has an answer here:

I am looking for to 'grey out' my image entirely - the main purpose is to be able to have high detailed picture and still allow me to read clearly written contents at the top of the image. The grey out filter/effect I am looking for looks like some web or app components background when a pop-up comes out. I am attaching an image showing you an example. I am a Photoshop user but can use something else if necessary. I have tried many filters but none has this disabled/grey mask effect.

grey out filter

marked as duplicate by Ryan May 20 '16 at 1:19

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • 1
    Hi Dylan, thanks for your question. Could you tell us what you tried that didn't work? Always good to show some effort, and your chances for a good answer increase. If you have any questions, please see the help center or ping one of us in the Graphic Design Chat once your reputation is sufficient (20). Keep contributing and enjoy the site! – Cai May 19 '16 at 21:53
  • Seems a bit too easy, but have you tried putting a layer on top of the pic and just fill it with black (or grey, etc.) and reduce opacity? Won't that do the trick? – user67058 May 19 '16 at 22:13
1

When I'm doing this technique in my designs, I follow these steps. Before the Process

  1. Duplicate the layer going to the menu bar and choosing Layer -> Duplicate Layer.

  2. Go to the menu bar and choose Filter -> Blur -> Gaussian Blur and apply a small setting like 2 to 3 pixels. This will make the text appear to be shown in a shallow depth of field. This step is optional but I find it helps to sell the illusion.

  3. Create an adjustment layer by going into the menu and choosing Layer -> New Adjustment Layer -> Hue/Saturation...

  4. With the adjustment layer selected, adjust the 'saturation' property to something low like -40 or -50. This really depends on how bright and colorful your picture is to start.

  5. You may want to adjust the brightness property as well to achieve the desired effect. In this case, I went with -30.

That should be everything you need. There aren't any filters that come with Photoshop to achieve the results here but this process takes less than five minutes and is easily customized based on the desired effect. Final Result

  • Thanks the Photoshop method works perfectly. Alternatively there is a free website named Canva which allows to add an element: grey. – Dylan May 22 '16 at 10:01

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