Articles, Blog

Replace a Window in Photoshop: Combine Two Photos Into One!

October 17, 2019


Today, we’re going to play around with some
compositing. Hey guys, welcome to Phlearn. My name is Aaron
Nace. You can find me on Twitter at AKNacer. Today, we are doing some really cool stuff
with compositing. We’re using two of the family’s images. I can’t wait to get into
it. It’s going to be a lot of fun. You guys are going to learn quite a bit.
We just launched a new print store, here, on Phlearn.com, and you can get to it. There
is a link right up at the top. Right now, this week only, we are giving away a free
print. There’s a giant banner up at the top of this page you can see. You can enter
it in. All you have to do is enter our newsletter for a chance to win. If you already are a
part of our newsletter, you’re already entered to win. Look at that. You didn’t even have
to do anything. You just had to be a loyal, awesome Phlearn subscriber.
Let’s get into our tutorial. This is a really cool image. We have our image … this is
by Claude Lee Sadik. This is by … I think it’s called, Baarnijs. If I didn’t pronounce
that correctly, I apologize. Basically, what we want to do here is that Claude sent along
with this image, he was like, “Man, if there was a good way to select out just these blinds
here, to kind of clean this up.” There is a good way to do it, but there’s
not really a quick way to do it. Basically, if you wanted to go through something like
this and use the Polygonal Lasso tool, and you wanted to clean this area up, you could
click there, and then click there, and then click there. There we go. Make a selection
out of that. Grab your brush tool and paint with white. You could do that. It definitely
would work. You would just have to do it over, and over, and over again.
There really is no … not much of a quicker way to do that because the blinds are inconsistently
space between each one of them. This space is a little bit less than that space. There’s
a quite a bit going on with it. What I figured I would do, instead of replacing
… or, sorry. Instead of trying to fix this up, which sometimes, it’s just easier to
replace it, here’s something else. We’re going to just take one of these windows from
this image, and replace it. Why not? It will be fun.
Basically, what we’re going to do is I’m going to grab my Marquee Tool, and we’re
just going to select out this window with a little bit of a boarder around it. I’m
going to use my Move Tool. So just hit “V” for that. Then, hold down the Shift Key, and
click and drag from one image to another one. There we go.
Here we go. Now we have a new window in this image. The only thing we’re going to run
into here is the fact that this window is way smaller than the rest of the image. This
image is quite large. We’re going to need to upscale the image. We can upscale the window
by quite a bit or I can just downscale the background a little bit. Normally, you would
just want to find a window. Why is this actually helpful? That’s a good question.
Often times, there are things in your images that you just don’t like. Trying to Clone
Stamp them out and things like that can be difficult, but let’s say you could go out
and photograph another window, something like that. Then, replace it in this image. This
has just happened to be some images that we had from the contest, but if you went out
and photographed another window, or a version with it closed, or went on a different day
and photographed that, you could pretty easily replace that window with a different window.
I’m going to show you guys how to do it from a window that looks absolutely nothing
like window in the actual image. I’m going to show you guys that you can still make it
look pretty good. If it did look anything like the window, you could make it look very
good using the same techniques. Okay, so what I’m going to do is let’s
just scale my background down a little bit. I’m going to hold down the Alt or Option
key. Double-click on it, because it’s a background in this lock. If I hold Alt or
Option, and double-click, it will take off the lock, and then I’m just going to scale
that down, just a bit there. That’s using my Transform tools. I’m going to Command
+ Click on that, which turns it to Selection. Go to Image, and down here to Crop. All right,
and we’ll Deselect. Now, we did scale the image down, but we don’t
scale this window up quite as far, which means you’re going to get a little bit less distortion
and things like that. It’s not going to look as pixelated. Okay, how do we get this
window to look like it’s this window? Well, it’s really not that hard. There are a couple
of things that we want to follow. Those are basically like basic perspective rules.
On our new layer, you don’t have to do this. I’m just kind of drawing these out. These
are our basic perspective guides. I’m going to just kind of follow some of these lines
that are in the image and fill them with bright colors so I can see what I’m doing. I’m
following these perspective lines. The blinds start here, and they go down at an angle like
that. Let’s just fill that in with the area like that.
You can see, this is basically, if you guys have ever studied perspective and things like
that, that’s going to create a vanishing line. Eventually, those will go to the horizon.
They’re going to connect to the horizon. Think of train tracks. They go off in the
distance, and they meet in the horizon. Similar thing.
All we have to do is get this window, here, to basically line up. They’re horizontal
right now, these lines, because we’re looking straight at them. We just need to make them
look like they’re converging. Let’s bring the opacity down just a bit on that. I’m
going to hit Command + T, which is going to bring up our Transform dialogue. We’re just
going to hold down the Shift Key, making sure we’re maintaining our proportions, and I’m
going to line up our edges right about there. All right, that looks pretty good. I hit Enter
by accident, but you don’t have to. Now, what we’re going to do is change our
perspective. To do that, hit Command + T again, hold down the Control or the Command Key,
and click on one of these corners. Then, hold down the Shift Key and hold down the Option
Key. Right now, I’m holding down Shift + Option + Command. If you guys are on a PC,
it’s going to be Shift + Alt + Control. Now, we can actually just adjust our perspective,
which is really, really cool. You can see … I scrolled up a little too far there.
I am changing the perspective of my window. Now, also keep in mind, I can get it pretty
close, but if this isn’t lining up here, I can just hold down the Control Key, and
pull up one of these corners at a time. Really easily, I’m able to just kind of warp this
window into a place that actually fits into the overall perspective of this image. There
we go. Holding down, again, the Control or the Command Key, we’re able to just warp
this around. Then, instead of looking straight at it, the
window is actually following the perspective of the room, which is perfect. There we go.
Let’s hit Enter, and that’s our window. The before, it was just straight on. Now,
the after, is in the same perspective. That’s taken care of.
Now, let’s go ahead and put a Layering Mask on there. I’m just going to put a Layering
Mask on there and paint with black, right here on my Layer Mask. We’re just going
to paint directly over some of these areas that are not necessarily as needed. Then,
we’re going to try to do some blending and things like that. There we go. Let’s bring
that down just a little bit. All right. I feel a sneeze coming on. That
was fun. Glad you got to watch someone sneeze on video today. All right. I can’t stop
it. Once it starts, you can’t stop a sneeze. All right, there we go. That’s our new window.
You can see, it’s relatively … it’s in the same perspective as the rest of the
window, which is great. It doesn’t look like it should belong where the rest of the
window is. That’s because the colors are totally messed up. It doesn’t … it’s
the wrong color. What we’re going to use, is we’re going
to use a Curves Adjustment layer to get our colors where we want them. Then, what we’re
going to do, is we’re going to use a Clipping Mask to make sure that Curves Adjustment layer
only affects this current layer. Here’s how we do that.
We grab our Curves Adjustment layer, and you can see, I’ll just play around here. You
can make it lighter or darker. Let’s just go ahead and make it quite a bit lighter so
you can see all of the detail here. If I want this layer to only affect this layer, which
this is the layer where our window is, then all I have to do is right click, and I’m
going to go up here to Create Clipping Mask. Now, all of a sudden, this layer, the Curves
Adjustment Layer One, is only affecting the window, which is perfect.
Let’s just click back in here. I’m going to make this a little bit darker. There we
go. I’m just going to look at my colors. Between our three color-channels, red, green,
and blue. Let’s start with our blue channel. Do we need more blue or less blue? If we need
more, just click and drag it up. If we need less, click and drag it down a little bit.
All right, less seems to be working pretty well.
Now, let’s try just our red channel. Do we want more, red or less red. Well, this
has a lot of red, this, not much red. We’ll just click and drag this up a bit. There we
go. Now, our reds look a little bit better. Our green channel, that can be a little, bit
harder. Usually, you want to add a little bit more green, because magentas usually don’t
get a lot of magentas in photos. When you’re adjusting these, you want a little bit, more
green usually. All right, then RGB is just light and dark.
Let’s bring that down. There we go. We can see, just with this Curves Adjustment layer,
we’ve taken a window that is from a completely different image, completely different perspective,
all that, and it’s already blending in quite well. That’s good news. Already, it looks
… it really doesn’t look that bad. It doesn’t look like the original window obviously,
but it doesn’t look that bad. The next thing I want to do here, we’re
just going to put a little bit of trim work on here. I’m going to grab my Lasso Tool
again. We’re going to grab one of these boards here. There we go, just selecting right
around one of our boards. All right, if you click a space and you don’t like it, by
the way, I just did that. Hit the Delete Key or the Backspace key, and it’s just going
to Backspace the last one you did. There we go.
Now, on this layer, which is our background layer, I’m going to hit Command + J. What
that does is just duplicates that onto a new layer, so on our new layer, we have just a
board. Okay. Now, what I’m going to do with this board
… well, I can do whatever I want with it, really. I’m going to make it fit over top
of all of our other windows … over top of our new window. There we go. I’m just placing
it in there, and all right. This is something that will work on just about
any photo that you decide to do. Let’s go ahead and flip that, horizontally. I think
it’s going to look better that way. This will work on any photo you do. Obviously,
I’m spending a little bit less time than you probably would on your final photo. There
we go. That looks pretty good, too. You would want to spend a bit more time, and use a higher
resolution image that you would take specifically for this purpose.
This is just a good demonstration on what you can do with replacing one element from
another, even if they’re in the wrong perspective, etc. Obviously, we’ve taken something that
was not at all designed to go together here, and we’re still putting them together. I
think it’s a pretty cool example of something you guys can do. This is not something I would
put in my portfolio by any means, but if you were in a pinch, and a client was like, “Oh,
we really need that window to be replaced.” Instead of trying to Clone it out, or something
like that, you could just use a different window. There we go. That looks decent. Now,
let’s Shift + Click all of those layers. There’s our each individual layers that
I’ve just transformed into place. I’m going to hit Command + E, which is going to
merge them all together. There we go. Now, we just need to make this look a little bit
more like, hey, it should actually be there. It’s too red. Can you guys see it kind of
stands out? I’m going to hit Command + U, which is our Hue/ Saturation. I’m going
to bring our saturation down just a bit. There we go. That’s going to make it blend in
quite a bit better. It was red because this wall over here is quite red. Then, we’ll
just bring our lightness down. There we go. All right. Pretty cool.
Then, we’ll put a Layer Mask here. I’ll kind of just fade this away. Make it look
like it’s actually … there we go … actually blending in to everything, rather than having
a sharp border. Just a couple quick tips that you guys … if you border wasn’t looking
right, then you can go add that. You can add that to those things as well.
Just a really, cool, quick way to completely replace a window from an image that obviously
is completely, totally different. Within just a couple steps, you can see. Bring that window
in, warp it into place, use a Curves Adjustment layer to get your colors right. That can take
a little bit of work. If you don’t get it immediately, don’t worry about it. You can
always open up your Curves Adjustment layer and play around with this after the fact,
like, “Oh, I want this darker. I want it lighter,” whatever you want to do. You can
always change this after the fact. Just double-click right over here on your little symbol. Then,
we just put a fascia on there. Those were a couple lines to help us out with our perspective.
You guys can see it really didn’t take too long, and a good way to do a bit of compositing.
Now, I chose a window … very clumsy over here apparently. I chose a window because
obviously there was a window there. There needed to be a light source coming in, because
that’s what’s going to light our subject and color our subject as well. We chose the
window. We colored it correctly, and put it in place, guys.
I hope you enjoyed this tutorial, just a cool, quick, fun thing. If you guys have any uses
for this, let me know. If you have anything that you’re like, “Well, actually that
could be really cool in this certain situation.” Maybe you took a picture and there was an
ugly, brown door in a room, and you wanted it to be a nice door. Well, you can go take
a picture of a cool, nice door that you like and replace it. Just match the color and you’ll
be good. Awesome, guys. Thanks so much for watching
Phlearn. I hope you learned a lot and make sure to check out our print store available
right now. Phlearning you guys later. Bye, everyone.
Want to see something really impressive? See?

14 Comments

  • Reply Paolo Farinella March 27, 2013 at 6:05 pm

    Why not doing that by using the brand new "Vanishing point" in CS6?

  • Reply Mixel85 March 28, 2013 at 6:52 am

    Bless you! )

  • Reply Koca Metallec April 2, 2013 at 7:48 pm

    So glad I coincidentally found this channel!

  • Reply AutoFOCUSED May 7, 2013 at 8:33 am

    Love this. Wasn't perfect but you acknowledged it during the video! GREAT WORK, AARON!

  • Reply F S June 20, 2013 at 5:46 pm

    Erm, the curtains are on the wrong side 🙂

  • Reply Mr Jee October 21, 2013 at 10:21 pm

    Hahahaha…it´s true!

  • Reply Trudi Marcial November 2, 2013 at 12:19 am

    Cool video! I've definitely subscribed to PhlearnLLC!

  • Reply saraswati Chandra November 16, 2013 at 5:51 am

    great job….thank you

  • Reply alex rodriguez April 25, 2014 at 6:20 am

    you can also use the vanishing point filter 😛

  • Reply Ragin Maria John October 26, 2014 at 7:48 am

    Will the clarity difference between the photos make this a failure?

  • Reply Jason Dent May 3, 2015 at 7:24 pm

    Tutorial starts at 4:07

  • Reply wilson salabsab April 19, 2017 at 1:45 am

    Hello PHLEARN, can you give us a tutorial about real estate photo editing techniques … ^_^

  • Reply Vivian Lee March 17, 2018 at 11:38 pm

    You look so much better with short hair =]

  • Reply Sandram Pillay September 16, 2019 at 4:23 am

    Thank you for showing us this. I'm going to try it out.

  • Leave a Reply