steve gifford | web designer Steve Gifford is a web designer in Los Angeles, CA. He specializes in front-end web design and development.
  • Mar
    16

    I have encountered many designers and art directors who aren’t aware that there is another way to convert images from color to black and white in Photoshop. Most people simply go to Image > Mode > Grayscale and call it done. There is a better way! It only takes two minutes using adjustment layers, and you’ll see a noticeable difference in the sharpness and quality of your black and white images.

    Step 1. Open your image, and bring up the layers palette. Click the adjustment layer button at the bottom of the layers palette (circle shape half white/half black). Select Hue/Saturation from the dropdown.

    Proper Black and White Conversion 1

    Leave the settings as is, for now.

    Step 2. Click the adjustment layer button again, to add a second adjustment layer. This time, with the top layer selected, you will go to the Adjustments palette, and drag the saturation slider all the way to the left (-100).

    Proper Black and white conversion, step 2

    Step 3. Now, select the first adjustment layer you created (it will be the middle layer in your document). Click the layer blending mode at the top of the layers palette (by default, it will say normal). Select “color”.

    Proper black and white conversion, step 3

    Step 4. In the Adjustments palette, drag the Hue slider back and forth until the image looks good to you.
    Proper black and white conversion, step 4

    That’s it! Let’s compare the results:

    Original image:

    Grayscale:

    Converted with adjustment layers:

    No Comments