Tutorial Fotomontage

58
This is the photomontage tutorial by Teofilo Pardo This tutorial is to show how to blend a render to a real photo, this is my post-process method, its not perfect, but i hope it can help you in this kind of works.

description

Tutorial de foto montaje, por Teofas

Transcript of Tutorial Fotomontage

Page 1: Tutorial Fotomontage

This is the photomontage tutorial by Teofilo Pardo

This tutorial is to show how to blend a render to a real photo, this is my post-processmethod, its not perfect, but i hope it can help you in this kind of works.

Page 2: Tutorial Fotomontage

Firs of all we need to have knowledge on skp photomatch, so import the image yourGoing to work on, as a photomatch.

Page 3: Tutorial Fotomontage

Then model the new proposal, in this case i work on a new facade for a building in my city.

Page 4: Tutorial Fotomontage

Once you have your model finished, render it, and remember to try to match the Sun position in your model with the one in the photo the best you can.

Page 5: Tutorial Fotomontage

For the reflection in the windows, i use a photo of the building, but you can do it more Accurate taking a photo of the street in front of the future proyect, but in this case For me it was just fine like this..

Page 6: Tutorial Fotomontage

This was my render result, done with vray for skp….remember to save it as a png

Page 7: Tutorial Fotomontage

Now we will start working in photoshop, in this case i open the render and the original photoFile.

Page 8: Tutorial Fotomontage

Then i open a new file and name it photomontage, whith a size of 900x620 px, cause i didnt need a very big resolution.

Page 9: Tutorial Fotomontage

Once i open a new page i click and drag the two images, the render and the photo to the new page.

Page 10: Tutorial Fotomontage

I will try to be very specific cause maybe some of you dont use ps, so for those who know how to use it be patience…now as you can see the photo is too big, so we will scale it so it can fit to our working space

Page 11: Tutorial Fotomontage

To scale the photo, we will go to Edit-Free transform,,,when you use the free transform toolPress shift so you dont loose the scale proportion.

Page 12: Tutorial Fotomontage

The result should be something like this, now we need to blend the render to the photo

Page 13: Tutorial Fotomontage

In order to do this i set the opacity of the render layer witch i name RENDER in 70%

Page 14: Tutorial Fotomontage

Then i went to Edit-Freetransform and i modify the render until i was happy with the result

Page 15: Tutorial Fotomontage

Then i set the opacity again in 100%

Page 16: Tutorial Fotomontage

Then i create a layermask, this help us to delete any part of the render or the photo that we dont want to see or that we want to hide.

Page 17: Tutorial Fotomontage

Then we select the brush tool and we right click to choose the master diameter and hardnessof the brush, once we set this we start passing the brush over the parts we want to hide.To unhide just press “x” botton and pass the brush again over the hidden part.

Page 18: Tutorial Fotomontage

As you can see here i use the brush in the layermask to hide some parts of my renderso the china food restaurant blend like it should.

Page 19: Tutorial Fotomontage

I recommend to use the zoom tool for the little details in some areas, to be more accuratewith the work, and set the master diameter of your brush as it is needed.

Page 20: Tutorial Fotomontage

And heres the result after using the brush and the zoom tool on the layermask , rememberto select the correct layers when working in photoshop.

Layer mask

Page 21: Tutorial Fotomontage

Then i did the same on the layermask, to unhide the cars.

Page 22: Tutorial Fotomontage

But now we have a little problem with those boxes cause i dont want them to be on the scene,So we are going to dissapeare them, first we need to select the rectangular marquee tool, andselect an area of the sidewalk, cause it would help us to cover the boxes.

Page 23: Tutorial Fotomontage

Once we have our selection done, we need to go to Edit and choose copy and then choose paste and a new selection would appear on the layers window, and that new layer is theselction we made with the rectangular marquee tool

Page 24: Tutorial Fotomontage

Then we drag the selection over the box and the grass on the sidewalk to cover them and use the scale tool or the perspective tool on Edit-Transform-Scale or….Edit-Transform-perspectiveAnd transform the sidewalk selection so it can cover the box and the grass.

Page 25: Tutorial Fotomontage

Now we can adjust the size of the selction with the scale tool and cover the box

Page 26: Tutorial Fotomontage

The result. Remember yo can be more accurate on this, by making some new layer mask and getsharper results, but for this one i think this should be fine.

Page 27: Tutorial Fotomontage

Here i creat a new layermask on the selection layer so i can sharp some details.

Page 28: Tutorial Fotomontage

Now i also want to erase the street post and some wires, so im making a new layermask on the photo layer

Page 29: Tutorial Fotomontage

And i hide it with the same method,,selecting the brush tool and selective the new layermaskAnd passing the brush tool over the street post and the wires, remember, to unhide, change from Black to white on the set foreground color…

Page 30: Tutorial Fotomontage

Now i open a new image, this one is from cgtextrures and is a sky im going to use for the imageAnd i need to click and drag it into the file we are working on.

Page 31: Tutorial Fotomontage

Once i drag it into the ps file, the sky would look something like this, and we need to use theLayermask on the photo layer to hide the white spots.

Page 32: Tutorial Fotomontage

And here is the result.

Page 33: Tutorial Fotomontage

Now i scale the sky so it can fit on the image, until i get a nice result, this is done with thefreetransform tool

Page 34: Tutorial Fotomontage

Now ill start working on the colors and brightness adjustments so, the sky, the photo and the render can blend all together…first i select the photo layer and go to Image-Adjustment-Hue/saturation

Page 35: Tutorial Fotomontage

On this option ill set the saturation on -22, cause for me the colors on the photo are tooBright.

Page 36: Tutorial Fotomontage

Now i select the sky layer and go to Image-Adjustments-brightness/contrast

Page 37: Tutorial Fotomontage

And ill set the brightness on +120

Page 38: Tutorial Fotomontage

ill also go to Image-Adjustments- selective color

Page 39: Tutorial Fotomontage

And a window will appear , choose the cian and the blue color and change bouth to -100 on Black, cause for me the blue color was too much, and i wanted the sky to be more white likeIn the original photo.

Page 40: Tutorial Fotomontage

Now select the photo layer and go to image-adjustment-brightness/contrast and change thebrightness to +11

Page 41: Tutorial Fotomontage

Now comes an intersting part, i go to the render layer and i will change the color balance, thisCan be done with the color balance option but i do it another way,,i go to Image-adjustments-Selective color-neutrals, and i choose in this case cian-10, magenta +1 and yellow+10

Page 42: Tutorial Fotomontage

Also in the same layer i change the brightness to +24

Page 43: Tutorial Fotomontage

Now as you can see the photo has some chromatic aberration, you can see this in some edges of the photo cause they look kind of redish, but our render dont have those red egdes, but we are going to fix that…

Page 44: Tutorial Fotomontage

Lets go to Filter-Distort-lens correction

Page 45: Tutorial Fotomontage

Now it appears a window like this, go to chromatic aberration and set the fix red/cian fringeat -18 and fix blue/yellow fringe at 8

Page 46: Tutorial Fotomontage

Now the render blend better with the photo cause it also has a chromatic aberration.

Page 47: Tutorial Fotomontage

Still working on the render layer, lets go to the photofilter option

Page 48: Tutorial Fotomontage

And set the warm filter at 20%, this helps to blend even more in this case, the render with thePhoto.

Page 49: Tutorial Fotomontage

I also use the layermask on the render layer to use the same door and window of the photo, Cause in the proyect that area was going to stay as it is.

Page 50: Tutorial Fotomontage

Now i change the contrast of the render cause it was looking a little flat in comparing with the Photo. So just change the brightness to +51

Page 51: Tutorial Fotomontage

For the final touch, lets open another image, this one is from cgtextures, and its a bare concrete

Page 52: Tutorial Fotomontage

Go to Edit-Transform_perspective and scale the texture to the size of the wall..

Page 53: Tutorial Fotomontage

The result

Page 54: Tutorial Fotomontage

Now set the opacity to 25%

Page 55: Tutorial Fotomontage

Go to select-all

Page 56: Tutorial Fotomontage

Go to Edit-copy merge

Page 57: Tutorial Fotomontage

Create a new page, name it final render, and paste all the layers in one

Page 58: Tutorial Fotomontage

Add a frame, some more contrast, signature and thats all…hope this tut was helpfull for you.