Start learning with our library of video tutorials taught by experts. Get started

Photoshop Elements 8 for Mac Essential Training

Combining images with layer masks


From:

Photoshop Elements 8 for Mac Essential Training

with Jan Kabili

Video: Combining images with layer masks

One of the techniques for which I get the most requests in Elements is to learn how to join images together, to make new layered compositions. To do that I am going to show you how you can fake a layer Mask to make a joint image look really professional. First, I am going to set things up here. I have two images open, each in a floating document window. I will move those apart a little so you can see them by clicking on the Title Bar of the plant image with the Move tool selected in the toolbar and dragging. Now, both images are too big to fit on my screen, so I am going to zoom out by selecting the Zoom tool, clicking the Minus symbol in the Options bar, and putting a checkmark next to Resize Windows To Fit.
Expand all | Collapse all
  1. 2m 35s
    1. Welcome
      1m 18s
    2. Using the exercise files
      1m 17s
  2. 13m 0s
    1. Touring Elements
      7m 24s
    2. Starting from the Welcome screen
      5m 36s
  3. 16m 11s
    1. Importing photos from a camera
      8m 48s
    2. Dividing scanned photos
      3m 52s
    3. Capturing frames from video
      3m 31s
  4. 23m 13s
    1. Touring Bridge CS4
      7m 44s
    2. Opening files from Bridge into Elements
      5m 1s
    3. Rotating photos
      1m 17s
    4. Moving, deleting, and hiding photos
      4m 11s
    5. Renaming photos
      5m 0s
  5. 29m 16s
    1. Tagging photos with keywords
      6m 28s
    2. Rating and labeling photos
      5m 55s
    3. Sorting photos by filter
      6m 23s
    4. Finding photos
      4m 33s
    5. Organizing photos in Collections
      5m 57s
  6. 52m 52s
    1. Touring the Quick Fix workspace in the Editor
      8m 34s
    2. Applying Quick Fix lighting controls
      3m 33s
    3. Applying Quick Fix color controls
      6m 30s
    4. Applying Quick Fix sharpening
      3m 44s
    5. Using Quick Fix touchup tools
      7m 43s
    6. Fixing group shots in Guided Edit
      6m 25s
    7. Merging multiple exposures in Guided Edit
      7m 24s
    8. Applying the Scene Cleaner in Guided Edit
      6m 31s
    9. Running Automated Actions in Guided Edit
      2m 28s
  7. 30m 57s
    1. Touring the Full Edit workspace
      6m 5s
    2. Working with tabbed documents
      4m 28s
    3. Arranging panels
      4m 14s
    4. Using tools
      8m 15s
    5. Setting editing preferences
      3m 8s
    6. Adjusting color settings
      4m 47s
  8. 46m 0s
    1. Using Undo History
      6m 6s
    2. Zooming and navigating
      5m 38s
    3. Creating a blank file
      5m 43s
    4. Photo resizing and resolution
      8m 21s
    5. Enlarging the canvas
      3m 10s
    6. Cropping and straightening an image
      3m 12s
    7. Using the Recompose tool
      3m 23s
    8. Processing multiple files
      6m 16s
    9. Saving and formats
      4m 11s
  9. 23m 25s
    1. Understanding layers
      3m 30s
    2. Working in the Layers panel
      8m 53s
    3. Combining images with layer masks
      11m 2s
  10. 22m 24s
    1. Understanding selections
      3m 39s
    2. Manual selection tools
      7m 36s
    3. Automatic selection tools
      3m 9s
    4. Refining a selection
      3m 59s
    5. Modifying and saving selections
      4m 1s
  11. 55m 51s
    1. Using adjustment layers
      9m 21s
    2. Adding a Levels adjustment layer
      4m 49s
    3. Applying a Shadows/Highlights adjustment
      3m 24s
    4. Adding a Hue/Saturation adjustment layer
      5m 30s
    5. Adjusting with Color Curves
      4m 3s
    6. Removing a color cast
      3m 55s
    7. Correcting skin tone
      2m 10s
    8. Reducing digital noise
      3m 44s
    9. Sharpening photos
      9m 42s
    10. Working with raw photos
      9m 13s
  12. 18m 58s
    1. Using the Smart Brush tool
      5m 20s
    2. Using the Detail Smart Brush tool
      3m 30s
    3. Dodging and burning
      1m 49s
    4. Healing blemishes
      3m 51s
    5. Removing content with the Clone Stamp tool
      3m 15s
    6. Removing red-eye
      1m 13s
  13. 26m 26s
    1. Applying filters
      5m 6s
    2. Adding effects
      3m 0s
    3. Using layer styles
      3m 36s
    4. Using shapes
      8m 25s
    5. Using the Cookie Cutter tool
      2m 54s
    6. Converting color to black and white
      3m 25s
  14. 7m 35s
    1. Creating text
      4m 7s
    2. Editing text
      3m 28s
  15. 27m 26s
    1. Making a photo collage
      7m 15s
    2. Stitching a photo panorama
      3m 43s
    3. Saving for the web
      6m 40s
    4. Creating web galleries in Bridge
      6m 47s
    5. Creating a PDF slideshow
      3m 1s
  16. 4m 34s
    1. Printing photos and contact sheets
      2m 49s
    2. Sending photos by mail
      1m 45s
  17. 23s
    1. Goodbye
      23s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
Please wait...
Photoshop Elements 8 for Mac Essential Training
6h 41m Beginner Oct 13, 2009

Viewers: in countries Watching now:

Photoshop Elements 8 for Mac Essential Training highlights the important features of this comprehensive image editing application. Photographer Jan Kabili shows how to use Photoshop Elements 8, along with its companion program, Bridge CS4, to organize and edit photos, build projects like web galleries and photo collages, and share photos with family and friends. Jan dives deep into the application's editing tools, which rival those of the full product, Photoshop, in their ability to take snapshots and turn them into great photos. Exercise files accompany the course.

Topics include:
  • Finding photos by keywords, ratings, and filters
  • Fixing group shots and merging multiple exposures with Guided Edit
  • Correcting photos automatically in Quick Fix
  • Adding adjustment layers to correct color and lighting
  • Eliminating red-eye in portrait shots
  • Reducing digital noise
  • Preparing photos for the web
Subject:
Photography
Software:
Photoshop Elements Elements
Author:
Jan Kabili

Combining images with layer masks

One of the techniques for which I get the most requests in Elements is to learn how to join images together, to make new layered compositions. To do that I am going to show you how you can fake a layer Mask to make a joint image look really professional. First, I am going to set things up here. I have two images open, each in a floating document window. I will move those apart a little so you can see them by clicking on the Title Bar of the plant image with the Move tool selected in the toolbar and dragging. Now, both images are too big to fit on my screen, so I am going to zoom out by selecting the Zoom tool, clicking the Minus symbol in the Options bar, and putting a checkmark next to Resize Windows To Fit.

Then I am going to click twice in the plant image and drag it over to the side. I will do the same in the lizard image, clicking twice, and now I can see both images. Before I start to combine these images, let's take a look at the layers in each image. With the document window for the lizard. jpg, the active one, notice that there's a single layer in the Layers panel. It's called the Background layer. I will click on the Title Bar of the plant image and notice that it also has a single image and notice that it also has a single layer, its own Background layer.

Notice that I am leaving both images in floating document windows like this. I think that's easier than combining images when the images are docked into tabs like this. If that happens to you, you can undock the images by going up to the Arrange Documents menu here, clicking, and choosing Float All in Windows, and then dragging the two images apart. Now, the first step in combining these images is to drag one into the other. So I am going to drag the plant image into the lizard image. To do that, I will select the Move tool in the toolbox.

I will click on the plant image to make it active and then I will click and hold in the plant image and drag into the lizard image. Notice that there is a faint gray border appearing, as I move my mouse over the lizard image. When I see that border, I can release the mouse and the plant image now appears on top of the lizard in the lizard image. If you take a look at the Layers panel, you will see that that's created a brand new layer automatically called layer 1. So that's one way to do it, and now with layer 1 selected and the Move tool selected, I could move that layer into place.

But I am going to Undo, pressing Command +Z a couple of times, until there is no layer 1 in the lizard image, because I want to show you a way that you can drag one image into another and have them automatically line up. So I am going to do that again, I will click once on the plant image, then I will click and hold and start dragging into the lizard image. When I see that light gray bounding box , I am going to press and hold the Shift key on my keyboard and then continue dragging and then release my mouse. This time when the plant comes into the lizard image, its layer is aligned with the Background layer.

If these layers weren't exactly the same size, then the plant layer would be centered on top of the lizard layer. Now that I have both images together in one document, I can close the plant image, so I will click on it once and then I will click the red button to close the plant. Then I am going to take that lizard image and drag it over here, and I am going to make it bigger by double-clicking the Zoom tool. Now take a look at the Layers panel and you will see the two layers, layer 1 that contains the plant and the Background layer that contains the lizard. I am gong to rename the plant layer by double-clicking the default layer 1 name and typing 'plant', and then clicking off of that text-editing field.

So now what's happening is that the content of the plant layer is completely obscuring the content of the Background layer below. I don't want that, instead I want to blend the lizard from the Background layer. I will show you that by holding the Option key and clicking the Eye icon on the Background layer, and I will do that again with the plant on the top layer. So for that I need to use a layer Mask. Now unfortunately, in Elements, there is no direct way to create a layer Mask, but there is a workaround, and that's what I am going to show you now.

The first step in creating what I call a faux layer Mask is to select the bottom layer here, so I will click on the Background layer in the Layers panel. Next I am going to create what's called an Adjustment layer. Now, normally Adjustment layers are used to correct photo characteristics, like lighting or color in an image, but I am going to use an Adjustment layer for another purpose, to make use of the layer Mask that comes with every Adjustment layer. To create an Adjustment layer above the Background layer, I will go down to this black and white circle icon at the bottom of the Layers panel.

I will click and that brings up a menu of Adjustment layers. I can use Levels, Brightness, Hue/ Saturation, any that I want, because I am not really going to use any of the controls in this adjustment. So I will just select the Levels Adjustment layer. That brings up the Adjustments layer, which I really don't need and causes the Layers panel to collapse. So that I can see the layers panel better, I am going to close the Adjustments panel by clicking the panel menu on the right of the Adjustments panel and choosing Close. Then I will double-click the layers panel, and to give more room to layers panel, I move my mouse over the border between the Layers panel and this Effects panel about it, and then my mouse changes to a double-pointed arrow and I am going to drag up.

Now you can see that above the Background layer is a brand new layer called Levels. This layer has two thumbnails on it. It has one thumbnail on the left, representing a potential levels adjustment, and another on the right, representing the layer Mask that comes with all Adjustment layers. I will tell you more about Adjustment layers later when I am discussing how to adjust photo qualities of an image. But for now I would like you to focus on this layer Mask, which I am going to use to make my composite image. First of all, I am going to clip the Levels layer, the one with the layer Mask to the layer about it, the plant layer.

The way that I am going to do that is to hold down the Option key and move my mouse over the border between the Levels layer and the plant layer. When I get right on top of the border, the cursor changes to this double-circle icon, and at that point I am going to click. Notice that the plant layer is now indented to the right, and there is a very faint bent arrow to the left of the thumbnail, indicating that the plant layer is now clipped to the Levels layer. The underline under the Levels layer name is another indication that these two layers are clipped together.

Now I am going to make sure that I have selected the layer Mask on the Levels layer, and I see that I have because there is a double border around the layer Mask. Next, I am going to go over to the toolbar and I am going to click the double-pointed arrow to make it a double column toolbar, so that I can see the foreground and background color boxes at the bottom of the toolbar. When I have the layer Mask selected, the only possible colors in these boxes will be black, white, or gray, and that's because a layer Mask is a Grayscale element. I want to foreground color to be black.

If it isn't, I will press the D key on my keyboard to set the foreground color to a pure white, and then the X key, and that sets the foreground color to black. Then I am going to get the Brush tool in the toolbar. I will move into the image, and I am going to press the Right Bracket key, until my brush is really big, like this. I also want to hold the Shift key and press the Left Bracket key so that my Brush Tip is soft. Now I am going to paint with black directly on the mask that's on the Levels layer. As I do that, that mask will be hiding the content of the plant layer wherever I paint, allowing the content of the Background layer below to show through.

So now I can see the lizard over here on the left, and I can see the plant over here on the right. So that you understand what is happening, I am going to go over to the layers panel and I am going to hold down the Option key on the keyboard, and I am going to click on that layer Mask on the Levels layer. That reveals the layer Mask here in the document window. I am going to make my brush a little smaller so it's not in the way, by pressing the Left Bracket key. You can see that where I painted with black on this layer Mask is the area that's hidden on the plant layer, and where I left the layer Mask white, the plant layer is still displayed, and where there are some gray pixels in between caused by the soft edge of the brush, the content of the plant layer is partially visible.

So I will Option+Click again on that layer Mask, so that you can see the blended image. So that's one way to do it is to use the Brush tool with a soft edge. I am going to undo that to show you what I think is a better way, and that is to use a black to white gradient on the layer Mask to blend these two images. So I am going to hold the Command key and click the Z key once, and that removes the black paint from the layer Mask. I still have my Levels Adjustment layer here, and I still have the plant layer clipped to the Levels Adjustment layer.

This time I am going to go over to the toolbar and click on this tool, the Gradient tool. Up in the Options bar for the Gradient tool, I can see a representation of the gradient I am about to draw, which will be black on the left and white on the right. By default, the gradient is set to show the foreground color and the background color. If your gradient isn't black and white like this, click on the Gradient here in the Options bar to open the Gradient Editor and make sure the first preset is selected right here, and then click OK. Now I am going to come into the image, with the Gradient tool.

I am going to start over on the left and I am going to click and drag a line, and the length and the direction of the line will determine the gradient that I draw. I am going to stop in about the middle of the image and that draws a gradient that's dark over here, so part of the plant layer is being obscured over here, and then it's fading into gray, so there's some part of the plant layer that's partially visible. And then where the gradient on the layer Mask is white, the plant layer is completely visible, obscuring the Background layer. Now, I really don't like that result, so I am going to try again.

You can draw this gradient line as many times as you wish. So I will start on the left and I will click and drag, and this time I am going to go further, all the way over where the red plant is. That shows more of the lizard, obscuring more of the plant because there's more black area here. I can fine tune this with the Brush tool, selecting it, making sure that I have black as my foreground color, moving into the image and maybe making my brush a little bigger. Holding the Shift key and pressing the Left Bracket key to make sure that the brush is soft, and then painting where I want to be sure to see that lizard.

I think that this method creates a softer blend between the two images. I will show you the layer Mask so you can understand why it's working the way that it is, by holding down the Option key and clicking on the layer Mask on the Levels layer in the Layers panel. So here you can see the soft gradient between black, that's hiding the plant layer, white, that's displaying the plant layer, and the grays that are partially displaying the plant layer. And then the area where I painted with black over the lizard to make sure that that area of the plant layer is completely obscured so the lizard shows through.

I will hold the Option key and I will click again on the layer Mask on the Levels layer. So that's how you can create a faux layer Mask, to make a professional looking blended composition from multiple images like these.

Find answers to the most frequently asked questions about Photoshop Elements 8 for Mac Essential Training.


Expand all | Collapse all
Please wait...
Q: I have learned about keywords, but I need to learn more about IPTC and keywords. Specifically, when I add keywords (under the IPTC tab), must they be one word only?
A: A keyword can be more than one word.
Share a link to this course
Please wait... Please wait...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Photoshop Elements 8 for Mac Essential Training.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Welcome to the redesigned course page.

We’ve moved some things around, and now you can



Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked