In photoshop I created this image that is supposed to represent the folds of a curtain:

image with shading

I, however, only want the shading aspect of this so that I can export that to a PNG and display it over any color on the Web.

So my question then is how do I get only the shading part of this image into a PNG?

  • Hello Eric, I edited your question for clarity. If you disagree with anything I did, feel free to edit again. Welcome to GD.SE and thanks for your question!
    – Vincent
    Commented Jul 19, 2016 at 15:16
  • @Vincent, you captured what I was after. Thank you. Commented Jul 19, 2016 at 16:24

1 Answer 1

  1. Open your Layers and Channels palettes;
  2. Make your image a regular layer as opposed to a background layer. Easiest way is to double click the layer bar in the Layers palette;
  3. In the Channels palette, make sure the RGB channels are visible, then click the leftmost icon on the bottom, 'Load channel as selection';
  4. In the Layers palette, click the 'Add Layer Mask' icon (third from left, rectangle with a round hole in it);
  5. With the Layer Mask still selected, choose Image > Adjustments > Invert, shortcut Control / Command + I;
  6. Use Layer Styles to give the layer a black Color Overlay;
  7. Create a coloured layer under your current layer to see the effect;
  8. Tweak the effect using opacity, curves or other adjustments on both the actual layer and the mask;
  9. Save as png-24. Don't forget to turn off your coloured background layer before you do.

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