8/7/2019 Compositing 3D Render into Real Photo Scene

1/14

Compositing 3D Render into Real Photo Scene

This tutorial will show how we can composite 3D rendered images into a real photograph environment. We will beusing the layer masking technique very often and also explore some simple brush settings.

Preview of Final Image

The texts and images are copyrighted to 10Steps.SG and their respective owners.YouCANNOT copy the whole tutorial, either in English or translate to another language.

Download the Tropical Forest image from Shutterstock. You can also use another similar image for this tutorial.Open up the forest image, go to Image > Image Size and set the width to 1000px, make sure it is checked toscale proportionally. Now save this as a Photoshop document and we shall work on it directly.

http://www.shutterstock.com/pic-13506157/stock-photo-tropical-forest.htmlhttp://www.shutterstock.com/pic-13506157/stock-photo-tropical-forest.html

8/7/2019 Compositing 3D Render into Real Photo Scene

2/14

Duplicate the "Background" layer and rename the copy as "Forest". Using the Lasso tool, briefly make a selectionon the farther area like what I did below.

With the selection active, go to Select > Modify > Contract. Set the radius to 50px and hit OK. Go to Select >Modify > Feather. Set the radius to 30px. Then go to Filter > Blur > Lens Blur. Set the radius to 20px and leavethe rest of settings as default. This step is to create a a front focal point and clearer separation between theforeground and background.

8/7/2019 Compositing 3D Render into Real Photo Scene

3/14

Create a new layer and rename it as "Background Shadow". Using the Brush tool, size 150px, Soft-Rounded andcolor #000000, paint a huge black area as shown below.

Set the Blend Mode of "Background Shadow" layer to Overlay. We have the background set up. Now let usproceed on to download some 3D renders!

8/7/2019 Compositing 3D Render into Real Photo Scene

4/14

8/7/2019 Compositing 3D Render into Real Photo Scene

5/14

Duplicate the "Render 1" layer. Select the duplicated copy, go to Image > Adjustments > Hue and Saturation. Setthe Lightness to -100 so it looks completely black.

Using the Eraser tool, size 300px and Soft-Rounded type, erase the unwanted areas and retain only those nearto the border of the tree stem. This step is to create shadow that the render cast on it.

8/7/2019 Compositing 3D Render into Real Photo Scene

6/14

Let us move on to make some reflections. Duplicate the "Forest" layer, rename this copy as "Reflection" andreorder it to be at top most in the Layers panel. Go to Edit > Transform > Flip Vertical. Set the opacity of this layerto 30%.

Zoom in to the render and using the Eraser tool, remove all unwanted except those parts that you want thereflections to show on it. It is better to keep the reflections only on the white body parts and erase those on thepink so there is a contrast of surfaces.

8/7/2019 Compositing 3D Render into Real Photo Scene

7/14

Create a new layer and name it as "Inner Glow&quot. We only want some inner glows at the top portion, so usingthe Brush tool with size 15px, color #ffffff and Soft Rounded type, briefly paint around top border of the render.Set the Blend Mode of this layer to Screen.

Using the Smudge tool, blur the white border you have drawn to soften the outline. You may need to erase someparts where you find them too bright.

8/7/2019 Compositing 3D Render into Real Photo Scene

8/14

Using the same method, draw the inner glowing lines to borders of the pink body parts.

Duplicate the "Render 1" layer. With this copy, go to Image > Adjustments > Hue and Saturation. Set theLightness to -100 so it turns completely black. Reorder the layer so it is behind the original "Render 1" layer. Shiftit downwards like what I did below.

8/7/2019 Compositing 3D Render into Real Photo Scene

9/14

Go to Filter > Blur > Gaussian Blur. Set the radius to 8px. Change the opacity of this layer to 40%. And now youhave a 3D render that blends pretty well into the photographed environment.

Let us repeat the processes for few more 3D renders for a better composition.

8/7/2019 Compositing 3D Render into Real Photo Scene

10/14

Open up the Brush Panel and key in the settings below.

Create a new layer and name it as "Energy Lines". Using the Pen tool, draw several curves and stroke them withthe brush settings you have just created. Remember to check on the "Simulate Pressure" option. Also I am usingdifferent brush sizes to stroke each path individually.

8/7/2019 Compositing 3D Render into Real Photo Scene

11/14

With "Energy Lines" layer selected, go to Filter > Blur > Gaussian Blur. Set the radius to 4px. Change the opacityof this layer to 80%. Apply Color Overlay layer style and set the color to be #fff8ad. Apply Outer Glow layer style,set the color to #799d42, size to 20px and leave the rest of settings as default.

Download the Smoke Brushes Set 2 from Falln Stock. Set the foreground color to #fff8ad. Pick one of the smokebrushes and paint a smoke at the opening of the render pipe. Change the opacity of this layer to 80%. We arealmost there. Now we shall work on the overall mood of the composition.

http://falln-stock.deviantart.com/art/Smoke-Brushes-Set-2-92731021http://falln-stock.deviantart.com/art/Smoke-Brushes-Set-2-92731021

8/7/2019 Compositing 3D Render into Real Photo Scene

12/14

Make a Brightness/Contrast adjustment layer at the topmost of Layers Panel. Set the contrast to 20.

Make a Curves adjustment layer and set the RGN curves similar to what I have done.

8/7/2019 Compositing 3D Render into Real Photo Scene

13/14

Make a Hue and Saturation adjustment layer. Set the hue to 50 and saturation to 25.

Make a Solid Color adjustment layer and set the color as #ff0099. Change the opacity of this layer to 5%.

8/7/2019 Compositing 3D Render into Real Photo Scene

14/14

Lastly, make a Levels adjustment layer and key the values 0, 1, 220. We have come to the end of this tutorial,hope you have enjoyed it. Happy Good Friday!

I am Johnson K