SlideShare una empresa de Scribd logo
1 de 58
Descargar para leer sin conexión
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.
Firs of all we need to have knowledge on skp photomatch, so import the image your
Going to work on, as a photomatch.
Then model the new proposal, in this case i work on a new facade for a building in my city.
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.
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..
This was my render result, done with vray for skp….remember to save it as a png
Now we will start working in photoshop, in this case i open the render and the original photo
File.
Then i open a new file and name it photomontage, whith a size of 900x620 px, cause i
didnt need a very big resolution.
Once i open a new page i click and drag the two images, the render and the photo
to the new page.
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
To scale the photo, we will go to Edit-Free transform,,,when you use the free transform tool
Press shift so you dont loose the scale proportion.
The result should be something like this, now we need to blend the render to the photo
In order to do this i set the opacity of the render layer witch i name RENDER in 70%
Then i went to Edit-Freetransform and i modify the render until i was happy with the result
Then i set the opacity again in 100%
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.
Then we select the brush tool and we right click to choose the master diameter and hardness
of 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.
As you can see here i use the brush in the layermask to hide some parts of my render
so the china food restaurant blend like it should.
I recommend to use the zoom tool for the little details in some areas, to be more accurate
with the work, and set the master diameter of your brush as it is needed.
Layer mask




And heres the result after using the brush and the zoom tool on the layermask , remember
to select the correct layers when working in photoshop.
Then i did the same on the layermask, to unhide the cars.
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, and
select an area of the sidewalk, cause it would help us to cover the boxes.
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 the
selction we made with the rectangular marquee tool
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-perspective
And transform the sidewalk selection so it can cover the box and the grass.
Now we can adjust the size of the selction with the scale tool and cover the box
The result. Remember yo can be more accurate on this, by making some new layer mask and get
sharper results, but for this one i think this should be fine.
Here i creat a new layermask on the selection layer so i can sharp some details.
Now i also want to erase the street post and some wires, so im making a new layermask
on the photo layer
And i hide it with the same method,,selecting the brush tool and selective the new layermask
And passing the brush tool over the street post and the wires, remember, to unhide, change
from Black to white on the set foreground color…
Now i open a new image, this one is from cgtextrures and is a sky im going to use for the image
And i need to click and drag it into the file we are working on.
Once i drag it into the ps file, the sky would look something like this, and we need to use the
Layermask on the photo layer to hide the white spots.
And here is the result.
Now i scale the sky so it can fit on the image, until i get a nice result, this is done with the
freetransform tool
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
On this option ill set the saturation on -22, cause for me the colors on the photo are too
Bright.
Now i select the sky layer and go to Image-Adjustments-brightness/contrast
And ill set the brightness on +120
ill also go to Image-Adjustments- selective color
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 like
In the original photo.
Now select the photo layer and go to image-adjustment-brightness/contrast and change the
brightness to +11
Now comes an intersting part, i go to the render layer and i will change the color balance, this
Can 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
Also in the same layer i change the brightness to +24
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…
Lets go to Filter-Distort-lens correction
Now it appears a window like this, go to chromatic aberration and set the fix red/cian fringe
at -18 and fix blue/yellow fringe at 8
Now the render blend better with the photo cause it also has a chromatic aberration.
Still working on the render layer, lets go to the photofilter option
And set the warm filter at 20%, this helps to blend even more in this case, the render with the
Photo.
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.
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
For the final touch, lets open another image, this one is from cgtextures, and its a bare concrete
Go to Edit-Transform_perspective and scale the texture to the size of the wall..
The result
Now set the opacity to 25%
Go to select-all
Go to Edit-copy merge
Create a new page, name it final render, and paste all the layers in one
Add a frame, some more contrast, signature and thats all…hope this tut was helpfull for you.

Más contenido relacionado

La actualidad más candente

Making a Circular Cropping in Photoshop
Making a Circular Cropping in PhotoshopMaking a Circular Cropping in Photoshop
Making a Circular Cropping in Photoshopds2kGTS
 
How to Create a Comic Style Photo Effect in Photoshop
How to Create a Comic Style Photo Effect in PhotoshopHow to Create a Comic Style Photo Effect in Photoshop
How to Create a Comic Style Photo Effect in PhotoshopMetrodesk
 
Photoshop pixel explosion tutorial
Photoshop pixel explosion tutorial Photoshop pixel explosion tutorial
Photoshop pixel explosion tutorial Lisa Parker
 
Magazine edits
Magazine editsMagazine edits
Magazine editsBigCheese1
 
Screenshot analysis
Screenshot analysisScreenshot analysis
Screenshot analysisJenniferEse
 
How to Create Simple Manipulation Using Lighting Effects
How to Create Simple Manipulation Using Lighting EffectsHow to Create Simple Manipulation Using Lighting Effects
How to Create Simple Manipulation Using Lighting EffectsKinga Howard
 
Colored Pencil Sketch Tutorial
Colored Pencil Sketch TutorialColored Pencil Sketch Tutorial
Colored Pencil Sketch TutorialMaryam
 
Photoshop Tutorial 1
Photoshop Tutorial 1Photoshop Tutorial 1
Photoshop Tutorial 1Sander
 
Photoshop skills development
Photoshop skills developmentPhotoshop skills development
Photoshop skills developmentDizzynub
 
Artwork tutorial 2 making it look like banksy
Artwork tutorial 2   making it look like banksyArtwork tutorial 2   making it look like banksy
Artwork tutorial 2 making it look like banksyXP School
 
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratnePhotoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratneYapa
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshopnova arianty
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 

La actualidad más candente (20)

Making a Circular Cropping in Photoshop
Making a Circular Cropping in PhotoshopMaking a Circular Cropping in Photoshop
Making a Circular Cropping in Photoshop
 
How to Create a Comic Style Photo Effect in Photoshop
How to Create a Comic Style Photo Effect in PhotoshopHow to Create a Comic Style Photo Effect in Photoshop
How to Create a Comic Style Photo Effect in Photoshop
 
Photoshop pixel explosion tutorial
Photoshop pixel explosion tutorial Photoshop pixel explosion tutorial
Photoshop pixel explosion tutorial
 
Hair removal - Photoshop
Hair removal - PhotoshopHair removal - Photoshop
Hair removal - Photoshop
 
Magazine edits
Magazine editsMagazine edits
Magazine edits
 
Screenshot analysis
Screenshot analysisScreenshot analysis
Screenshot analysis
 
How to Create Simple Manipulation Using Lighting Effects
How to Create Simple Manipulation Using Lighting EffectsHow to Create Simple Manipulation Using Lighting Effects
How to Create Simple Manipulation Using Lighting Effects
 
Writing ED material
Writing ED materialWriting ED material
Writing ED material
 
Skills development
Skills developmentSkills development
Skills development
 
Colored Pencil Sketch Tutorial
Colored Pencil Sketch TutorialColored Pencil Sketch Tutorial
Colored Pencil Sketch Tutorial
 
Smooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshopSmooth and soften skin in a photo with photoshop
Smooth and soften skin in a photo with photoshop
 
Photoshop Tutorial 1
Photoshop Tutorial 1Photoshop Tutorial 1
Photoshop Tutorial 1
 
Adobe Photoshop: Retouching Tools
Adobe Photoshop: Retouching ToolsAdobe Photoshop: Retouching Tools
Adobe Photoshop: Retouching Tools
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Photoshop skills development
Photoshop skills developmentPhotoshop skills development
Photoshop skills development
 
Artwork tutorial 2 making it look like banksy
Artwork tutorial 2   making it look like banksyArtwork tutorial 2   making it look like banksy
Artwork tutorial 2 making it look like banksy
 
Question 4
Question 4Question 4
Question 4
 
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratnePhotoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
 
Tutorial photoshop
Tutorial photoshopTutorial photoshop
Tutorial photoshop
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 

Destacado

Personal Branding
Personal BrandingPersonal Branding
Personal Brandingashleymac
 
Vermont Hills Feb Menu 2010
Vermont  Hills  Feb  Menu 2010Vermont  Hills  Feb  Menu 2010
Vermont Hills Feb Menu 2010sunderhause
 
CAD MBD & 3D Technical Documentation
CAD MBD & 3D Technical DocumentationCAD MBD & 3D Technical Documentation
CAD MBD & 3D Technical Documentationherronje
 
İletişimde dikkat edilmesi gereken püf noktaları
İletişimde dikkat edilmesi gereken püf noktalarıİletişimde dikkat edilmesi gereken püf noktaları
İletişimde dikkat edilmesi gereken püf noktalarıSerhat Ayan
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Socialestuanix
 
Selfie sosyal medya
Selfie sosyal medyaSelfie sosyal medya
Selfie sosyal medyaSerhat Ayan
 

Destacado (7)

Personal Branding
Personal BrandingPersonal Branding
Personal Branding
 
Vermont Hills Feb Menu 2010
Vermont  Hills  Feb  Menu 2010Vermont  Hills  Feb  Menu 2010
Vermont Hills Feb Menu 2010
 
L1
L1L1
L1
 
CAD MBD & 3D Technical Documentation
CAD MBD & 3D Technical DocumentationCAD MBD & 3D Technical Documentation
CAD MBD & 3D Technical Documentation
 
İletişimde dikkat edilmesi gereken püf noktaları
İletişimde dikkat edilmesi gereken püf noktalarıİletişimde dikkat edilmesi gereken püf noktaları
İletişimde dikkat edilmesi gereken püf noktaları
 
Redes Sociales
Redes SocialesRedes Sociales
Redes Sociales
 
Selfie sosyal medya
Selfie sosyal medyaSelfie sosyal medya
Selfie sosyal medya
 

Similar a Tutorial Fotomontage

Abstract Halloween Tutorial
Abstract Halloween TutorialAbstract Halloween Tutorial
Abstract Halloween Tutorialstephonsimeon
 
How to Sharpen an Image in Photoshop
How to Sharpen an Image in PhotoshopHow to Sharpen an Image in Photoshop
How to Sharpen an Image in PhotoshopZenith Clipping
 
Double page spread drafts
Double page spread draftsDouble page spread drafts
Double page spread draftszoetoase
 
Photoshop: Tips and tricks for working with images that are too small
Photoshop: Tips and tricks for working with images that are too smallPhotoshop: Tips and tricks for working with images that are too small
Photoshop: Tips and tricks for working with images that are too smallWeb Ascender
 
Photoshop Tutorial
Photoshop TutorialPhotoshop Tutorial
Photoshop TutorialChristieAnn
 
Mtm by dalibor lekin
Mtm by dalibor lekinMtm by dalibor lekin
Mtm by dalibor lekinNomer Adona
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfPinkverge
 
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoMaking of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoNomer Adona
 
Applying color effect in photoshop
Applying color effect in photoshopApplying color effect in photoshop
Applying color effect in photoshopsujon hasan
 
Volumen ligth
Volumen ligthVolumen ligth
Volumen ligthvheleacin
 
DAY2_SUPERHERO.pptx
DAY2_SUPERHERO.pptxDAY2_SUPERHERO.pptx
DAY2_SUPERHERO.pptxPoddarWorks
 
6. [pro forma] project pro-forma
6. [pro forma] project pro-forma6. [pro forma] project pro-forma
6. [pro forma] project pro-formaWill NotTellYou
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotostutorialsruby
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotostutorialsruby
 
Curs photoshop
Curs photoshopCurs photoshop
Curs photoshopKpaula40
 
Tdw88 t cyborg
Tdw88 t cyborgTdw88 t cyborg
Tdw88 t cyborgFiilp Ti
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station introWhitney Brooks
 

Similar a Tutorial Fotomontage (20)

Abstract Halloween Tutorial
Abstract Halloween TutorialAbstract Halloween Tutorial
Abstract Halloween Tutorial
 
How to Sharpen an Image in Photoshop
How to Sharpen an Image in PhotoshopHow to Sharpen an Image in Photoshop
How to Sharpen an Image in Photoshop
 
Double page spread drafts
Double page spread draftsDouble page spread drafts
Double page spread drafts
 
Photoshop: Tips and tricks for working with images that are too small
Photoshop: Tips and tricks for working with images that are too smallPhotoshop: Tips and tricks for working with images that are too small
Photoshop: Tips and tricks for working with images that are too small
 
P 13 Spolight
P 13 SpolightP 13 Spolight
P 13 Spolight
 
Photoshop Tutorial
Photoshop TutorialPhotoshop Tutorial
Photoshop Tutorial
 
Mtm by dalibor lekin
Mtm by dalibor lekinMtm by dalibor lekin
Mtm by dalibor lekin
 
Create a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdfCreate a Photo Collage in Photoshop.pdf
Create a Photo Collage in Photoshop.pdf
 
Making of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugiantoMaking of iwasa house render by ferry sugianto
Making of iwasa house render by ferry sugianto
 
Photo tutorial
Photo tutorialPhoto tutorial
Photo tutorial
 
Applying color effect in photoshop
Applying color effect in photoshopApplying color effect in photoshop
Applying color effect in photoshop
 
Volumen ligth
Volumen ligthVolumen ligth
Volumen ligth
 
DAY2_SUPERHERO.pptx
DAY2_SUPERHERO.pptxDAY2_SUPERHERO.pptx
DAY2_SUPERHERO.pptx
 
6. [pro forma] project pro-forma
6. [pro forma] project pro-forma6. [pro forma] project pro-forma
6. [pro forma] project pro-forma
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotos
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotos
 
Concept
ConceptConcept
Concept
 
Curs photoshop
Curs photoshopCurs photoshop
Curs photoshop
 
Tdw88 t cyborg
Tdw88 t cyborgTdw88 t cyborg
Tdw88 t cyborg
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station intro
 

Tutorial Fotomontage

  • 1. 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.
  • 2. Firs of all we need to have knowledge on skp photomatch, so import the image your Going to work on, as a photomatch.
  • 3. Then model the new proposal, in this case i work on a new facade for a building in my city.
  • 4. 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.
  • 5. 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..
  • 6. This was my render result, done with vray for skp….remember to save it as a png
  • 7. Now we will start working in photoshop, in this case i open the render and the original photo File.
  • 8. Then i open a new file and name it photomontage, whith a size of 900x620 px, cause i didnt need a very big resolution.
  • 9. Once i open a new page i click and drag the two images, the render and the photo to the new page.
  • 10. 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
  • 11. To scale the photo, we will go to Edit-Free transform,,,when you use the free transform tool Press shift so you dont loose the scale proportion.
  • 12. The result should be something like this, now we need to blend the render to the photo
  • 13. In order to do this i set the opacity of the render layer witch i name RENDER in 70%
  • 14. Then i went to Edit-Freetransform and i modify the render until i was happy with the result
  • 15. Then i set the opacity again in 100%
  • 16. 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.
  • 17. Then we select the brush tool and we right click to choose the master diameter and hardness of 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.
  • 18. As you can see here i use the brush in the layermask to hide some parts of my render so the china food restaurant blend like it should.
  • 19. I recommend to use the zoom tool for the little details in some areas, to be more accurate with the work, and set the master diameter of your brush as it is needed.
  • 20. Layer mask And heres the result after using the brush and the zoom tool on the layermask , remember to select the correct layers when working in photoshop.
  • 21. Then i did the same on the layermask, to unhide the cars.
  • 22. 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, and select an area of the sidewalk, cause it would help us to cover the boxes.
  • 23. 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 the selction we made with the rectangular marquee tool
  • 24. 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-perspective And transform the sidewalk selection so it can cover the box and the grass.
  • 25. Now we can adjust the size of the selction with the scale tool and cover the box
  • 26. The result. Remember yo can be more accurate on this, by making some new layer mask and get sharper results, but for this one i think this should be fine.
  • 27. Here i creat a new layermask on the selection layer so i can sharp some details.
  • 28. Now i also want to erase the street post and some wires, so im making a new layermask on the photo layer
  • 29. And i hide it with the same method,,selecting the brush tool and selective the new layermask And passing the brush tool over the street post and the wires, remember, to unhide, change from Black to white on the set foreground color…
  • 30. Now i open a new image, this one is from cgtextrures and is a sky im going to use for the image And i need to click and drag it into the file we are working on.
  • 31. Once i drag it into the ps file, the sky would look something like this, and we need to use the Layermask on the photo layer to hide the white spots.
  • 32. And here is the result.
  • 33. Now i scale the sky so it can fit on the image, until i get a nice result, this is done with the freetransform tool
  • 34. 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
  • 35. On this option ill set the saturation on -22, cause for me the colors on the photo are too Bright.
  • 36. Now i select the sky layer and go to Image-Adjustments-brightness/contrast
  • 37. And ill set the brightness on +120
  • 38. ill also go to Image-Adjustments- selective color
  • 39. 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 like In the original photo.
  • 40. Now select the photo layer and go to image-adjustment-brightness/contrast and change the brightness to +11
  • 41. Now comes an intersting part, i go to the render layer and i will change the color balance, this Can 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
  • 42. Also in the same layer i change the brightness to +24
  • 43. 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…
  • 44. Lets go to Filter-Distort-lens correction
  • 45. Now it appears a window like this, go to chromatic aberration and set the fix red/cian fringe at -18 and fix blue/yellow fringe at 8
  • 46. Now the render blend better with the photo cause it also has a chromatic aberration.
  • 47. Still working on the render layer, lets go to the photofilter option
  • 48. And set the warm filter at 20%, this helps to blend even more in this case, the render with the Photo.
  • 49. 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.
  • 50. 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
  • 51. For the final touch, lets open another image, this one is from cgtextures, and its a bare concrete
  • 52. Go to Edit-Transform_perspective and scale the texture to the size of the wall..
  • 54. Now set the opacity to 25%
  • 57. Create a new page, name it final render, and paste all the layers in one
  • 58. Add a frame, some more contrast, signature and thats all…hope this tut was helpfull for you.