Create Backgrounds with Curved Perspectives! – Photoshop Tutorial


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.

Leave a Reply

Your email address will not be published. Required fields are marked *