Create Backgrounds with Curved Perspectives! - Photoshop Tutorial

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
Hi there, this is Unmesh from PiXimperfect. And today we have a lot of stuff to do in Photoshop. We need to change the background, create the shadow, create the background pattern and also adjust it according to the curved surface and the perspective. Sounds like a lot, but it's actually not if we just understand the concept. I would never ever recommend you to memorise the steps because we forget it anyway. Just understanding the concept will make you, my friend, the master of compositing. So without any further ado, let's get started. Before we begin, a big thanks to our sponsors. This video is brought to you by Creative Market - the world's marketplace for design. If you're looking for high quality assets, Creative Market is a one stop shop for all your creative needs. For Photoshop users like us, they have an entire section of assets just for Photoshop, whether it is plugins, actions, presets, brushes and even layer styles. They have at all. There are several other programme specific assets for Illustrator, InDesign, Procreate, Lightroom and more. What I personally like the most about Creative Market is the variety of different plates that it offers. From Facebook, YouTube, Twitter, Instagram and what not to even Google slides, which is something hard to find. Besides beautiful stock photos, you can get high quality 3D assets that you can open in any 3D applications and it's great for composites. All of these assets are created by independent artists like you and I. So, whenever you purchase one of these products, you support one of us, which also means that artists like you and I can also sell our work on Creative Market. Check out their free goods of the week and many other high quality assets by signing up at ilove.CreativeMarket.com/PiXimperfect or simply click the link in the description. Back in the brilliant world of Photoshop. And if you want to go ahead and download this adorable photo and follow along, you guys already know what to do. Check the links in the description. The first step is separating the subject. So with the background layer selected, press Ctrl or Command + J, we always do this, and let's name this layer Subject Extracted. With the help of any of the selection tool, select it. At the top, you would see Select and Mask. Just click on that. Now we are inside Select and Mask. Let's set the View to On Black. Since the pet, the dog, is already mostly in white, let's choose On Black. What happens is when the Opacity is at 100, everything that is not selected will be in absolute black. When the Opacity is at zero, everything will show up irrespective of whether it is selected or not. So, let's keep it somewhere in the middle, at about 73 is good. With the help of the Quick Selection tool at the top, you can also choose Select Subject, but, I tend to do it manually. Just select the Quick Selection tool at the top and then just paint over our subject. There you go. So easily we have selected it. Now, if you want to see the missing areas, you can always decrease the Opacity and take a look at it and then paint on the areas that you want to be included. Do not paint over the messy areas or the fur areas which are around the edge, alright. We're going to take care of that later. But for now, just paint on the areas which you're definitely sure that this, my friend, is going to be inside the selection. Okay, so it's mostly done. Now let's just go ahead and increase the Opacity. Probably 85 is good. Now, around the edge, we just need to paint with the Refine Edge tool, the second one right there. Just like that. Make the brush a little bigger and just paint around the edge. And have a look, how easily it just manages that for us. Just paint on the messy areas, not too much outside. Also, avoid going little too much inside because that way, it's going to also erase areas that you don't want to erase. So, don't go too inside or too much outside. The goal is not to create the most accurate selection. The goal is to create a good selection, so that, after the masking, somebody looking at the composite for the first time, should not be able to tell that this is masked out from another image. Once you're satisfied with this, just hit OK. But also, before that, make sure that Output to Layer Mask is selected. Just scroll down and just change Output to Layer Mask and hit OK. Now, we have the subject extracted. If you don't have the background, you would be able to see that this, my friend, is extracted. But there is, my friend, a problem with this. Guess what it is. Let me just show that to you. So, if we just create a solid background.. so, with the background layer selected, I'm going to click on the Adjustment layer icon and then we're going to choose Solid Colour. With black, it looks fine. However, if you choose something of a lighter colour, look at the edge. See the edges just don't look right. Why? Because that has taken the original background's grey a little bit into the hair because the hair or the fur is so thin that it is going to take a little bit colour of the background. Now, it's a great thing that it did not originally have a green background. It would be a pain in the neck to remove the green fringes. So, I would personally always highly recommend that for still photos, please always prefer a grey background for compositing or masking purposes while photographing your subjects. I'm going to choose a hex code - cd201f. Hit OK. The edges look okay, but some areas like this, it just doesn't look right. So, we need to take care of the halos. And how can we do that? With the top-most layer selected, let's create one more layer at the top by clicking on the '+' button right there. Now, take the Clone Stamp tool, make sure Sample - Current & Below is selected. Opacity, Flow, both at 100 and make sure your Brush is soft. Hardness - zero or just simply choose the Soft Round Brush. Now, make the Brush a little smaller and let's start from right here. We will hold the Alt key or the Option key, click to take a sample and then paint around the edge. But, you know it's leaking, right? We want to limit it just to the edge. And the way we do that is by holding the Alt key or the Option key and click on the line between these two layers. This creates a clipping mask. Whatever you do now, even if it is painting like crazy with the Brush tool and then taking any colour, and if we paint here, it will be limited just to the layer, the area of the layer beneath it. Now let's get back to the Clone Stamp tool and take a sample and pick. Take a sample from the inside by holding the Alt key or the Option key and paint on the outside. Take a sample from the inside, paint on the outside. All right, we won't be using that extreme red colour in the background. But I just wanted to show you why we need to fill up the halos. Let's change the background by double clicking on the symbol and change it to something like dark grey where you can see what you're doing properly without straining your eyes with red. Let's get back to Layer 1 or let's just simply name it Halo fill. Fun, right? Hold the Alt key or the Option key, click to take a sample and paint over the edge. You can keep changing the background to other colours to check for the halos. Let's get back to Halo fill. Also, you can use the Brush tool, a simple Brush tool, and then you can sample the colours and paint around the edges. Let's get back to the Clone Stamp tool and do some of these areas. Now, anytime you feel like you have done a mistake, simple, just take the Eraser tool and simply erase that particular area in the Halo fill. All of this is non-destructive. Just keep that in mind. All right, it's mostly done. You can take more time to even clean it up even more. Now, the next step is after we fill up the halos, let's have a look at the before and after. So, here's the before. You can see the edges not clearly defined. And we can see a grey halo over there. If we just simply turn it on, it takes care of that. The next thing we need do is to clean up the Mask. So, hold the Alt key or the Option key and click on the Mask of the subject extracted. Now, here you will see there are or there might be some discrepancies. You can take the Brush, with white as the foreground colour, change the Blend Mode to Overlay. What that will do is it will only paint on the areas which are closer to white and not paint on the areas which are black. So, no matter how much I paint over here, it's just won't paint it. However, if I paint over here, see, it's filling up those areas. So, let's fill up some areas which are left out, like these areas. Also, the same will happen with black. If you press X and make foreground colour black, it will paint on the areas which are closer to black and not on the white areas no matter how much I try over there. Let's decrease the Flow to about 30% and then paint. All right. Now, this looks fine to me. Hold the Alt key or the Option key. Click on the Mask to bring the subject back. Now, at the bottom when I look at the legs, it just doesn't feel right. See, some areas were left out. So, hold the Shift key and click on the Mask again and take the Brush and simply paint those areas back in by painting with white in these areas. Now, keep in mind, the Blend Mode is Overlay. We need to change it back to Normal. Alright, that looks nice. Let's zoom out. And here we are. Now that we have extracted the subject, the next step is creating the shadow and depth. Let's start with creating the shadow. First of all, let's choose a desirable background. Double click in here on the symbol of the Solid Colour Adjustment layer and let's choose cd201f as the hex code. This is kind of a lighter red colour. I like that nice red. Hit OK. This image, the original image, if you have a close look, has a beautiful shadow already. We don't need to create the shadow from scratch. We can actually use this shadow and the way to do that is simple. With the background layer selected, make a copy by pressing Ctrl or Command + J and let's name this Shadow. Let's place it above the Colour Fill layer. Now, what is the Blend Mode which darkens stuff? Multiply. Right? So, let's change the Blend Mode of the shadow layer from Normal to Multiply. There we go. It already creates a beautiful shadow. If you want to keep it this way, you are most welcome. But, I want the shadow to be limited just to this area. And the way to do that is simple. Mask. Hold the Alt key or the Option key and click on the Mask button. This creates a negative mask. Now, take the Brush, white as the foreground colour. You can decrease the Flow to somewhere around 30% and then just start painting with white right over here. See that? All of the other areas are left out, but just that area is darkened. Now, I'm doing extra on purpose so that we can erase that later. All right, this is nice. Press X. Now black is the foreground colour. Flow, you can decrease it to 10% and now, let's paint on the area slowly and gradually and take them away. Take a bigger, larger Brush. We want this to be very soft. This looks nice. Now, one other treatment that you can do here is with the help of the Curves Adjustment layer. Click on the Adjustment layer icon and then choose Curves. We want it to be limited just to the shadow. And how do we do that again? We just did it a while ago. Clipping Mask. Right? Now, the other way to create a Clipping Mask is just clicking on this button of the Adjustment layer properties. Now, you want to make bright areas brighter so that these lighter areas don't darken stuff. So, let's take this slider of the right to the left. See, how it's going away, nice and smooth. I like that. We're going to keep it at that and have a look. Here's the before, here's the after. Now, it's more smoother. The transition is even better. You can go back to the mask and redefine it if you want to. If you want to take away some of these areas, you can do that. But to me, this looks natural and nice. Now this picture looks beautiful when zoomed out. However, if you zoom in closer to the shadows, you will see there's a little bit of red around the edge, even when the shadow is dark. You know why that is happening? Because even in the shadow layer, if I turn off the subject extracted, there is that dog. It is just not the shadow, it is the dog as well. So, the white area or the bright fur of the dog is creating that edge. So how do we tackle that? It's simple. Don't worry about it. Just above the Curves Adjustment layer or under the Subject Extracted, let's create a brand new layer. And you can name this Shadow 2. Alright. Now, take the Brush, black as the foreground colour. So, you can press D to set it to default which is black and white, and then you can set the Flow to about 10 or 5%. So I'm going to leave it at 10 in the beginning. Now, simply take the Brush, paint around the edges with black. See, it's going to take care of that. And also it's going to make the shadow a little darker, which is always welcome. We took care of that that easily. All right, now that looks nice. If you want to soften stuff up, you can. It's totally up to you. You can decrease the Opacity if you wish to. So, let's increase the Opacity just to the point where it totally takes it away. About 80% looks fine to me. So, let's have a look. Here's the before, here's the after. Just a little bit of the shadow. If you think it's too much, you can always take the Eraser and erase it from the top just a little bit. There you go. It looks beautiful. Now it's time for us to create the depth because with that this looks absolutely flat. Have a look at the original image. Look at the back. This area is a little darker and the surface on which the dog is standing on, it's brighter and we can use this exact depth image right there but without the dog, because we don't want the dog to disturb the depth. So, how do we cover the dog or remove the dog? It's pretty simple. First of all, let's turn on everything. With the Background layer selected press Ctrl or Command + J. And we can actually name this Depth. Let's make a selection of the dog. But do we have to do that again? No, we already have one. So, remember the Subject Extracted? We have a selection of the dog. So hold the Ctrl or Command and click on the Mask. This creates the selection again. But we want the selection to be a little bit on the outside. So what do we do? Just expand it. Let's go to Select - Modify, and then Expand. And this time we're going to choose about 40.. 40 pixels. That looks about right. But however, some of these areas might be left out, as you can see. So, hold the Alt key or the Option key and click on the eye of the Depth. Just make sure everything is selected. As you can see, not everything is selected. So with the help of the Lasso tool right there, simple, you can hold the Shift key, the Lasso tool. '+' will show up and just make sure all of these areas are selected and nothing is left out. Okay, that's nice. Not even a single hair here and there, all of the fur. We could have made a selection manually itself. That would have been better. But anyway, once you have made sure that everything is selected and not a single part of this dog is left out, you can go to Edit - Fill, and then choose Content Aware, or in the later versions of Photoshop, you can directly go to Content Aware Fill. This creates a whole new dialogue box just for the Content Aware. This did a pretty good job. Some areas were left out but, that's totally fine. You can leave it at Default or play with these settings. But, I'm going to leave it at that and choose Output to Current Layer. Hit OK. That looks fine. Some of these areas we can cover up with the help of the Clone Stamp tool or the Healing Brush tool. So, we're going to choose the Regular Healing Brush tool and hold the Alt key or the Option key to sample and paint over these areas. Just clean up a little bit here and there. No worries. Now, we will use this for Depth. Hold the Alt key or the Option key, click on the eye again to turn everything back on. Now, place the Depth above the Colour Fill, okay, and change the Blend Mode from Normal to Multiply. See, the depth that we create with it. It's amazing. So, let's decrease the Opacity. It's kind of too much. So, we will have just a little bit of it available right here. You can also try keeping the Depth above the Curves, the Shadow right there, but it won't make much of a difference. Now, that we have placed the Depth, let's apply some Curves to it. Click on the Adjustment Layer icon and then choose Curves. Now, we only want to apply it to the Depth. So, click on this button right there - Create Clipping Mask button. And now you can play with this. All right. You can make the shadows a little brighter if you want to, but I'm gonna leave it at that. Now, let's choose Depth and control the Opacity. I'm going to keep it at about 85.. 85 looks nice. What about the Shadow? Let's choose the Shadow and control the Opacity of the shadow. 90 looks nice for the shadow. Now, there is one problem. The Depth is adding to the shadow and the Shadow is also adding to the shadow. So, the way to control that is first of all, let's choose the Depth, create a Mask and then take the Brush and erase the shadow areas with black as the foreground colour. Just paint right here. Simple stuff. Right there. Gone. Now, paint back in certain areas with white and there you go. Also, some of you might think this might be the solution. That is just simply turn off the Mask of the shadow. That also can create some nice depth but, that will not give you control over this area at the back. You want to have separate control over that area and that is why we created the Depth layer, so that we can control how dark or bright it's going to be irrespective of the personal shadow of the dog. So, let's keep it at about 95. And then we can control the shadow independently. We can make it a little more darker, at about 100%. Now that we are done with the extraction, the Shadow and the Depth, the third step would be creating the background pattern. And we're going to create a very beautiful polka dot pattern. So this is going to be a pattern file in Photoshop, just like an infinite pattern that never ends. And the way to create that is pretty simple. First of all, let's create a brand new document. Let's go to File - New and then we can choose 4000 by 4000. We're just going to type in 4000 - Width and 4000 - Height. Right. A brand new document. Now inside of that new document, let's draw in some guides. If you cannot see these rulers, press Ctrl or Command + R, the rulers show up and just draw in some guides in the form of a rectangle. Alright. Doesn't have to be this perfect measurement. You, my friend, are creating the pattern. You can create it in any way you want. We will choose the Ellipse tool and then from the middle, just drag an ellipse. You can hold the Shift key to maintain the proportions and as you drag, if you hold the Alt key, it will be drawn from the centre. Okay, now we can colour this whatever we want. So, let's colour this black. Choose the fill to Black and no strokes. Ctrl or Command + T to control the size. Let's make it a little bigger. Something like that. Now, hit Enter or Return and we want to place it just in the centre of these two crossings. Just make sure when you go to View, Snap is checked. Also, you can press Ctrl or Command + T, and as you zoom in, you make sure that the anchor point is in the middle so that no matter how much you zoom in, the anchor point should be in the middle. That's perfect. Now, hold the Alt key or the Option key and copy it. Just drag it. It should snap in right there in the middle of that cross. Let's do that one more time. Okay, let's do that even one more time. There you go. And one for the middle as well. Hold the Alt key or the Option key and place it in the middle. Now, it might not be the perfect middle. So, how to centre it? Simple. Hold the Ctrl or Command, select the ellipse right there. Now you hold the Shift key and the Ctrl together. This ellipse is also selected. That way you select all of the four ellipses on the side, the circles on the side. Now, you choose the middle layer. Once the middle ellipse is selected with the selection of all of the four ellipses around it active, we can just simply choose the Move tool right there and centre it by clicking on this button right there, and then clicking on this button. Now, it is centred. Press Ctrl or Command + D to deselect. Now, you can choose the Rectangular Marquee tool and also you can turn off the Background layer to keep it transparent and drag a rectangle along the rectangle you created with the guide. So, now we have that rectangle. Let's go to Edit and then Define Pattern. Let's name this Polka Dot PiX. Hit OK. All right, let's get back to our original image. Just below all the shadows that we created and just above the red background, we will create a pattern. Click on the Adjustment layer icon and then choose Pattern. It should load up the polka dot. We can decrease the scale just like so. So, I'm going to keep it at about 20 for now. And once you are satisfied, just hit OK. Now, we want this to be white. So, click on the Adjustment layer icon, choose Solid Colour and choose White. Hit OK, and create a Clipping Mask by holding the Alt key or the Option key and click on the line between these two layers. That way the polka dots are white and it looks beautiful. But still something looks off. Of course. We need to adjust the polka dots according to the perspective and for that, we will choose the Pattern Fill layer and hold the Ctrl or Command, choose the Colour Fill layer, right click on it and choose Convert to Smart Object. Now we can stretch it, warp it in any which way we want. Press Ctrl or Command + T, right click on it and then choose Warp. Now, keep in mind, we are using the later versions of Photoshop. This is Photoshop CC 2020. This has got some amazing Warp controls and custom Splitting options. So, we're going to choose Horizontal Split, okay, and split it from the place where the curve starts, right there. Now, just zoom out and stretch it just like this. Similarly, from the other side. Now, adjust it accordingly. Now still, the drapery looks too curved. No problem. Just click on this point and adjust the handle accordingly. Similarly, adjust the handle on the other side just like a real carpet. If I roll out the carpet to you, how would it look? Just this way, right? Just this way. The way the warp is designed. Now, to make the drapery look even more realistic, we can just simply zoom in and click on one of these points and bend it just a little bit like a real drapery. Now, zoom out. This looks perfect. Now, you can adjust it as much as you want. I'm going to show you my final result. Right now, Photoshop is lagging. So, I'm gonna leave it at that. Hit Enter or Return. This looks beautiful as is. Now let's zoom in. And when you warp, some areas might create a little gap. No problem. Press Ctrl or Command + T and we can make it a little bigger. Now, keep in mind, you can always go back to the Warp by pressing Ctrl or Command + T, right click on it and then simply choose Warp. Simple. And you can adjust anything you want. Now, I'm going to leave it at that. Hit Enter or Return once you are satisfied. Now, as you can see, this, my friend, looks wonderful. Now, it's time for us to do some finishing touches and that is the fourth and the last step. Now, I ask you to answer that there is something very wrong with this composite. And it's not one of the little mistakes that I did here and there regarding the edge of the shadow. But there is something very wrong about this composite right now. I'm just going to zoom in for you have a look at it. What is wrong? Have a close look at the image and how this image was taken with the camera. This image has a very shallow depth of field. So shallow that even the tail is blurred out, eyes are in focus and even the legs are a little blurred out. But look at the background. Now, the background is so sharp. How can that be? So, we need to add a little blur to that as well. So, with the Colour Fill 2 or whatever layer where the polka dots selected, just name this Polka Dots, and let's go to Filter - Blur Gallery - Tilt Shift. Bring the middle point right where the focus is, right here, okay? And as we move backwards, the focus goes away. So you can actually increase it to about 33. That looks fine. So, right here, the blur is zero and gradually it increases to 33 and beyond this dotted line, it is 33. Now, let's zoom in and check. Yes, that value looks nice to me. We can go ahead and always increase it up a notch and we can always change. 35 looks fine. Hit OK. Now, that suits a lot. Also, these areas are very sharp as well. So, we need to add an overall blur by going to Filter - Blur and then just an overall Gaussian Blur on top of it. A blur of 6. What do you feel? 6 looks nice. And there you go. I played with the Warp and the Masks a little bit and here, my friend, is the final result. So, we did a lot of things in today's tutorial. But all of this, all of whatever we did, from changing the background to creating the shadow and then creating the patterns and all of that can be separated into four simple steps. First, is extracting the subject. Now, when you extract the subject, a lot of problems can occur, like halos around the edge. We can easily fill that by creating a brand new layer, clip it and then fill it with the Brush tool or the Clone Stamp tool. Second thing we did or the second step would be creating the shadow. And most of the times, we have the original shadow and we don't have to create a shadow from scratch. We can actually use that original shadow by using the Multiply Blend Mode and also some Adjustment layers to set it up. In this example particularly, we wanted the depth from the original image. So we removed the dog from it and used it as a depth with the Multiply Blend Mode. And after that we created a fun pattern. And now you can create your own pattern with flowers, lots of crazy things you can do. You can also download patterns from the internet. Creative Market, our sponsor, has amazing patterns that you can try on. And after creating the pattern, we added it just below the shadows so that the shadows also fall on the pattern. And at the end, do not forget the depth of field. I hope this video helped you and if it did, make sure to give us a like and also don't forget to subscribe and not just subscribe, ring the bell so that you, my friend, don't miss any other future tips, tricks or tutorials. I would like to take this moment to thank all these nice and amazing people for supporting PiXimperfect on Patreon and helping keep PiXimperfect free for everybody forever. Thanks so much for all your support. Thank you for watching. I will see you guys again in my next one. Till then, stay tuned and make sure that you keep creating.
Info
Channel: PiXimperfect
Views: 541,492
Rating: undefined out of 5
Keywords: warp in photoshop 2020, perspective, change background, remove background, change color in photoshop, create realistic shadows in photoshop, shadow in photoshop, blend modes, remove halos, remove white edge, compositing, photo manipulation, pet photography, edit dog photos photoshop, pattern, endless pattern, seamless pattern, select fur photoshop, adobe, tutorial, piximperfect, unmesh dinda
Id: 1pPhvcCJTnk
Channel Id: undefined
Length: 28min 25sec (1705 seconds)
Published: Wed Jan 29 2020
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.