Did you see...

Creating a 3D Ground Plane to Match an Image in Photoshop

Click here for Video Tutorials


When you’re adding a 3D element to an image its often difficult to line up the ground in the image to the ground plane for the 3D image. In this post I’ll outline how to make sure they line up perfectly, every time. In this example I’ll add some 3D text to a shelf;

Creating the 3D Text

To make things easier I’m going to change the workspace to 3D, this makes the 3D and Property panels available;photoshop_3d_groundplane_01

photoshop_3d_groundplane_02

To make the ‘Home’ layer three dimensional select the Source, 3D Extrusion and then Create;photoshop_3d_groundplane_03

This creates the 3D layer with it’s own ground plane. By luck its a close match but not quite right;

photoshop_3d_groundplane_04

You could use the Move tool to move the Scene, but this is fiddly.

Creating the Ground Plane

Turning off the Home layer makes this next part a little more clear. I used the rulers to drag down a guide that matches the two horizontal lines of the shelf. Then I drew a 1px red line along them. (Snap really helps here. Menu: View>Snap);

photoshop_3d_groundplane_05

Once the lines are drawn I can clear the guides using the Menu: View> Clear Canvas Guides. This often helps pinpoint horizontals and verticals and, later, will make sure my own ground plane is square.

To create the ground plane go to Menu: Filter>Vanishing point…

photoshop_3d_groundplane_06

With the Create Plane too active clicking on each corner creates a plane. In this case I’ve not done this too well and the plane shows up in red. This means that the plane doesn’t work in 3D. So I need to tweak it.

photoshop_3d_groundplane_07

Zooming in reveals how far off I was from the guides I made and the corner points I clicked down. Using the Move tool here I can easily correct this.

Now the grid has turned blue;

photoshop_3d_groundplane_08

No more needs to be done here, click OK.

Nothing seems to change, but the ground plane is still there.

Using The New Ground Plane

Turn on the Home layer and returning to the 3D tab I can select the Current View (1)

photoshop_3d_groundplane_09

In the Properties Panel I can click on the View drop down Menu (2) and choose Vanishing Point Grid (3)

The Home layer re-adjusts itself to the new Ground Plan;

photoshop_3d_groundplane_10

So I’ll need to get the move tool and use the handles to push it back and resize it;

photoshop_3d_groundplane_11

From the Properties Panel, click the Coordinates icon and choose Move To Ground;

photoshop_3d_groundplane_12

And there we are!

photoshop_3d_groundplane_13

The lighting, textures, bevels need to be done still, but I can be rest assured that the layer will always be in the right perspective.

 

About Eric Renno (435 Articles)
Eric’s background in video editing with Adobe Premier led to his interest, and then obsession, with Photoshop. Starting TipSquirrel.com as a hobby he is proud to have gathered together and be a part of The Photoshop Nuts. Known as only “TipSquirrel” for two years, Eric ‘went public’ when he was a finalist in The Next Adobe Photoshop Evangelist competition. He’s also been a finalist in Deke’s Techniques Photoshop Challenge. While still taking on some freelance work, Eric has recently become a Lecturer at Peterborough’s Media and Journalism Centre where he enjoys sharing his knowledge as well as learning new skills. This realisation that he loves to teach has made Eric look at altering his career path.

1 Comment on Creating a 3D Ground Plane to Match an Image in Photoshop

  1. Scott // 04/10/2017 at 4:13 pm //

    Love the tutorial. I was trying to replicate this effect with a room photographed looking into a corner, instead of straight towards a wall. Is there a trick to using the vanishing point filter for two point perspective?
    Thanks

Leave a comment

Your email address will not be published.


*