Site Info

This web-site is created and maintained by Cari Jansen, Perth, Western Australia.

Subscribe



Recent Posts


Topics


Archived Posts



« Printing to Adobe PDF (OSX) | Main | Shapes magic – nested shapes »

Layer Mask from Grayscale Image

By Cari Jansen | July 25, 2004

Digitip 025 – Adobe Photoshop CS

(revision 1.1)

During a Saturday training session, one of the trainees asked a question about creating a layer mask based on an existing greyscale image. A solution was found, that seemed too much like a work around. The following tip uses a copy-’n-paste approach.

The images

Start by opening both images. The image that will be masked and the greyscale image.

sydney pic

The destination image.

grayscale image

The greyscale image (grayscale if you’re in the U.S.).

If your image is inversed then use the Image> Adjustment>Inverse command to swap the black and white colours around.

Converting Background to Layer.

double click background

Next, convert the Background into a layer by double clicking the Background icon. The New Layer dialog box will appear.

make new layer from background

Either enter a new layer name, or keep the default “Layer 0″. Don’t amend any other settings. Click OK to convert the Background to Layer 0.

Creating a layer mask.

layer mask button click

With Layer 0 selected, click the “new layer mask” button at the bottom of the layers palette . A blank mask is added to the image. Click the mask icon in the layers palette to select the mask. Then access the channels palette. The mask channel is automatically selected.

layer mask channel show

With the layer mask selected click the view mask icon, then paste the copied greyscale image. (Edit > Paste).

layer mask channel hidden

To view the image without the “red” maske overlay deselect the view Layer 0 Mask icon again.

image with layer mask

The finished result provides transparency for black maske areas and semi transparency (opacity) for grey areas in the mask. Use the painting tools to expand the mask if required (when placing over larger image files), and move the mask to preferred position over the image (remember to UNLINK first when doing this, as you’d be moving both image and mask simultaneously otherwise.)

Save the file as a native Photoshop file (retain layers) then place it into your favourite page layout appliation … InDesign CS :-)

final result in indesign

Ta-daaaaaah!

There are a number of methods to create the above generated affect, and this tip merely outlines one of the many methods available in Photoshop. Thanks for asking the question Josh!

Topics: digitip, photoshop | 3 Comments »

3 Responses to “Layer Mask from Grayscale Image”

  1. Riikka says:
    July 22nd, 2009 at 3:29 pm

    Many thanks for this tip, it is still valid and works perfectly, five years on.

  2. Cari Jansen says:
    July 22nd, 2009 at 7:40 pm

    @Riikka: Glad it was of help :-) Always nice to get feedback from readers :-)

    I’ve been thinking I should re-record some of the older tutorials one day in the latest version :-) but never seem to have enough free time to do that and end up recording other stuff instead :-)

    Cheers,

    Cari

  3. “Secret” lighting correction technique in Photoshop « TurboManage says:
    October 15th, 2009 at 1:21 am

    [...] The desaturated negative also makes a great mask for other types of adjustment layers, like Brightness / Contrast and Exposure. It is not intuitive, but I found instructions here. [...]

Comments

Trademarks: Adobe, the Adobe logo, Acrobat, Creative Suite, Illustrator, InDesign, Photoshop, PostScript are trademarks of Adobe Systems Incorporated.

Disclaimer: While every precaution has been taken in the preparation of this web-site, the creator shall not have any liability to any person or entity with respect to any liability, loss, or damage caused or alleged to be caused directly or indirectly by the information or instructions contained in this web-site, or by the computer software and hardware products described therein.