skip to Main Content

The image below has a kind of faded grey look with what seems to be some slight blurring and works quite well as a generic banner image.

Usually I am provided with these images or just find stock images but I’d be very interested in learning how to apply these effects with Photoshop or CSS. I have a feeling that Photoshop is a more appropriate tool.

enter image description here

The image I’m experimenting with is this:

enter image description here

It isn’t the best image but for my testing purposes at least it’s a similar shape and size.

I know I can use things like de-saturation or a coloured layer with a colour blend mode for this sort of thing. However, does the first image look like it has a specific effect or is it just a case of trial and error?

I appreciate this is similar to this question.

2

Answers


  1. Maybe you could get the effect by using css blur and overlaying the image with a gray layer with opacity.

    You could also just create the effect in photoshop and use that

    Login or Signup to reply.
  2. open your image in photoshop, add a new layer on top of the image, fill the layer with a color of your choice (in this case grey/black) then reduce the opacity of the layer. You will get something similar to what you want. This is a simple trick. It can be done in other ways too with more modifications.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search