In this tutorial, we will learn how to create a 3D house vector in Illustrator.

Learn How to Create a 3D House Vector in Illustrator

Tutorial Details

Program: Illustrator CS5

Estimated Completion Time: 40 – 45 Minutes

Step 1

Create a new document with 1500px width and 1500px height in adobe illustrator.

3D House Vector Screenshot

Step 2

Select the ‘rectangle tool’ to draw a rectangle. After that, select the ‘direct selection tool’ and double click on the anchor points to drag them to give the shape shown below.

3D House Vector Screenshot

Step 3

Draw the shapes shown below in the same way.

3D House Vector Screenshot

Now select the ‘pen tool’ and draw the shape displayed below.

3D House Vector Screenshot

Step 4

Now select the front roof shape by clicking on the ring shape target on its layer. Then go to Object > Path, Offset path. Use the given values here.

3D House Vector Screenshot

Now drag this new path to the left and top a bit using ‘selection tool (V)’ and change its color.

3D House Vector Screenshot

Step 5

Next, we’ll create a window. Select the ‘rectangle tool’ and draw a rectangle on a new layer. Now drag its anchor points using ‘direct selection tool (A)’ to give the shape as shown below.

3D House Vector Screenshot

Now select the ‘pen tool’ and draw the shapes displayed below and use the ‘line segment tool’ to draw perpendicular lines.

3D House Vector Screenshot

Collect all the layers forming window in a new layer. To do so, select all window layers by pressing ‘Shift’ key and then click on the square present at the top right corner of the layers panel. You will see plenty of options here. Choose ‘collect in new layer’. Label that layer as ‘window’. Now once again click on this square and choose the option of ‘duplicate window’. Now simply drag the duplicated window to the right using ‘selection tool (V)’. You can make as many windows as you want using the same technique.

3D House Vector Screenshot

Step 6

Next, we’ll make the door of our house. Draw the basic frame in the same way as explained for window.

3D House Vector Screenshot

Now draw a smaller rectangle and drag its anchor points to give it proper shape, then duplicate this rectangle few times. Arrange these copies as displayed below.

3D House Vector Screenshot

Draw the following two shapes using ‘pen tool’ to give the perspective of depth.

3D House Vector Screenshot

Now use the ’rounded rectangle tool’ to draw the door’s handle and then select the ‘gradient tool’ to apply the given gradient on it.

3D House Vector Screenshot

Step 7

Now we’ll draw base of the house. You can use ‘rectangle tool’ and adjust its shape using ‘direct selection tool’ or you can make it using ‘pen tool’ only. Use darker shades for the front of the house.

3D House Vector Screenshot

Step 8

Now to create stairs, draw a rectangle and go to Effects > 3D > Extrude and Bevel. Use the given settings for it.

3D House Vector Screenshot

Duplicate the stair layer and decrease its size using ‘selection tool (V)’.

3D House Vector Screenshot

Step 9

Draw different shapes forming chimney.

3D House Vector Screenshot

Draw the shapes shown below to form shadow. Change the blending mode of these layers to ‘multiply’ and reduce their opacity to 35%.

3D House Vector Screenshot

Step 10

Draw a rectangle; rotate it to align it properly with the roof edge. Apply the given gradient on it.

3D House Vector Screenshot

Keep on duplicating and aligning the rectangles to form a line. Collect all the rectangle layers forming this line in a new layer. Keep on duplicating this line to cover the entire roof area. At last, collect all the rectangular layers forming roof in one layer.

3D House Vector Screenshot

Now select this blocks layer and roof layer by pressing ‘Shift’ key. Then select the ‘shape builder tool (Shift+ M)’. Take it over the rectangles that are outside the roof area and press ‘Alt’ key to delete them one by one. Do it after zooming in.

3D House Vector Screenshot

That’s it. Hope you learned something useful. Don’t forget to share your thoughts.

Illustrator Tutorials & Resources


Pinterest