Beautiful Color Grade In Photoshop Homecoming Poster Copycat 6

hi welcome back to another very exciting cup cat Wednesday here at the my name is Isuzu Maris thank you so much for joining me today I hope that you're staying healthy and safe during this lockdown as you probably already know topic on Wednesday is a new series on this channel where I show you how to recreate your favorite designs including album covers book covers movies or TV posters and pretty much anything else last week we recreated the Joyner Lucas ADHD album cover and today we'll work on recreating the brown and green color grade from the TV show homecoming poster I haven't seen the show but I really like the poster and I thought that will be fun to recreate let me know in the comments below if the show is any good and if I should watch it also remember that you can leave your suggestions for future copycat Wednesday episodes below in the comments in today's tutorial we're going to work with gradient Maps adjustment layers and Smart Objects to recreate this effect as usual I don't know how the original artist created the image I'm just showing you my take on it like everything else in Photoshop there is a lot of ways of achieving the same result the point of copycat Wednesday is to show you how I would reach a result and teach you new techniques that you can use in your projects although I'm using images similar to the ones found in the poster I'm not concerned with subject matter in this tutorial my goal is to replicate the color grade if you would like to follow along with me then check out the link to the tutorial images in the description ok let's get started with today's copycat Wednesday okay this is the images that we're going to work with I'm going to work with this background layer and this photo of this model let's start with the background we want to make this background green and one of the best ways of achieving that effect is by using the gradient map the gradient map allows you to apply a color to an image based on its luminance value if I click here to bring up the gradient editor you'll see that I can make the darkest colors of the image any color that I want by adjusting this swatch so if I click here I now select a color to make the darkest color so my image so if I select blue you'll notice that all the shadows become blue if I make it black then all the shadows become black and it basically makes a black and white image because the brightest color is white so if I change this to maybe yellow now the brightest colors will be yellow so that's how this works and this is what we're gonna use to create this effect and one thing I should mention is that I have reversed unchecked so that way the colors on the Left control the darkest colors of the image and the colors on the right control the brightest values of the image anyway so let me just open this up and this first stop the one that has location as your percent which means that it's right on the edge I will make that shade of green and the shade of green that I want is right about here and I'll brighten that up a little bit so maybe put it right about here like so and I'll press ok now let's work with the other swatch which is on the other side at 100% location and other will click to change the color the color that I want is a bright green so once again I'll select the green that's right about in the same area and I'll press ok I don't want this here in the corner I actually want the location to be at 75 so I'm gonna click and drag this over to the left so that it comes here at 75 percent and then I'll click to create another point and when you click to create a point in the karidian you'll duplicate the last color that you had active so that's why we have the same color twice I can double click on it to open up the color picker and I can just brighten this up and make it just a bright shade of green like so and I'll press ok I'll press ok one more time and this is my resulting image you can always adjust how the image is affected by the gradient map by creating a levels adjustment layer and then just adjusting the brightness of the image so that it gives you a different result what I'm doing here is just creating more contrast and maybe we'll brighten up some pixels here and click and drag on this point as well to the left so that no pixel is completely white is just off-white so before and after it's a subtle effect but I think it works it brightens the background here next what I'm going to do is make sure that I have the brush tool active my foreground color set to white and a hardness of 0% to paint with a soft brush then click on the new layer icon to create a new layer and click once in the center to create this highlight and I'll call this layer highlight next I'm gonna blur the background a little bit so select the background layer it's already a smart object because it is a cloud element from Adobe stock if your image is not a smart object you can right-click and select convert to smart object in this case I don't need to do that but if your image is not a smart object I recommend that you turn it into a smart object so you can work non-destructively that means that you can always come back and make edits to your adjustments I'm gonna apply a filter now I'm gonna go into the filter menu and select blur Gaussian blur and I'm just gonna adjust a filter to about 3 pixels so that we get a blurry background I'll press ok and that's my result if I click on this down pointing arrow you can see the before and the after it just blurs the image a little bit and that's what we want so I'm gonna select this background layer hold shift click on the layer on top and press ctrl G command G on the Mac to put that into a group and I'll call this group background so this is gonna be our background layer and to keep things organized I can right click and give it a color and I'll select green so now we have this green group here so now let's work with the mono layer you can click on the tab to open up your second image and what I need to do is extract her from her background the easiest way to do that in the latest version of Photoshop is to use the remove background feature under quick actions in the properties panel if you don't have the properties panel enabled you can go into window and properties make sure that your layer is not locked if the layer is locked you can click on the lock to remove it and then you'll see the remove background actions button and you can click on that to make a selection and a layer mask just with one button that gets rid of the background this quick action uses Adobe sensei which is artificial intelligence machine learning technology that finds the edges of your main subject and it creates a mask base on those edges if you're in an older version of Photoshop no worries what you can do is simply use the quick selection tool click and drag over your image and then click on the layer mask I can to create a layer mask based on your selection what you can do now is create a solid Couture layer just so that you can have a background and you can better see what's going on the color really doesn't matter but it should be something that really defines the edges and the first thing that I'll do is I'll click on this layer mask and then click on select and mask from the properties panel I'm currently in the black-and-white view which allows me to see my layer mask and I'll smooth out the edges of this mask and increase the contrast which makes them sharper and I can shift the edge inward and I'll press ok in some cases you may still have a faint color fringe here like this white outline and what you can do is use one of photoshop's most underutilized filters if you're going to filter you can go into other and select either maximum or minimum to expand the mask or to contract it I'll select minimum to contract the mask and notice what happened there before and after this filter can contract a mask based on a number of pixels in this case 3 pixels and you can see the effect that that created so we got rid of that fringe and that's what we want to do you also get an algorithm that helps you preserve either roundness or squareness in this case since we're working with a human being it's obviously an organic element roundness will work best I'll press OK to apply that adjustment to my layer mask notice that I haven't touched the hair yet and that's because I'm gonna do that in the next step so I don't want any of those previous adjustments to affect the hair because the edges of her hair are very different than the edges of the rest of our body so what I'm gonna do is go back in to select the mask and I'm just gonna use the refine edge brush tool and click and drag around her hair like so to bring it back and I can press ok when I'm done so obviously this is not perfect but we're gonna adjust it and the way that I'm gonna adjust it is by holding shift and clicking on the layer mask icon to disable it then I'm gonna go into the channels panel and I'm going to see which channel has most contrast between the foreground and background so in this case the blue channel has more contrast so I'll click and drag it into the new channel icon to duplicate it then press ctrl I on Windows command I on the Mac to invert the color so now anything that was white is now black and anything that was black is now white what I'm gonna do now is go into image adjustment levels and I'm just gonna click on the black point and drag it to the right to make all those pixels completely black so that they become invisible and then I'll click and drag this one to the left to make all these light gray pixels white and I'll press ok with this channel I could now create a selection by holding ctrl and windows command on the Mac and clicking on the channel thumbnail which will load the bright pixels as a selection I can click on RGB go back into the layers panel and then create a new solid color fill layer and I'll just select a darker color like so then I can take this and drag it below my woman layer and watch the effect here I'm gonna zoom in and I'm gonna hold shift again and click on the layer mask thumbnail to bring it back and you can see now that we have this effect and what I could do now is select the woman layer thumbnail the one on top in paint with a soft brush using black to hide of this layer so I'm gonna hide some of those pixels and I'm gonna reveal the pixels in the layer below and I don't have to be perfect because remember I'm gonna apply a color effect to this image so you might be able to get away with a lot of these details that don't look right so totally up to you if you want to spend more time and fine-tune it like so and what I'm gonna do now is come back into this color fill layer create a group place that fill in there so that I can create a layer mask and then paint with black to hide these edges and the reason that I'm doing this is so that I can have the flexibility of bringing some of these pixels back if for whatever reason I need them I probably won't in this case but you always want to try to work none destructively so this looks pretty good and what I'm gonna do now is disable and enable that Slayer and maybe I'll change the color to something that's more similar to the colors found on her hair so you can just click and drag and find something that's appropriate and you can press ok when you're done what I'm gonna do now is disable this layer hold shift click on the layer on top so that both are selected and I'll right click and convert it into a smart object now that I have a smart object I can click and drag it with the move tool onto our tab with the background drag over it and then release and notice that Photoshop brings it in as a smart object and I can now continue working on it in this image if you need to you can scale your image in this case I don't think I need to scale or actually like the size that she's at and I'm just gonna bring it down a little bit what I'm gonna do now is create a gradient map over her so I'm gonna go into the new adjustment layer icon and select gradient map but I need to make sure that I clip it to the layer below so that this layer the gradient map only affects the woman layer a clipping mask simply means that the layer below will control the visibility of the layer on top so the active pixels of the layer below will control the pixels on the layer on top I can come into the gradient editor and apply a gradient so I'm going to start with this gradient that is at 0% and I'm gonna open it up and I'm just gonna select a dark brown color and press ok next I'm going to create another swatch here at 50% then I'll double click on it to open it and I will make it a brown color so I'm just gonna click and drag this up and I'll press ok and now I'm gonna work with this one here on the edge and I'll just make it white like so I think that the transition here is not working so what I'll do is I'll click here to add another swatch and I'll edit that you know make it a light brown like that one there and I'll press ok that's looking much much better and I'll press ok one more time one thing that I'm gonna do is zoom into her eyes because in the original image her eyes actually didn't have this effect applied to them and also her teeth this photo doesn't have any teeth so I don't need to worry about that but I do have to worry about the eyes so with the brush tool active I'm gonna paint with black on this gradient map layer mask to reveal the original color so that brings back the white on her eye and it doesn't have this brown effect like so although I'll click on the hand tool to fit the image to screen and you can see our resulting effect next I'm going to click on the woman layer and create a levels adjustment layer and again with the levels adjustment layer you can control how the created map is applied to the image because if we change the luminosity by clicking and dragging on any one of these points for example this middle one to change the contrast the brightness will change therefore the way the gradient map is applied will also change so you can adjust it any way that you want and this is why I was saying earlier that I didn't need to be too careful with the hair because I could just make those pixels darker and they blend in a little bit better so you can get away with a lot then I can click and drag on this point and move it to the left so that no pixel is completely white and this is looking pretty good what I'm gonna do now is select this top layer hold shift click on the layer on the bottom and press ctrl G command G on the Mac and I will call this layer model because this is where our model is and I'll make this group red so now we have two groups that contain all the elements and our composite and actually the one thing that I will do is I'll select this highlight layer press ctrl T command T to transform and I'll click and drag while holding alt to scale I'll just cuz I need to make that a little bit bigger so that you can see it behind her head I'll collapse a group and this is looking pretty good what I'll do now select both these layers right click convert it into a smart object so I can work on this image as a single photo now before I do that I'm going to double click on the smart object thumbnails to open it up in a new tab and I'm going to click on the crop tool to crop the image and then I'm gonna click and drag this handle down until it snaps and I'm gonna zoom in just cuz it is not snapping right on that edge there so I'm just gonna use the arrow key and actually that went weighed lower than I wanted it to let me adjust this by clicking and dragging on it like so so that I get that edge there and then I can click and drag this one up right about there and click on the checkmark to commit the changes I'll double click on the hand tool and it looks like I missed that bottom part so let me click and drag it up right there this is where I want it to go and click on the check mark to commit the changes once again I'll close my smart object and now I need to fix it on my working composition just select the move tool and drag it up like so and I can go into filter Camera Raw filter and work on it as a single image of course and from here I can make tonal adjustments to the image like make the shadows darker by clicking and dragging the shadow slider to the left I can add texture by clicking and dragging the texture slider to the right and clarity which is contrast in edge pixels and I'm gonna go into the FX icon and since we blur the background you'll notice that it's very smooth and whenever I blur backgrounds I like to add just a little bit of grains so that it's not so digital in smooth I'll fit the image to screen so that you can see what that looks like and I'm also going to add a little bit of a vignette this looks pretty good but I think that her skin might be a little too saturated so I'll go into the HSL adjustments tab and from here I can go into the saturation tab and adjust the oranges reduce the saturation of the oranges so you can adjust this accordingly and maybe even go back into the luminance tab and then adjust how dark her skin tones appear when you're done you can press ok I'm looking at the image I think that the gradient overlays a little too strong so what I'm gonna do is that we'll click on the layer thumbnail and this is one of the advantages of working with Smart Objects you can always go back and make adjustments for example I'm gonna go back into my model group here and I'm just gonna reduce the gradient map opacity to maybe 70% I think that looks pretty good I can close my smart object save it of course and the changes will be automatically applied to my working document and I think that this looks much much better and this is my final result obviously in your image spend a little more time fine-tuning these adjustments let me know what you think how did this color grade compare to the original if you liked it click on that like button now also let me know in the comments if you're enjoying this copycat Wednesday series and don't forget to comment your suggestions for future episodes also remember to check out the previous episode on recreating the Joyner Lucas ADHD album cover the link is below in the description I would also like to thank the following people for sharing their results using the hashtag ptc vids on instagram i really enjoy looking at everything that you all create these are fantastic thank you so much for sharing them with us and of course if you create something using this tutorial or any of my tutorials then upload them into instagram with the hashtag ptc vids by the way do you enjoy the Photoshop training Channel if you do then make sure that you are subscribed so click on that subscribe button now and if you already subscribed and do me a favor click on that notification bell now doing so really helps out the channel and it lets you know when a new tutorial is up thank you so much for that stay healthy and safe I'll catch you again in the next copycat Wednesday