Hi there, this is Unmesh from PiXimperfect. Thank you so much for tuning into this video. I wanted to show you something. Have a look at this. What is this? This is a picture of a lady sitting on a bunch
of stairs, right? There's a nice perspective going on, everything
is looking nice and clean. However, let me ask you a question. If I start sketching on it, painting on it
or place something on it, the paint will be applied how? It will be applied in such a way that this
is a flat surface. It'll not treat it as there's a perspective
going on or there's a nice lady sitting on it. It won't consider any of that. It'll just paint on it like it's a flat surface. Why? Because this, my friend, is a flat surface. Similarly in Photoshop, if you just start
painting on this picture, let me show you, if we just start painting, right, the paint
is being applied as if this is a flat surface, because it is a flat surface. However, there's a feature in Photoshop that
lets you define the perspective, no matter how complex that is. So, if you can define the perspective in Photoshop
and then paint on it, it will be applied in such a way that there's actually this scene
happening, and the paint will go along with the perspective. And the feature is called Vanishing Point. So, today we're going to learn how to use
the power of vanishing points to apply any graphic on any surface according to the perspective,
no matter how complex that is. It's going to be super fun. So, without any further ado, let's get started. Back in the magical world of Photoshop, and
if you are go ahead and download this photo and follow along, you know what to do. Check the links in the description. The first step is defining the perspective. This is just telling Photoshop the nature
of perspective, that's it. We're not creating anything, applying anything,
pasting anything. This is just telling Photoshop the nature
of the image and the perspective and the way we do that is by going to Filter and then
Vanishing Point. Now, we just need to create one plane and
from there, we will take it forward. Have a look at a plane that you can create
boundaries around. So, in this case, I can see that there's a
nice boundary around this step, right there, that we can use to start our perspective plane. To do that, we're going to use the Create
Plane tool, right there. All right, it will be selected by default. Now, click on the four points of this plane. So I'm going to click in right there and let's
continue. Don't worry about the subject right now. We're going to erase that area later, mask
that later. Alright, this looks pretty fine. Now, this rectangle, this plane, is blue and
it will create the best results. However, sometimes you might come across red
rectangles. It doesn't mean that you cannot work with
it, but it will not create good results. So, make sure your rectangle is blue. There's one more variant of this. Sometimes you might see a yellow rectangle. That is kind of okay. So think of it like this - Red, stay away
from it, Yellow is kind of okay, Blue is the best. So, we are going to adjust the points accurately. Why? Because this will lead to other planes and
if one plane is not right, everything will fall out of place. So let's zoom in by pressing Ctrl or Command
+ '+', scroll down and just adjust the points to the right place. So here, I'm going to place it right there,
all right. Now let's move on to the right hand side,
scroll it. It is a bit CPU intensive work, so, it will
be a little laggy. But that's okay. It totally depends upon the resolution of
the image as well. So this is fine. Let's come down here, scroll to the right
a little, adjust this accordingly. Let's go to the left hand side. We want to make sure that it's not red, so
we might have to adjust just a little bit. This looks okay. Now, let's zoom out. There we are. And by the way, you can control the number
of grids by using Grid Size. The higher the Grid Size, the higher the Grid
Size will be the lesser the grids, the lower the Grid Size, the smaller it will be with
more grids. Okay. To extend this, all you have to do is just
extend it from the left hand side, click and drag and have a look, it will extend in perspective. It will maintain that perspective. Now, this plane is fine. What if I want to extend it from this side
in 90 degrees? So this plane that you see right here is just
like this, right. Now, I don't want to extend it like this. I just want to extend it in 90 degrees like
this. And from here, another 90 degrees and from
here, another 90 degrees. Are you understanding what I'm trying to say? To do that select the Create Plane tool again
or shortcut C. Now, if you hold the Alt key or the Option key and click and drag from
this point, it will extend a plane which is perpendicular to the existing one. Or in other words, it will extend a plane
90 degrees to the existing one. So, if this is the plane, it will extend it
in this way, which is 90 degrees. All right. If you take it down it will be 90 degrees
to the bottom. But keep in mind, the angle between this and
this will be 90 degrees. You can of course, change the angle if you
wish to. Have a look, Angle, at the top. You can change it from 90 to something else. See the angle changing. But we're going to keep it at 90. Now, we need to always make sure that the
planes are accurately positioned. So let's zoom in and make sure that it's on
the line of the stairs right there, perfectly. Zoom out. Let's do the same for the other stairs. So again, select the Create Plane tool, shortcut
C, hold the Alt key or the Option key, create a plane, click and drag. This will be again 90 degrees to the previous
one. See, how we are creating the stairs. Pretty easy, isn't it? Again, press C, hold the Alt key or the Option
key, click and drag and continue the same thing. I think that's enough. Let's zoom out. So, we have created these nice planes, but
the front is still left out. So extend it that way as well. So select this plane first and then again,
press C for the Create Plane tool and then hold the Alt key or the Option key, click
and drag from here, extend and again, we have to press C, hold the Alt key or the Option
key, click and drag from here. There you go. Now, once the planes are created, the perspective
is defined. All we need to do now is to hit OK and say
to Photoshop, 'All right, this is the perspective.' From now onwards, if I paint anything on it,
if I paste something on it, it will follow the perspective. Just hit OK when you're satisfied. So, right here at the corner, hit OK. Now, nothing happens to the image. Have a look, there is nothing because we just
defined it. However, if you go back to Filter - Vanishing
Point, have a look, everything is still there, isn't it? Just hit Cancel for now. So, what we are going to do here is to paste
a graphic. So, here we are in our Finder. I'm just going to drag this pattern and drop
it into Photoshop. So let's open Photoshop, drop it over the
image in the canvas. Now, let's make it a little bigger. All right. Now it didn't paste according to the perspective. We need to paste it inside of the Vanishing
Point dialog box. So first of all, let's make a selection of
it. Hold the Ctrl or Command, click on the thumbnail
of the layer, of the pattern. A selection around it has been made. Now press Ctrl or Command + C to copy it. Now, you can turn off this layer. It doesn't anymore. Press Ctrl or Command + D to deselect that. Now let's create a blank layer on top of this
one. And we can name this Graphic on Stairs. Right. Now, let's go to Filter and then Vanishing
Point. As you can see, it will still be there. Now let's paste it by pressing Ctrl or Command
+ V. Now, it might not look right in the beginning,
but, I'm going to show you what to do if it looks too good to be true. So just drag it and drop it on the stairs
and have a look at this, isn't that fantastic? Now, of course, this is too big. So all we have to do now is to control the
size of this thing. So, to control the size, it's pretty simple. Press Ctrl or Command + T for the Transformation
tool. Now, let's just move it a little bit to the
left so that we can see the points. All right, there are the points. You can stretch it anywhere you want. You can make it smaller or bigger. So I'm going to hold the Shift key to keep
the proportions and then click and drag it inside to make it smaller. Let's bring it to the right a little bit. Do that one more time. We're just making it smaller. As you can see, this size looks okay. We're going to make it a little smaller. And we can just start from right there, at
the back. So let's zoom in and make sure the starting
position looks okay. All right, that looks fine. Let's zoom out. Make sure it is in the middle. So, it is pretty much in the middle, you can
use the arrow keys to move it left or right. Now, we need to extend it. To extend it again, we are just making duplicates
of it. Hold the Alt key or the Option key, click
and drag to make a duplicate of the same thing. Now you can always hold the Shift key once
you have dragged it out to maintain the same line, to extend it in the same vertical line. So, we're going to make sure that it joins
properly. So let's zoom in and make sure there is no
gap. If there is a gap, it's going to be a problem
later. See the gap right there? You want to make sure there is no gap. Use the arrow keys. Overlap is ok, but just make sure there is
no gap. Zoom in. All right, that looks about right. Let's zoom out and do the same thing again. And this time, you can be as much careful
as you want. I'm just going to do it quickly. So hold the Alt key or the Option key, click
and drag, hold the Shift key to maintain the line. You can always make sure that the ends of
both images are joining properly by zooming in and checking. Again, we will repeat the same thing. Hold the Alt key or the Option key, click
and drag. Let's make sure that both of them are in line
on the side as well. This looks to be about right. Let's zoom out. And once you're satisfied with the position
of everything, just hit OK. Everything has been applied in that design. Now, of course, we need to change Blend Modes
to see if it looks right. So, first of all, let's change the Blend Mode
of the Graphic on Stairs from Normal to Multiply. Multiply is a Blend Mode which darkens stuff. So, see if it looks right. This looks perfectly fine, but have a look
at the graphic. It's so sharp. How can it be so sharp if you painted on pieces
of rocks, right? So we should have blurred it before applying
it right here. But it's my mistake that I did not blur it. And that's what I was trying to tell you before. If it doesn't look right, you might have to
blur it in the beginning and then paste the graphic, because it's rocks, right? It cannot be that sharp. So, do you really want me to do this again,
blur it and then apply that again? I don't want to do it. I'm pretty lazy. So let's cheat our way through it. Here's how we are going to do it. So with the Graphic on Stairs layer selected,
change it back to Normal for now. And then, let's go to Filter - Blur Gallery
- Field Blur. This is pretty nice because this allows you
to add different points of blur. So right here, the blur will be more and back
there, the blur will be less because it's far away. So now, let's just increase the blur to 2
pixels. Let's see how that looks. Let's zoom in and have a look right here. 2 pixels is not enough. Let's go for 4. What do you think? 4 is kind of too much. Let's go for 3. 3 looks perfectly fine. Now, at the back as it gradually should decrease,
I'm going to keep one right there, and at the back, it should be around one. One is okay. Let's try it with 4. 4 right here, and 2 right there at the back. Hit OK. Let's see how that looks. So we have added a little bit blur. Now, when you change the Blend Mode to Multiply
it look more realistic. From Normal, let's change it to multiply. Now, if you want to keep it sharp and clear,
that's up to you. You don't have to do this. Now, in the Multiply, we are darkening stuff. We don't want to darken the bright areas,
right. So, double click on the right hand side of
the layers. Take all the darkening away from the bright
parts of the image by taking the slider of the underlying layer from right to left. We are actually deleting or hiding the bright
parts of the layers which are underneath it from the current layer. So, what is the layer which is underneath
it? The main subject layer with all the stairs. So, let's control it. This is very harsh. Hold the Alt key or the Option key. Click on the slider to break it apart and
then make the transition smoother. There we go. Now for the bright areas, we will do just
the opposite. Now, with the Graphic on Stairs layer selected,
press Ctrl or Command + J and make a copy of it. This time change the Blend Mode from Multiply
to Screen. Now, Screen is a Blend Mode which brightens
stuff. So, we need to take it away from the dark
areas and only apply it in the bright areas. So double click on the right hand side of
the layer, do just the opposite, return it back to normal and take it away from the dark
areas. This is just for the bright areas. Hold the Alt key or the Option key, click
on the slider to break it apart and there you have it. See, we're just applying it to the bright
areas. There we go. Hit OK once you're satisfied. And you can make a group of both of these. Select the first one, hold the Ctrl or Command,
select the second one and then press Ctrl or Command + G. Here's the before, here's
the after. Now, to make it even more realistic, guess
what we're going to do. Just decrease the opacity. So click and drag on the word Opacity to the
left. Let's see how much we want, about 90% looks
good. Now of course, there's something wrong with
it. It's also being applied on top of the subject. What do we do now? Simple, make a selection of the subject and
mask it out. So first of all, let's turn off the group. Select the Background layer, and then select
the Magic Wand tool or the Quick Selection tool and at the top, you will see Select Subject. Now, this feature is available only in the
latest versions of Photoshop, I think cc 2018 or 19, I'm not really sure, but in the latest
versions. Now, once you click on Select Subject, it
will automatically create a selection around the subject by using Adobe AI and all of that
fancy stuff. And then, now you select the group, turn it
on, and we need to create an opposite mask. We don't want to apply it in the selection
but outside of the selection. To create an opposite mask, hold the Alt key
or the Option key and then click on the mask button. Now it's away from the subject. Now, you might have to work on the mask by
selecting the mask, take the brush, white as the foreground color, select a soft round
brush at the top and paint on the areas which are left out. Have a look at this. This area is pretty much left out. So, we're going to just paint on that and
you get the idea. You can take all the time in the world to
kind of do it. Paint white on in here, this area was left
out. There we go. Any area that was left out or if there's an
excess paint, you can press X, change it to black, foreground color to black and then
paint it away. So, you can take all the time in the world
to do this. But that is basically the idea. Now, when we paint on rough rocks or concrete
like this, the paint is not always even. And even if it is, when it gets old, it gets
kind of grungy and the paint goes away from certain areas. And we can actually create that effect by
adding a texture to the mask. Let's see how to do this. So here we are in our File Explorer or Finder. I'm just going to drag this texture and drop
it on a brand new document, not over the same image. Drop it right there at the top. This opens as a brand new document. But, this texture is very large. We need to make it a little smaller. In other words, we need to make sure that
the pieces of this texture are smaller so that it don't appear huge right here, in this
image. So here's what we got to do. Let's extend the canvas. So first of all, let's unlock the layer right
there by clicking on the lock, and then let's go to Image and then Canvas Size. And then increase the Width and the Height. So what is the current Width and the Height? 3000 x 2000. Let's just double it. Make sure Relative is checked. And let's type in 3000 and Height - 2000. We're just doubling it. Hit OK. Now, this is a small texture. We need to extend it. How do we extend it? Content Aware Fill. So, let's select the Magic Wand tool. Select the outside of it, click on the outside. Everything but the image is selected. Now, we don't want to create a line when we
extend it so we want to make sure that the selection just digs in. To do that go to Select - Modify and Expand. We' going to expand it by 4 or 5 pixels, hit
OK. So it expands inside by 4 or 5 pixels. whatever number you put. And then simply go to Edit - Content Aware
Fill. If you're using the latest versions of Photoshop,
a brand new dialog box will pop up where you can change all of these settings. More in depth video about this right here. You can watch it. So, I'm going to change the Color Adaptation. Let's leave it at Default. So having look at how it's filling it, it's
pretty nice. But the problem that this is all the darks
and the blacks are on one side. We want it to be spread out. So let's try Mirroring. Yes, that kind of looks okay. But, you know, There is a problem with this. Let's try Rotation Adaptation. I'm going to set it to High. So, how do you want to output? It in a new layer? All the areas that you filled in a brand new
layer or in the same layer? Let's not complicate things. We're going to do it in the Current Layer. So, choose Current Layer, hit OK. It's done. Now as you can see, selection is still active. So press Ctrl or Command + D to deselect. Now, this is very huge, it can make our processing
very slow. So let's decrease the image size. Let's go to Image - Image Size, let's decrease
it to 3000 x 2000. This is okay. Hit OK. This just makes the size smaller and makes
the process a little faster. Let's select all of this. Press Ctrl or Command + A to select all of
it, Ctrl or Command + C. Now it is copied to the clipboard. Now, let's get back to our image. And then let's create a group of this group. Why? Because then we can create one more mask. So with this group selected, press Ctrl or
Command + G. Alright, and now let's create a mask. Click on the Mask button. Now in this Mask, we're going to paste that
texture. But wait, if we just simply paste that texture,
it will be pretty flat, right? We want it to follow the perspective. So, let's create a new layer first. Then, let's go to Filter and then Vanishing
Point. Now, let's try pasting it by pressing Ctrl
or Command + V. And then, before applying it to the perspective, let's rotate it. Ctrl or Command + T for the Transform tool,
rotate it first and then let's drag it and drop it into the perspective. There we are. As you can see it will be very large. We need to make it smaller like we did before
by finding the edge and then holding the Shift key and dragging it inside. Now, there we have the texture. All we have to do is to just paste it above
the graphic. So at the top right there, we have placed
it. Now hold the Alt key or the Option key just
as we did with the graphic and then drag it. Just cover the entire thing. You don't have to be very accurate regarding
this. This is just a texture. Hold the Alt key or the Option key again,
click and drag it and there we are, it's done. Once you're happy with this, just hit OK. Now we need to paste it inside the mask. Hold the Ctrl or Command, click on it to make
a selection or you can also press Ctrl or Command + A to make an overall selection,
Ctrl or Command + C, right. Now, let's come to this one, hold the Alt
or Option, click on the Mask button, Ctrl or Command + V, it doesn't paste properly. However, if you press Ctrl + Shift + V, or
Command + Shift + V, it will paste in the exact same location. Ctrl or Command + D to deselect that. Now you can turn this off if you wish to. Have a look at the texture, it's becoming
more and more realistic. If you want, you can try inverting it by selecting
the Mask and then press Ctrl or Command + I. See, how that looks. This version or this version? Absolutely your choice. I'm going to go with this. If you also want to play with the contrast
of the Mask, with the Mask selected press Ctrl or Command+ L for Levels and then you
can play with these sliders to increase or decrease visibility and control the grunge. So, I'm going to go with something like this
and hit OK. Now also, as you can see, the corners are
pretty sharp. So you can make it smoother. That's not a big deal. You can select the Mask and then take a brush,
take any favorite brush of your choice, even the Soft Round Brush will do. Then you can simply start painting here with
black, kind of make it a little grungy, if you wish to. That is something you can take your time to
do. You can also choose one of the grungy brushes,
Special Effects Brushes that you can download directly from Adobe, the Spray Brushes and
all of that Dry Media Brushes. So I'm going to take this Charcoal Brush,
and you can actually paint here with a Charcoal Brush. That's fun, too. So the possibilities are limitless. I'm going to go back to my Soft Round Brush. That seemed to work pretty nicely. You can actually erase it from the sides a
little bit, if you wish to. So, there you go. Let's zoom out and have a look. So I took the time I'm to clean the edges. And here is the final result. So that's how easily you can define the perspective
and then paint on it, paste anything on it, or do whatever you like. And whatever you do will be according to the
perspective, because if you have a look inside the Vanishing Point dialog box, let's just
create a brand new layer, let's go to Filter and then Vanishing Point, you can do anything. You can paste stuff, you can use the Clone
Stamp tool, you can even paint. So if you paint, have a look at what's happening
according to the perspective. Isn't that wonderful? So all we did was defining the perspective. After that, using Blend Modes, Blend If and
all of that stuff, we applied the graphic in a realistic manner and we have talked about
the same principles in videos before. But the main concept of this video was defining
the perspective using Vanishing Point. 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 tip, trick or tutorial. I would like to take this moment to thank
all these nice and amazing people for supporting this channel on Patreon and helping keep PiXimperfect
free for everybody forever. Thanks so much for all your support. Thank you for watching. I'll see you guys in my next one. Till then stay tuned and make sure that you
keep creating.
