Adobe Illustrator Tutorial: How to Create a Vector Cartoon House

Final Image Preview


This Adobe Illustrator tutorial is not very difficult but still it is designed for those who know Adobe Illustrator at least a little bit. I will show you how I draw the elements of vector scene. Basically, I use simple techniques. You don’t need just to copy everything; learn some basic techniques and nuances of Adobe Illustrator’s tips.

Step 1

So, let’s start! Create a rectangle with the Rectangle Tool (M) and fill it with linear gradient. This will be the background of our vector scene.

Draw a sketch of a house (I usually use Photoshop for this) and then paste it into Adobe Illustrator. Now reduce the sketch opacity.

Step 2

Below the sketch create an outline of the house with the Pen Tool (P). The color of the object is chosen so, that it matches the color of the stroke.

Copy and paste the result shape to the front (Cmd / Ctrl + C; Cmd / Ctrl + F). Lighten the copy’s color and reduce its size a little holding the Shift + Opt / Alt keys (this allows us to transform the shape proportionally and don’t change its centre). You can move the points of the top figure a little bit in order to get different width of the stroke. With the Pen Tool (P) create a roof outline. These objects should have the same colors as a stroke.