In this tutorial you will tackle how to create a 3D effect looking plan from a simple 2D plan. This effect works fairly great in highlighting a significant interior space in a presentation. Apart from this, this tutorial will teach you how to define a pattern for applying materials.
Preview of Final Results
Design a 3D Floor Plan with Photoshop
Start by downloading this file then opening the PDF in Photoshop. We’ll use the texture of the parquet wood later.
2D Plan.zip | 270 KB
Now, you right click on the layer of the 2D Plan and duplicate its layer as shown in the image below named as Walls. Then repeat the same process but this time have the copied layer renamed as floor. Basically you will have three different layers in this first step.
Select the layer floor and hide the other layers for now. Using the marquee tool (Press M) delete all the furniture, closet, and plumbing fixture as highlighted in the image. Include the entry door as well. Make sure NOT to include the bounding lines of the internal walls. What being done here is to make this layer prepared for the application of the flooring material. (On a side note this process works faster if there is already a set of layer prepared as pdf format from AutoCAD. But for the sake of this tutorial just follow the steps provided further).
The flooring textures shown will be used for the application of materials on the floor. The jpeg files of the textures are provided in the zip file you downloaded in the beginning. Open the wood material and drag this over to the floor layer. As you can see, the wood is way too big over the floor. Use the transform tool and resize the image height to 25 as shown but be sure the aspect ratio is locked – click on the chain. Open the stone material and repeat the same process you did on the wood but this time make the image height to 5.
Select the wood layer and use the marquee tool (Press M) and highlight a portion only of the wood. From the edit menu panel click define define pattern and click Ok. Then select the stone layer and repeat the same process but this time you may highlight the whole 3×3 tile pattern. (Note: do not highlight beyond the boundaries of the stone tile pattern.)
Select again the floor layer and use the wand tool (Ctrl+W) and click on the middle part of the bedroom. Press (Shift+F5) to fill in the floor material. Click on the arrow down selection and choose pattern. In this regard the wood pattern is the second from last set of patterns. Click on this and press Ok. Now click on the middle part of the bathroom area and repeat the same process earlier but choose the last pattern which is the stone from the Fill dialogue box.
By this time you should have arrived at the floor pattern below. You will notice I added a stone pattern in the terrace outside the bedroom. Use the marquee tool (Press M) and highlight a portion of the terrace. The size to be highlighted need not necessarily to be precise. I used the same pattern from the bathroom using the same process in Step 5. Next, you may add a little bit of glare on the floor patterns. Press O for the Dodge tool to accentuate some parts of the floor. You can use the settings I used shown below.
Turn on the layer 2D plan and duplicate its layer again named as furniture-fixture. As a tip turn off all the other layers except the furniture-fixture layer. Next, using the marquee tool (Press M). Delete all the walls, closet, and door as highlighted by a selection in the image below. You may press Shift+click in order to add-up a selection of the areas to be deleted. Only the bed, chairs, desk, lamp, toilet & bidet, vanity and tub will be left as shown further below.
Coding and gaming go hand-in-hand, though that doesn’t mean coders are always gamers and v…