- On March 19, 2014
- Adobe Creative Suite, illustrator, Pathfinder, Shapes, Transparency effects
Follow this Illustrator tutorial to create a fun ‘Moving House’ illustration. We’ll be learning some great Illustrator techniques, making use of Shapes, Transparency effects and the invaluable Pathfinder tools.
Let’s begin by opening Illustrator and creating a Print Document 200mm x 200mm. Give the Document an appropriate name and click OK.
First we’re going to make the House. Let’s start by selecting the Rectangle Tool (M) from the tool panel and click once on the page so that the Rectangle Options window comes up. In this box make the Width 50mm and the Height 50mm.
Position the box at the bottom of the page in the centre. To position the square specifically, state the X value as 100mm and the Y value as 50mm (in the Dock).
Next, we’re going to create a triangle for the roof. The easiest way to do this is by using the Star Tool which can be found in the same menu as the Rectangle Tool. Click and hold on the Rectangle Tool until a menu appears for the other shapes, scroll down to the Star Tool and then release the mouse.
Now, click once on the page so that the Star Options window comes up. In this box, make ‘Radius 1’ 40mm and ‘Radius 2’ 20mm. Then change the number of Points to 3.
Position the triangle so that it sits overlapping the top of the square slightly.
Next, using the Selection Tool (V), click on the triangle and then drag the top central resize point downwards, until it looks like a typical roof.
You’ll probably notice that the roof now has a thinner outline than the square. To rectify this, go to the Stroke panel (Window > Stroke) and change the Stroke Weight back to 1 pt.
Let’s combine the triangle and the square to form one complete shape. Highlight both shapes using the Selection Tool (V), then go the the Pathfinder panel (Window > Pathfinder) and click the Unite button.
With the shape still highlighted, let’s Fill it with a pink colour by going to the Appearances panel and selecting a Pink colour from the Fill drop-down menu. At the same time, let’s turn the Stroke off so that we’re left with a solid pink house. To make the tutorial simple, I’m using colours from the Basic CYMK Swatch, but you can use any colours you like.
Next, we’ll create four white windows. Select the Rectangle Tool (M) and then go to the Appearances panel and select a White Fill colour. Position the mouse over the top of the pink house and, whilst holding the ‘shift’ key on the keyboard (to constrain the shape), drag the mouse to form a perfect square.
Once you are happy with the size and position of the first window, let’s Copy it (Edit > Copy) and Paste it (Edit > Paste) three times to create the other windows. Position the windows evenly to form a neat looking house.
Now, let’s rotate the shape slightly to give the impression that it is being lifted off the ground. Highlight the shape using the Selection Tool (V), open the rotate menu (Object > Transform > Rotate) and type in 20 degrees to the Angle box, then press OK.
Now, we are going to create the balloon strings. Let’s do this by selecting the Line Segment Tool and, in the Appearance panel, giving it a light blue coloured Stroke. Click on the top point of the roof of the house and drag the line upwards until it is quite near the top of the page. Draw two further lines (either side of the first line), so that you end up with an image similar to the one below.
Repeat this process for the other two corners of the roof, until you have 9 strings in total.
Now we’re going to create the balloon shape, which will be made up of two individual shapes. Let’s start by selecting the Ellipse Tool (L), which can be found in the sub-menu of the Rectangle Tool.
First, we’ll create the top section of the balloon by drawing a constrained circle (click and drag the mouse whilst holding ‘shift’ on the keyboard).
Second, create the bottom section of the balloon by drawing an oval circle which overlaps the bottom of the main circle (as seen in image 2, below)
Now let’s combine these two shapes by highlighting them both with the Selection Tool (V) and then in the Pathfinder panel (Window > Pathfinder) click Unite.
Make sure the balloon shape is an appropriate size and then place it at the top of the first string. In the Appearance panel let’s Fill the balloon with a Yellow colour and turn the Stroke off, so that it has no outline.
You can now copy this balloon and place it at the top of the other strings, changing the colours wherever you choose – I have used Yellow, Blue and Pink. To create the colour overlap effect, select the balloons and select the Multiply Blending Mode in the Transparency panel.
As a final touch, to give the impression that the house is floating, let’s create a ground layer. Select the Ellipse Tool (L) and create a shallow oval at the bottom of the page. Fill this shape with a light Green colour.
Well done! Your illustration is now complete!