In this tutorial, we will 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.
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.
Step 3
Draw the shapes shown below in the same way.
Now select the ‘pen tool’ and draw the shape displayed below.
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.
Now drag this new path to the left and top a bit using ‘selection tool (V)’ and change its color.
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.
Now select the ‘pen tool’ and draw the shapes displayed below and use the ‘line segment tool’ to draw perpendicular lines.
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.
Step 6
Next, we’ll make the door of our house. Draw the basic frame in the same way as explained for window.
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.
Draw the following two shapes using ‘pen tool’ to give the perspective of depth.
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.
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.
Step 8
Now to create stairs, draw a rectangle and go to Effects > 3D > Extrude and Bevel. Use the given settings for it.
Duplicate the stair layer and decrease its size using ‘selection tool (V)’.
Step 9
Draw different shapes forming chimney.
Draw the shapes shown below to form shadow. Change the blending mode of these layers to ‘multiply’ and reduce their opacity to 35%.
Step 10
Draw a rectangle; rotate it to align it properly with the roof edge. Apply the given gradient on it.
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.
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.
That’s it. Hope you learned something useful. Don’t forget to share your thoughts.
Illustrator Tutorials & Resources