Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member

Project 1: Removing a model from a background in Photoshop

From: Photoshop CS5: Creative Compositing

Video: Project 1: Removing a model from a background in Photoshop

In this project, we're going to have a ton of fun exploring how we can create a composite when we take a photograph of a person in a particular environment and then we extract the person from that environment and place them in another. Now these two images and the idea for this composite come to us by way of one of my students. And what she had in mind was to take a photograph of a person in one context and then to bring that person into another environment, another context and to create a kind of Alice in Wonderland kind of imaginative project.

Project 1: Removing a model from a background in Photoshop

In this project, we're going to have a ton of fun exploring how we can create a composite when we take a photograph of a person in a particular environment and then we extract the person from that environment and place them in another. Now these two images and the idea for this composite come to us by way of one of my students. And what she had in mind was to take a photograph of a person in one context and then to bring that person into another environment, another context and to create a kind of Alice in Wonderland kind of imaginative project.

So what we are going to do is we are going to explore how we can extract this model from this scenario and then bring her over here so that she's sitting on top of these books. All right well let's click in his image title girl.tif, and let's go full screen view mode by pressing the f key and then press Command+Plus or Ctrl+Plus to zoom in. Now one of the first things that we need to do is to figure out how we can extract her from the environment. Now whenever you're working on an image typically a good idea to start off by copying your background layer. Just so you have that extra added safety net in case you make any mistakes.

So here we'll go and press Command+ J or Ctrl+J to jump the contents of the background layer to new layer and then let's double-click the layer name and will name this girl. Next step, let's select the Quick Select tool. We can do so by pressing the w key or by clicking on it in the Tools panel. Well, what we can do with these tools, we can change our brush size by pressing the Bracket key. Right bracket key means a bigger brush, Left bracket key a smaller brush. Now we want a pretty small brush and what we are going to do is simply click and paint across the image.

Now as we do that, we will start to build up our selection. What will invariably happen is that we'll select a little bit too much of the image, so as you do this you'll notice that like in this case I've selected some of the grass in the background. In order to remove that, hold down Option on a Mac, Alt on Windows and then click and paint across those areas. Now the nice thing about this is that as you paint while holding down Option or Alt, on this background, you're informing this tool what you don't want to select.

So you're kind of adding to the equation. It's a pretty smart tool. It keeps that in mind as you work on the image. So again here I'm just going to go ahead and paint away a few of these areas, hold down Option or Alt to paint away some of that background, then make my brush a little bit smaller. Zoom in by pressing Ctrl + plus or Command + plus and work on some of those detail areas. So here we will work on those detail areas, so that we can get a pretty decent selection. All right with the hair, one of the interesting things with this image is we have this really backlit look here, the glowing color of the hair.

Now we may end up using that because it might be fun to have some color or tone behind the hair or we might decide to have a little bit cleaner or tighter or closer mask. We have to see how it looks as we start to work on the image. One of the other things you want to keep in mind is, I find it typically it's a little bit easier to remove from your selection than it is to add to it. So lot of times, you want to make sure you have a lot of the good content that you're going to need as you start to make this first selection. So, again, I just want to make sure and have a lot of this content here and kind of erring just a little bit on getting just a touch too much and that we can always sweeten that up or remove some of that later.

All right, well, so far so good. We have a pretty decent selection. The next step is going to be to create a mask. So first let's click on the visibility of the Background layer, so we'll turn that off. So we'll just focus on this layer. Then let's click on the Add Layer Mask icon. Now when we do that we get our first glimpse of our work. And I would say so far so good. On this transparent background it looks okay. Yet we need to make it better. So in order to do that we go to the Mask panel, and in the Mask panel we click on Mask Edge.

All right let's go ahead and open up that dialog. One of the neat things about this dialog is we can press the F key to toggle through the different view modes, and sometimes some of the view modes reveal something to us. Like this view mode which we can also access by clicking on the View pulldown menu or by pressing on its respective shortcut of B, Black. Here it shows us that these edges are not very good at all. We need to refine them. We need to make them better. So in order to do that, we'll first add a little bit of Smart Radius and bring this up.

And that alone will make all of your edges so much better. So again, increase this and what it's going to do is it's going to analyze some of that edge detail and create nice transitions and define those edges a bit more. Now we can also smooth things out. That will smooth out some of the little bumps and hiccups that we have in our selection. And Contrast will then bring back some of the definition of the edge. So I kind of think of Smooth and Contrast as working together pretty nicely. Feather, that gets risky to use. You know when you increase the Feather too much it just become soft and blurry and it doesn't work that well in situations where you're trying to extract a person from a context.

All right well I think so far so good. Let's take a look at how we've done. Press the p key, here's before and then here's after. I'll zoom in the bit, so you can see some the edge detail. Before, not so good there, you can really see it in this area along the arms, and then p, press that key again, and after and it's looking a little bit better. Now if ever we want to work more on edges we can always use this little tool here and we can paint across areas. And what that can do is that it can help Photoshop to start to define some of these little edges and refine them a bit.

This'll work especially well on the hairs, so we could remove some of this glow, if we wanted to kind of bring that back a bit there. So I'm just going to paint along this glowing edge and again take a look at how we can have Photoshop reel some of that in just a bit there. Paint with a bigger brush to do even more heavy lifting or more work there and you can see how we are starting to really tap that back as we go across these edges and try to extract more and more of that background. Now in this case because we're going for a bit of the imagination, some of the glow we want to keep in there and so we'll go ahead and do that.

We don't want to remove all of it. But we do want to get a little bit tighter there on that area of the hair. So again here we have that before and then now our after. It's looking a lot better. If ever you make a mistake with this tool, let's say you paint across something and you don't like it, well hold down Option or Alt and then paint again and you can see. You can bring that edge back out. So just keep in mind that there's a lot of flexibility when working with this radius and trying to define these edges. Now in my case, I've decided that I kind of want to take a little bit more of the glow away from the image.

I can always add it back later but I want a little bit of a tighter mask here. So I'm just painting more of this Edge Radius along this and just telling Photoshop, hey, pay attention to this area. Let's define this a little bit more and let's try to tighten up that area. Okay so far so good. There are a couple of other little areas I'm noticing down here by the book. We can have Photoshop take a look at that as well and see if we can get a little bit more of that out and that's looking nice. How about decontaminating some of the green there? Turn that on, you will notice that we lose a little bit of that grass color in the background, this just helps with the edges, where there's color in the edges.

And I'll look down here. So far I think that's looking really good. And we have a pretty decent selection. What I'm doing is I'm impressing the space bar and I'm painting across this. That little bump there I'll have to fix when I go back to my mask but again for the most part, we're in good shape. Let's take a look at this On Layers, just for transparency and we want to double check our work. Zoom out by pressing Command or Ctrl+Minus. Again, I think we have a pretty good extraction. A few little areas of course that could be even better but for the most part we're in good shape.

So here we can choose our output option. We can choose to output this to a new layer with the mask. So we have a separate layer with this mask on it. Let's go ahead and do that, and so we'll leave that there. Click OK. You see that we have this new layer with this mask built into it. Again it just gives us a little bit more flexibility. Now one of the things I need to do as a mentioned is I need to work on this little bump down here I'm noticing. Well to do so, click in your mask, grab your Brush tool and then paint with black or white and hear I'll just paint with black and what I'm going to do is just conceal that little bump.

It may be hard to see but nonetheless it kind of the sweetens up that edge a bit. I'll work on the shoe here too. It felt a little harsh in some of those areas and I think that looks good. And I'll just go through and check some of my edges, this book here, take out a little bit of that, and just bring a little more definition into that area, and again I'm just pressing the spacebar key, panning around the image. I'm noticing that I chopped off one of the knuckles there, so I'm going to bring that back here. I'll paint with white, and you can choose white by hitting the x key. The x flips between black and white, and just this little extra bit of adding some details on the hand is going to be pretty important, because if ever you have an odd shape of something that just doesn't look quite right, it won't feel right and so we want us to feel really good.

Press the x again just to paint away some of the green there, and now the hand is looking much better. Now of course we could spend a few more minutes touching up these details, but really I think for now we're in a pretty good place. So the next thing that we need to do, is we need to bring this model into the other image, into the other context, the other environment, and we'll explore how we can start to do that in the next movie.

Show transcript

This video is part of

Image for Photoshop CS5: Creative Compositing
Photoshop CS5: Creative Compositing

58 video lessons · 30721 viewers

Chris Orwig
Author

 
Expand all | Collapse all
  1. 2m 30s
    1. Welcome
      52s
    2. Using the exercise files
      1m 38s
  2. 20m 12s
    1. Combining layers with blending modes
      1m 36s
    2. Using blending modes and color adjustment layers
      2m 21s
    3. Layer blending and shortcuts
      4m 3s
    4. Creative project: Wisdom begins in wonder
      6m 23s
    5. Creating a flamenco dancer advertisement
      5m 49s
  3. 17m 39s
    1. Snapshot project: Using Auto-Align and Auto-Blend
      3m 27s
    2. Flag project: Combining depths of field
      3m 46s
    3. Nature project: Combining foreground and sky
      4m 47s
    4. Nature project: Adding clouds and creative color
      5m 39s
  4. 15m 28s
    1. Combining multiple frames
      5m 21s
    2. Cleaning up the details
      5m 5s
    3. Modifying color and tone
      5m 2s
  5. 11m 48s
    1. Combining interior and exterior architecture
      6m 57s
    2. Increasing drama and visual interest
      4m 51s
  6. 25m 27s
    1. Composite project overview
      4m 12s
    2. Masking multiple images together
      3m 28s
    3. Extending the canvas and adding elements
      2m 58s
    4. Enhancing the main elements
      1m 47s
    5. Cleaning up the background
      4m 27s
    6. Award-winning composite inspiration
      4m 30s
    7. Photoshop composite inspiration: Web sites
      4m 5s
  7. 1h 4m
    1. Project 1: Removing a model from a background in Photoshop
      9m 27s
    2. Project 1: Combining multiple photographs
      3m 23s
    3. Project 1: Working with shadows
      8m 15s
    4. Project 1: Adding light and color
      5m 18s
    5. Project 1: Working with curves and masking
      3m 45s
    6. Project 1: Final color and tone adjustments
      6m 56s
    7. Project 2: Combining multiple photographs
      7m 51s
    8. Project 2: Adding shadows
      7m 21s
    9. Project 2: Organizing layers and adding blur
      5m 48s
    10. Project 2: Adding film grain
      6m 19s
  8. 22m 58s
    1. Illuminating the eyes
      4m 16s
    2. Blending graphics with photos
      4m 25s
    3. Making final color modifications
      6m 19s
    4. Creative portrait blending
      7m 58s
  9. 25m 54s
    1. Working with color and tone
      3m 46s
    2. Adding texture
      4m 4s
    3. Adding film grain
      2m 44s
    4. Modifying texture
      4m 32s
    5. Darkening edges
      3m 34s
    6. Applying a creative color effect
      7m 14s
  10. 14m 39s
    1. Creating a selection of the TV glass
      4m 14s
    2. Masking the images into the selection
      5m 16s
    3. Modifying the color and tone
      5m 9s
  11. 27m 42s
    1. Extracting elements from their backgrounds
      6m 49s
    2. Removing the words from the book
      4m 31s
    3. Masking and image blending
      4m 35s
    4. Creating composite options
      4m 56s
    5. Enhancing the color
      6m 51s
  12. 11m 39s
    1. Setting the stage with color and tone
      4m 30s
    2. Working with textures and blending
      7m 9s
  13. 20m 31s
    1. Project overview
      4m 54s
    2. Using masking and blending modes for emphasis
      5m 8s
    3. Adding and modifying typography
      4m 55s
    4. Making final color and tone adjustments
      5m 34s
  14. 24s
    1. Goodbye
      24s

Start learning today

Get unlimited access to all courses for just $25/month.

Become a member
Sometimes @lynda teaches me how to use a program and sometimes Lynda.com changes my life forever. @JosefShutter
@lynda lynda.com is an absolute life saver when it comes to learning todays software. Definitely recommend it! #higherlearning @Michael_Caraway
@lynda The best thing online! Your database of courses is great! To the mark and very helpful. Thanks! @ru22more
Got to create something yesterday I never thought I could do. #thanks @lynda @Ngventurella
I really do love @lynda as a learning platform. Never stop learning and developing, it’s probably our greatest gift as a species! @soundslikedavid
@lynda just subscribed to lynda.com all I can say its brilliant join now trust me @ButchSamurai
@lynda is an awesome resource. The membership is priceless if you take advantage of it. @diabetic_techie
One of the best decision I made this year. Buy a 1yr subscription to @lynda @cybercaptive
guys lynda.com (@lynda) is the best. So far I’ve learned Java, principles of OO programming, and now learning about MS project @lucasmitchell
Signed back up to @lynda dot com. I’ve missed it!! Proper geeking out right now! #timetolearn #geek @JayGodbold
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

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.


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.

Join now Already a member? Log in

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 CS5: Creative Compositing.

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 preferences from the dropdown menu.

Continue to classic layout Stay on new layout
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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

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
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.