Some 3d objects can be successfully created in Photoshop. This section will teach you the necessary tricks.  Home Tutorials 3D Effects Compositing 3D Render into Real Photo Scene

Compositing 3D Render into Real Photo Scene


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 to scale proportionally. Now save this as a Photoshop document and we shall work on it directly.

image 1

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

image 2

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 leave the rest of settings as default. This step is to create a a front focal point and clearer separation between the foreground and background.

image 3

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

image 4

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

image 5

Download the Render Pack 2 from Phanox. Inside the package, there are plenty of cool renders but I chose the three white ones to use. Open up the one shown in the screenshot and position it against the tree stem.

image 6

Rename the 3D render layer as "Render 1". Select the layer and apply a Layer Mask to it. The white color in the mask means solid and black is the hidden area. So click on the mask, using the Brush tool with a comfortable size and color #000000, paint the shape of tree stem to reveal it. This is to make the render seem to go behind the tree instead of floating in front.

image 7

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

image 8

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

image 9

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

image 10

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

image 11

Create a new layer and name it as "Inner Glow". We only want some inner glows at the top portion, so using the 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.

image 12

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

image 13

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

image 14

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

image 15

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

image 16

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

image 17

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

image 18

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

image 19

With "Energy Lines" layer selected, go to Filter > Blur > Gaussian Blur. Set the radius to 4px. Change the opacity of 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.

image 20

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

image 21

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

image 22

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

image 23

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

image 24

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

image 25

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!

Compositing 3D Render into Real Photo Scene



Author's URL: 10Steps.SG
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Some 3d objects can be successfully created in Photoshop. This section will teach you the necessary tricks. More 3D Effects Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: