Photoshop Gradient Mask Tutorial – Soft Vignette Photoshop Gradient Mask Portrait CC

Photoshop Gradient Mask Tutorial – Soft Vignette Photoshop Gradient Mask Portrait CC

October 5, 2019 9 By Peter Engel


Hi I’m George Peirson and in this video we’ll be using a Photoshop Gradient Mask to help us combine this picture of a girl with this kind of a fantasy background. Now if you enjoy this video make sure you click the Like button, and also Subscribe to my channel. If you want to learn everything about Photoshop take a look at my complete training titles and you’ll find links for those in the YouTube cards and also down in the description. Okay, let’s get to it. [Music] We’ll be using a Photoshop Gradient Mask to help us just combine these pictures. There’s a Gradient Mask back here as you can see giving us this vignette on the background. There’s a real real small one just right around the figure of the girl here just to soften the edge up just a little bit, and then kind of a medium level Gradient Mask right in here you can see right there on this one photo filter to help blend the photo filter into the photograph so we have three different gradient masks in here now before we do this project let me just show you quickly exactly what a gradient mask is and the reason why it works so we’ll start off with a brand new file I’ll get rid of that one and it’s got a pretty file new and there it is right there default Photoshop size it’s simply a with the 7 a height of 5 and a resolution of 300 choose create and give us a nice blank file in here theory like here’s our blank file now I’m going to just colorize the background Herald’s put any other color back here doesn’t really matter I’ll choose kind of a blue here we go me a full saturation blue in here and let’s fill our background let’s now add another layer above this you know there button right there here’s a new layer let’s fill this with yellow again any all yellow doesn’t matter and paint bucket theory goes have yellow in front of a blue let’s now put a layer mask on the yellow and use that to you blend this into the blue in different ways so let’s make a layer mask there’s our layer mask button notice that nothing has changed right now that’s because the layer mask is white white is show also we’re seeing everything of this layer what the layer mask does is it hides parts of this layer allowing the background layer it over below to show through we can demonstrate that easily here I’ll just grab the rectangular marquee up there and do that and then let’s just fill this with black notice that I’m on the alarum asks I’d see the outline right there and our colors have changed to just black and white okay paint bucket and fill and there we go I’ll go ahead and deselect that so the bottom is now white and white is showing this layer the top is black and that’s hiding this layer showing the layer underneath that’s the basic concept behind the layer mask now a gradient mask is just a little bit different and that we use a gradient instead of just solid colors so I’ll grab the elliptical marquee again here and this just dragged a little bit of a spot just like that right there that’s good I’m still on the layer mask now instead of using just the Paint Bucket I’m going to change this over here to the gradient tool and thus make sure the gradient is set at foreground background area are black to white and I’ll drag a gradient just straight across like that and there we go so you see what happens we now have a gradient in here it gets black at the left and it’s white at the right and or the different values of gray are we get different amounts of blending or show through on that particular layer so it allows us to go ahead and do that kind of a show through the me just go ahead now and deselect this there we go and that’s it that’s the idea behind a gradient layer mask right there all right let’s go ahead and use this basic concept to do a little bit of photo work I’m just going to get rid of that there we are we’ll start off again with a brand new file so file new and once again we’ll use the default Photoshop size 7 by 5 at 300 choose OK or create and there it is I’m just going to expand this just to fit on screen there we are and let’s reset our colors back at their defaults ok everything is now reset I’m going to first bring in our background layer you know I have it sitting right in here there we go here’s a layer picture I’m just going to float this grab the back one just drag it over they were a really easy way to do that and this fit this into Versailles it to fit that looks good do a control t keep our short cut to bring up our transform handles and I’m just going to stretch this out to fit the background there we go and look at our check mark there it is there’s a little bit of a lens reflection right here on this particular layer let’s just go ahead and get rid of that fix that real fast and we’ll use the clone stamp tool for that and nothing specific in here mine set at 45 and a soft edge which is okay I’m just gonna clone from right down here I’ll click and then just kind of paint up and lose that a little bit of a lens reflection okay fixes that let’s now bring our girl in on top of this open again and there’s the picture right there now I have links for both of these on my video support page and you’ll find a link for that in the description or up in the YouTube cards as well let’s just float this out drag her over there we go she’s now inside I’m gonna bring her right down to the bottom right hand corner and then ctrl T again and that’s hold the shift key down this time so we don’t distort our proportions and all just enlarge her a bit just to like we kind of filled that screen there we go just like that so just fill the screen and there it is now on this will be doing a selection around the girl and the rose and because of the hair up here I’ll be using the layer mask technique with the refine edge so it’s most gonna be refined edge work which means we’d be doing our selection outside but refine edge won’t do this area down here the shirt or the area in the back and I can already see what’s happening back here so let’s do a little temporary thing so we can see this a little bit better and we’ll do that with an adjustment layer so layer new adjustment layer and on the levels I’ll just clip this to that one layer there we are and using the middle control here let’s just fight in the picture up so I can really see what’s going on back here that’s about as far as it goes as you can see down here it just goes pure black there said there’s nothing really there to work with but I can bring it up enough so I can begin to see where the back kind of comes in a bit right down here somewhere okay back to our layers come down to the layer with a girl on it now normally when I’m making a selection I like using the pen tool making a path making path adjustments and so forth this time it’s not important because be doing our selection mostly with the refine edge technique so I’ll just change my tool here to the polygonal lasso tool to just fast and easy and it’s zoom in a couple of shots just like that and with the polygonal lasso tool start right down here the back is kind of you can kind of see it so I’ll start just off the screen right down there and all just kind of knocking where the back should be here and when I get up here to this neck area I’ll just kind of come along as this isn’t that critical on this picture so this is a real nice fast tool and when you’re using this particular tool you click four points and then Photoshop combines those puts lines between your points make sure you don’t click too quickly or it’s going to collapse your selection you have to start all over again that’s the only real thing to watch how far I’ll come right there to that corner where these shirt meets the back of the deck yeah from this point just come out a little ways out up this you don’t overlap so up just a little bit and then out hold the spacebar down we can move the picture like this and then very quickly I’ll just make this a nice selection right around the girl’s hair here and little space bar right there and we’ll continue this clear around and then use that refine edge to make the actual selection okaywell come down to here need to be a little bit careful I want to come in right between the nose and the rose and I want to leave space I can come back through there a second time and I’ll see what that’s all about here in just a second now we’re back down here to the shirt again and it’s black on black the refine edge is just not going to get that for us so come right back into the corner again and let’s do this a little bit more carefully in here following the edge luckily on this with the black background and the black shirt if you’re a little bit off here no one’s ever going to see it it’ll look like this part of the shirt okay just come back around there we go and follow this on down and then just off-screen right down there just off the picture let’s drag it over again staying just outside and back in and again now we’re gonna be working with the part that we’ll be using the refine edge on I’m just gonna lose that one leaf right there and let’s just work our way around these are losing that one leaf is it actually is pretty dark in there is it gonna be missed by the refine edge anyway so I’ll just lose it right now now here is where we needed to stay kind of close to the nose so I have space in here to come in and around the rows all right let’s just finish this off I guess they’re just a little ways away and come clear around and then back off again just like that now this time come down below this line you don’t on a cross over come below this line straight across hold the space bar down pull it back over again and right back to your starting point it’s a little circle that shows up right there that means you’re on the starting point click there that then finishes off that’s selection okay let’s go ahead and fit on screen there we are let’s now use the refine edge tool I can hide our adjustment layer that’s no longer needed and let’s go up to select and select down mask right now I’m in Photoshop 20:17 CCE 2017 and in this new version here of photoshop gets called slick and mask if you using an earlier version of Photoshop like Photoshop cs6 or cs5 is going to say refine edge it’s basically the same thing the look of the tool is just a little bit different but it’s basically the same tool you’ll click on that there we go I am using the overlay view here which is the one that I always use and I leave all these settings at their default settings and then will simply come in here you can see how we have the tool right there and you put the plus sign outside of what you want to keep overlapping the area that we have in there and then the refine edge tool is going to find that edge and make a real nice clean selection for us now the new version of this in 2017 kind of re figures the whole mask the whole time you’re doing this it’s an interesting adjustment of how this tool works so as you go around you’ll be seeing little changes in the mask you know all over the place as you’re working on the mask before but just kind of fix just what you’re right next to now kind of readjust re figures the whole thing you see a little stuff like this don’t worry about that we’ll take care of that you in just a second now if your selected area up there is too large just come back with a second passes right over like that and actually clean that out again don’t worry about those little bit of darkish areas that are appearing outside they may go away as you continue to work you’ll see here it’s figuring it out and it’s even making changes down here you see how that stuff is changing a little bit as we work around it actually does a real nice job this latest version of this tool is a real nice toilet as a great job at finding those edges took it right down here just right down to the shirt that’s all been done ok let’s now come in and we’ll just go around the rows here it’s a little bit slower than it used to work because it’s refiguring the whole edge each time you do this instead of just a part you’re working on so I’ll tend to do a little bit wait for a second let it go ahead and do its figuring and then come right back in on it again of course the faster computer the faster that’s going to happen I’m just using just an average computer right now I like to keep things real typical for these videos not use anything really outlandish ly fast or we look kind of unbelievable on what I was doing so it’s a standard computer and standard speeds let’s go ahead and finish off our just about done now with this right down to there and that should take care of the basic settings in here now there’s a little bit of this kind of stuff showing out around here just a few little spots a little bit of kind of smudge enos you know right down here right over in here we can clean that up okay on contrast just bring the contrast up as you bring this up it’s going to increase the contrast and that will be getting rid of that smudge enos so bring a whiff maybe about a third of the way up in here and that just about cleans all that out looks real nice and clean now so there we go there’s our basic selection maybe a little bit right there little touch on that spot and that looks good okay choose okay and this will give us our basic selection now I could have it worked on a feathering right here but I don’t want to do that we’ll be doing that as a later step and there’s the selection just click on the layer mask button at this point this is a hard-edged layer mask let’s now soften that down just a little bit just a real slight gradient just run the layer mask side notice there’s the outline go up to filter come down to blur and Gaussian blur and I’m going to be giving this a blur of just one pixel you just feathers the edge just ever so slightly and that will help to give her that real hard edge and help blend the picture in just a bit there we go okay so there is the first of our gradient masks real real slight one pixel gradient on that let’s now come down to the ground layer and we’ll do a larger grid on this to go us that vignette effect in here so I’m on this layer let’s change the tool up here to the lasso tool just a regular lasso tool and I’ll start just off the picture right down there and come around the rows in and up around the head like this and on the back and straight across the bottom back to our beginning point giving us just a nice little simple selection let’s turn this into a layer mask click on the layer mask button again and here’s our layer mask now the background white want to change the background to black so it’s come down to our background layer we have black as our foreground color that’s fine let’s change this tool back to the paint bucket tool click inside here and it gives us a nice black background okay we want to now blend this edge by using a gradient mask on us changing that to a gradient and that’s up on this mask look for that outline of course make sure you see the outline around the layer mask and not the picture and then go back up to filter come down to blur and then down to Gaussian blur there’s our one pixel I’m going to back out just a bit you’re just gonna see the actual layer mask there’s the edge now if I begin pulling this over here to the right it’s going to soften up that edge and the more I soften that edge the more it’s going to begin to blur that background now one thing about the blur notice that it blurs out and in so right in the middle of that is the actual edge it’s blurring towards the outside and towards the inside its not blurring away it’s blurring both directions now it’s important to keep that in mind because as I pull the blur up is be going to be taking this grating and moving in towards the center as well and at some point you would lose your Center if I pull sway up here you can see how the right through the center begins going dark we’ve taken it so far that we actually lose the white part in the center of that mask I don’t wanna go quite that far up so I want to have some whiteness in here some full value but I want it real soft real nice gradient on that one and the number that I actually used in my demo is 189 so it’s real soft it’s just a little bit of light left in here and then a real soft gradient on that layer mask giving us that nice kind of vignette effect in there on the background she was okay there’s a real soft edge gradient now I want to bring the girl in a bit better to the background and there are two things about that I want to bring her colors in a bit closer to the background and I want to bring equality of the background closer to her she’s very very sharp very very contrast II actually so let’s start off with that one we’re down here on the background layer still go up to a layer and come down to a new adjustment layer and levels and let’s clip this right there clip this to that one layer choose okay there’s our levels now by pulling the left side in I can increase the darks that increases the contrast on the dark end and somewhere around in here looks pretty good right you know high 30s mid 40s in there somewhere maybe as high as 50 this brings in some contrast again and then I can bring down the values just a little bit up here by pulling the gray mid-tones towards the right if I go real far see if we go to the right it darkens it down it’s go to the left lightens it up I want it just a little bit darker than normal normal is one so just a little bit beyond that maybe about 95 or 93 kind of like that so just darkens it background down a bit we’ve increased the contrast a little bit maybe a little less contrast II about 36 looks pretty good and by doing that the quality of that background is more in line with the quality of the for gram value this a real nice contrast in here in the Rose for instance so by increasing the blacks you’ve increased the dark and contrast and that helps to bring the values closer together and just a real slight darkening down lift the whites alone on this one if you want you can brighten the whites up but I like it a little bit darker in the background so that she really pops out in the foreground making this kind of back then yet okay so that takes care of that one so we’ve fixed the background layer real nice soft gradient mask in there let’s now bring her colors closer together in here now there’s a lot of green in the background so real green picture so you can bring some green in here and we’ll do that with a photo filter so layer adjustment layer coming down new photo filter again I’m clipping this to that one layer that’s very important you don’t want this changing the colors of the background at all and the one that I liked down here was under water which Ashley is kind of a green value there’s a green value it’s still a bit too too thin so I’m going to increase our density on the photo filter darkest things down and makes it even greener and get up here somewhere about 63 percent or so and at this point the values in here in the back of her head seem to begin to blend in with the values of the colors in there so we’ve kind of mashed our green sense in here so it looks like she’s part of that environment a little bit better of course the face is no good I don’t like that but we’ll fix that in just a second so we’re kind of bringing our colors closer together with this photo filter again I use 63% on the density quite a lot now to help to blend this in and bring her face back again we’re on our layer mask slide over here we have black as a foreground color go to the paintbrush and actually there’s the size my papers right there it’s actually at 243 pixels soft edge brush 100% soft edge there’s a hardness at zero size to 43 and I’m just going to paint black onto the layer mask just right over the face a little bit into the hair up here maybe just a touch into the ear right there and of course get the rose as well just that now because it’s a soft edge brush there is a very slight gradient on that layer mask but it’s so kind of a hard hard ish edge in here we can tone down the hardness of that edge just by blurring this out just a little bit same trick as before go up to filter come down to you blur and Gaussian blur and I’ll pull it way down to zero again am i pulling it up we can soften down the edge right in here yeah the one I use – was up around 35 I’ll just type that in 35 there we go now if I preview this take it off and put it on if you want right in here there’s what it often ignore to kind of see the edge of where that brush was right in there by just using a little bit of a Gaussian blur we can soften down the edge and that not blends nicely right into the hair and there’s no edge apparent choose okay so there we go kind of a medium edge gradient mask so we have three gradient masks being used now we have the gradient mask on the girl herself which is just a one pixel real small on the edge we have kind of a medium one right up here 35 pixels softness on that edge plus of course the softness from the brush is a little bit more than the 35 actually and then down here real large softness that nice soft blend off in the background so there you go using those gradient mask ingredients on the layer mask to help blend in these different areas make se the masks directly if you hold the Alt key down and click on the layer mask it brings up just that layer masks there’s the gradient mask right there real soft gradient a little bit of pure white in here pure black out here and then real soft there is the girl it’s very very very very subtle softness on that is real quick gradient and then here is the one for that underwater filter nice little soft gradient again helping to you blend that in with the area underneath so there we go there is our finish again using quite a bit of use of the gradient mask on the layer mask in here to help blend all this stuff together there it is Photoshop gradient mask giving us this nice background vignette on this portrait thank you for watching my video I hope you found it useful if you like this video click on the like button below to let others know you can click the subscribe button so you don’t miss any of my videos in the future and frequently uploading new training videos don’t forget to check out my website at how-to gurus ENCOM